{"version":3,"sources":["webpack:///./src/components/Banner.vue","webpack:///./src/components/Banner.vue?c069","webpack:///./src/components/Banner.vue?8bef","webpack:///./src/views/tools-and-resources/name-your-emotions.vue?b053","webpack:///./src/views/tools-and-resources/name-your-emotions.vue","webpack:///./src/views/tools-and-resources/name-your-emotions.vue?301f"],"names":["class","_createElementBlock","style","require","bgImage","_createElementVNode","_renderSlot","_ctx","undefined","$props","src","alt","name","props","type","String","default","talkImg","__exports__","render","_createVNode","_component_Banner","bg-image","talk-img","title","subtitle","description","_hoisted_4","_component_FooterCard","img","text","header","content","components","Banner","FooterCard"],"mappings":"mLASSA,MAAM,kC,GACJA,MAAM,0B,GACJA,MAAM,mB,GACJA,MAAM,qC,GAGRA,MAAM,kC,GAGNA,MAAM,0B,SAISA,MAAM,Y,kEApBhCC,gCAyBU,WAxBPC,MAAK,6B,uBAA4CC,UAAO,iBAAyBC,UAAO,MAIzFJ,MAAM,qBALR,CAOEK,gCAiBM,MAjBN,EAiBM,CAhBJA,gCAeM,MAfN,EAeM,CAdJA,gCAUM,MAVN,EAUM,CATJA,gCAEM,MAFN,EAEM,CADJC,wBAAqBC,SAAA,gBAAAC,GAAA,KAEvBH,gCAEI,IAFJ,EAEI,CADFC,wBAAwBC,SAAA,mBAAAC,GAAA,KAE1BH,gCAEI,IAFJ,EAEI,CADFC,wBAA2BC,SAAA,sBAAAC,GAAA,OAGpBC,oCAAXR,gCAEM,MAFN,EAEM,CADJI,gCAA2D,OAArDK,IAAKP,UAAQ,YAAmBM,YAAYE,IAAI,IAAtD,aADF,4CApBN,GA6Ba,OACbC,KAAM,SACNC,MAAO,CACLT,QAAS,CACPU,KAAMC,OACNC,QAAS,IAEXC,QAAS,CACPH,KAAMC,OACNC,QAAS,M,iCCjCf,MAAME,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,oCCTf,W,kCCAA,W,sOCE2B,uB,+BACG,mO,+BAMG,uE,y8JAiIL,+B,+BACC,iE,uBAEvBd,gCAAM,sB,+BAAA,8D,wMA5IVe,yBAWSC,EAAA,CAXDC,WAAS,gBAAgBC,WAAS,0BAA1C,CACmBC,MAAK,sBAAC,iBAAmB,OACzBC,SAAQ,sBAAC,iBAK1B,OACiBC,YAAW,sBAAC,iBAE7B,O,MAGFC,EAuHAP,yBAWaQ,EAAA,CAVXC,IAAI,kCACJC,KAAK,yBACLlB,KAAK,qBAHP,CAKmBmB,OAAM,sBAAC,iBAA2B,OAClCC,QAAO,sBAAC,iBAEvB,W,OARJ,I,4BAkBa,GACbpB,KAAM,mBACNqB,WAAY,CACVC,cACAC,oB,iCCpJJ,MAAMjB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-13c0cbe8.bb1c9e5b.js","sourcesContent":["<template>\n  <!-- Banner -->\n  <section\n    :style=\"{\n      backgroundImage:\n        'url(' + require(`@/assets/images/${this.bgImage}`) + ')',\n    }\"\n    class=\"find-sect md:py-8\"\n  >\n    <div class=\"max-w-6xl px-4 mx-auto sm:px-6\">\n      <div class=\"py-8 find-text md:py-0\">\n        <div class=\"w-full md:w-3/4\">\n          <div class=\"mb-4 text-4xl font-bold text-blue\">\n            <slot name=\"title\" />\n          </div>\n          <p class=\"mb-5 mr-5 text-base sm:text-xl\">\n            <slot name=\"subtitle\" />\n          </p>\n          <p class=\"mb-5 text-xl text-blue\">\n            <slot name=\"description\" />\n          </p>\n        </div>\n        <div v-if=\"talkImg\" class=\"talk-img\">\n          <img :src=\"require(`@/assets/images/${talkImg}`)\" alt=\"\" />\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"Banner\",\n  props: {\n    bgImage: {\n      type: String,\n      default: \"\",\n    },\n    talkImg: {\n      type: String,\n      default: \"\",\n    },\n  },\n};\n</script>\n\n<style scoped>\n.find-sect {\n  background-size: cover;\n  background-position: bottom center;\n}\n.find-text {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.find-text .talk-img {\n  position: relative;\n  left: auto;\n  width: 250px;\n  height: 250px;\n}\n\n/* TALK SECTION */\n.talk-text {\n  background: #f8f8f8;\n  padding: 25px;\n  border-radius: 10px;\n  position: relative;\n  margin-left: 150px;\n  padding-left: 120px;\n}\n.talk-img {\n  position: absolute;\n  top: 0;\n  left: -150px;\n  bottom: 0;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  overflow: hidden;\n  background-image: url(../assets/images/mask.jpg);\n  padding: 15px;\n  background-size: contain;\n  background-position: center;\n}\n.talk-img img {\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n@media (max-width: 767px) {\n  .find-text {\n    display: block;\n  }\n\n  .talk-text {\n    padding: 25px;\n    margin: 0;\n  }\n  .talk-img {\n    position: relative;\n    left: 0;\n    right: 0;\n    margin: 0 auto 30px;\n  }\n}\n</style>\n","import { render } from \"./Banner.vue?vue&type=template&id=72c36051&scoped=true\"\nimport script from \"./Banner.vue?vue&type=script&lang=js\"\nexport * from \"./Banner.vue?vue&type=script&lang=js\"\n\nimport \"./Banner.vue?vue&type=style&index=0&id=72c36051&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-72c36051\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Banner.vue?vue&type=style&index=0&id=72c36051&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./name-your-emotions.vue?vue&type=style&index=0&id=6b9b4211&scoped=true&lang=css\"","<template>\n  <Banner bg-image=\"yellow-bg.jpg\" talk-img=\"name-your-emotions.png\">\n    <template v-slot:title> Name your emotions</template>\n    <template v-slot:subtitle>\n      Different people have different experiences of suicidal feelings.\n      Sometimes it is difficulty identifying and labeling your emotions. When\n      you are aware of your emotion, you are able to pay attention to how you\n      are coping.\n    </template>\n    <template v-slot:description>\n      Here are some ways to help you recognize and label your emotions.\n    </template>\n  </Banner>\n\n  <section class=\"pb-14\">\n    <div class=\"max-w-6xl px-4 mx-auto sm:px-6\">\n      <div class=\"mb-6 text-2xl font-bold call-text md:text-3xl text-blue\">\n        How are you feeling right now?\n      </div>\n      <p>\n        Take a moment to connect to your current emotional experience. Now,\n        focus your attention on what you are feeling; there might be feelings of\n        hopelessness, loneliness, anger, or sadness. If you are feeling\n        suicidal, you might be scared or confused by these feelings. You may\n        find the feelings overwhelming. This worksheet is designed to help you\n        recognizing and labeling your emotions.\n      </p>\n      <p class=\"my-6 text-lg text-blue md:text-xl\">\n        Look at the word list below and use it as a guide to help you label the\n        emotions you are experiencing.\n      </p>\n    </div>\n  </section>\n  <!-- List of emotions  -->\n  <section class=\"pb-10 md:pb-14\">\n    <div\n      class=\"mb-6 text-2xl font-bold text-center call-text md:text-3xl text-blue\"\n    >\n      List of emotions:\n    </div>\n    <div class=\"max-w-6xl px-4 mx-auto sm:px-6\">\n      <div class=\"grid grid-cols-1 gap-3 md:grid-cols-3\">\n        <a href=\"javascript:;\" class=\"emotion\">Confusion</a>\n        <a href=\"javascript:;\" class=\"emotion\">Powerlessness</a>\n        <a href=\"javascript:;\" class=\"emotion\">Inferior</a>\n        <a href=\"javascript:;\" class=\"emotion\">Sad</a>\n        <a href=\"javascript:;\" class=\"emotion\">Depressed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Worried</a>\n        <a href=\"javascript:;\" class=\"emotion\">Numb</a>\n        <a href=\"javascript:;\" class=\"emotion\">Helplessness</a>\n        <a href=\"javascript:;\" class=\"emotion\">Ashamed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Loneliness</a>\n        <a href=\"javascript:;\" class=\"emotion\">Isolated</a>\n        <a href=\"javascript:;\" class=\"emotion\">Rejected</a>\n        <a href=\"javascript:;\" class=\"emotion\">Fear</a>\n        <a href=\"javascript:;\" class=\"emotion\">Discouraged</a>\n        <a href=\"javascript:;\" class=\"emotion\">Grief</a>\n        <a href=\"javascript:;\" class=\"emotion\">Insecure</a>\n        <a href=\"javascript:;\" class=\"emotion\">Guilt</a>\n        <a href=\"javascript:;\" class=\"emotion\">Despair</a>\n        <a href=\"javascript:;\" class=\"emotion\">Overwhelmed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Insecure</a>\n        <a href=\"javascript:;\" class=\"emotion\">Inadequate</a>\n        <a href=\"javascript:;\" class=\"emotion\">Abandoned</a>\n        <a href=\"javascript:;\" class=\"emotion\">Vulnerable</a>\n        <a href=\"javascript:;\" class=\"emotion\">Victimized</a>\n        <a href=\"javascript:;\" class=\"emotion\">Empty</a>\n        <a href=\"javascript:;\" class=\"emotion\">Worthless</a>\n        <a href=\"javascript:;\" class=\"emotion\">Embarrassed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Frightened</a>\n        <a href=\"javascript:;\" class=\"emotion\">Threatened</a>\n        <a href=\"javascript:;\" class=\"emotion\">Exposed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Excluded</a>\n        <a href=\"javascript:;\" class=\"emotion\">Scared</a>\n        <a href=\"javascript:;\" class=\"emotion\">Desperate</a>\n        <a href=\"javascript:;\" class=\"emotion\">Humiliated</a>\n        <a href=\"javascript:;\" class=\"emotion\">Betrayed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Let down</a>\n        <a href=\"javascript:;\" class=\"emotion\">Violated</a>\n        <a href=\"javascript:;\" class=\"emotion\">Ridiculed</a>\n        <a href=\"javascript:;\" class=\"emotion\">Stressed</a>\n      </div>\n    </div>\n  </section>\n  <!-- List of Emotions image  -->\n  <section class=\"py-10 md:py-14 emotion-bg\">\n    <div class=\"emj-img\">\n      <img src=\"../../assets/images/notebook.png\" class=\"mx-auto\" />\n    </div>\n  </section>\n\n  <!-- JOURNAL -->\n  <section class=\"py-10 my-8 md:my-12 md:py-14\">\n    <div class=\"max-w-6xl p-4 mx-auto bg-blue-100 sm:px-6\">\n      <div class=\"items-center md:flex\">\n        <div class=\"w-52 safety-img md:pr-9\">\n          <img src=\"../../assets/images/name-your-emotions-yoga.png\" />\n        </div>\n        <div class=\"s-div\">\n          <div class=\"mb-4 text-2xl font-bold text-blue\">\n            Guided feelings and thought journal\n          </div>\n          <p class=\"mb-5\">\n            Use this guided feelings and thought journal to work through your\n            emotions, how you feel and what triggers you.\n          </p>\n          <a\n            href=\"/files/thought-journal.pdf\"\n            download\n            class=\"font-bold text-green hover:text-gray\"\n          >\n            Download\n            <svg\n              class=\"inline-block\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"10.922\"\n              height=\"28\"\n              viewBox=\"0 0 10.922 28\"\n            >\n              <path\n                id=\"Path_4072\"\n                data-name=\"Path 4072\"\n                d=\"M831.1,508.029l8.712-8.711a7.544,7.544,0,0,0,0-10.67l-8.62-8.62a26.475,26.475,0,0,1-.091,28Z\"\n                transform=\"translate(-831.098 -480.029)\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n          </a>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <FooterCard\n    img=\"help-for-someone-else-braid.png\"\n    text=\"View Tools & resources\"\n    name=\"ToolsAndResources\"\n  >\n    <template v-slot:header>Try another coping strategy</template>\n    <template v-slot:content>\n      Different coping strategies resonate with different people.\n      <br />\n      Discover more coping strategies and add to your toolbox.\n    </template>\n  </FooterCard>\n</template>\n\n<script>\nimport Banner from \"@/components/Banner.vue\";\nimport FooterCard from \"@/components/FooterCard.vue\";\n\nexport default {\n  name: \"NameYourEmotions\",\n  components: {\n    Banner,\n    FooterCard,\n  },\n};\n</script>\n\n<style scoped>\n.emotion {\n  background: #f4f6fa;\n  color: #3c5eaa;\n  font-size: 20px;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n}\n.emotion-bg {\n  background-image: url(../../assets/images/list-bg.jpg);\n  background-size: cover;\n  background-position: bottom center;\n}\n\n.emotion:hover {\n  background: #3c5eaa;\n  color: #fff;\n}\n\n.safety-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n.s-div {\n  width: calc(100% - 200px);\n}\n@media (max-width: 767px) {\n  .safety-img {\n    margin: 0 auto 25px;\n  }\n  .s-div {\n    width: 100%;\n  }\n}\n</style>\n","import { render } from \"./name-your-emotions.vue?vue&type=template&id=6b9b4211&scoped=true\"\nimport script from \"./name-your-emotions.vue?vue&type=script&lang=js\"\nexport * from \"./name-your-emotions.vue?vue&type=script&lang=js\"\n\nimport \"./name-your-emotions.vue?vue&type=style&index=0&id=6b9b4211&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6b9b4211\"]])\n\nexport default __exports__"],"sourceRoot":""}