{"version":3,"sources":["webpack:///./src/components/Banner.vue","webpack:///./src/components/Banner.vue?c069","webpack:///./src/components/Banner.vue?8bef","webpack:///./src/views/about-suicide/suicide-risk-factors.vue","webpack:///./src/views/about-suicide/suicide-risk-factors.vue?8207","webpack:///./src/views/about-suicide/suicide-risk-factors.vue?1f97"],"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":"4JASSA,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,wFCE2B,wB,+BAEpB,4T,+BAM0B,+D,wlJA8I1B,mF,+BAGsB,+G,wMA1J3BC,yBAYSC,EAAA,CAZDC,WAAS,cAAcC,WAAS,mBAAxC,CACmBC,MAAK,sBAAC,iBAAoB,OAC1BC,SAAQ,sBACtB,iBAKH,OACiBC,YAAW,sBAAC,iBAC+B,O,MAI9DC,EAmIAP,yBAaaQ,EAAA,CAZXC,IAAI,kCACJC,KAAK,wBACLlB,KAAK,uBAHP,CAKmBmB,OAAM,sBACpB,iBAEH,OACiBC,QAAO,sBAAC,iBAGzB,O,OAZF,I,4BAmBa,GACbpB,KAAM,qBACNqB,WAAY,CACVC,cACAC,oB,iCClKJ,MAAMjB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf,W","file":"js/chunk-07fd51f9.39b33d4c.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\"","<template>\n  <Banner bg-image=\"gray-bg.jpg\" talk-img=\"risk-factor.png\">\n    <template v-slot:title>Suicide risk factors</template>\n    <template v-slot:subtitle\n      >People from all walks of life are impacted by suicide. There is no\n      “typical” suicidal person, there are no “typical” suicidal thoughts and\n      ideations. Most often, young people experience suicidal thoughts when they\n      have lost hope and feel helpless; they want their pain to end, and they\n      may see no other way out.\n    </template>\n    <template v-slot:description>\n      Let’s explore some of the common risk factors for suicide.</template\n    >\n  </Banner>\n  <!-- RISK FACTORS  -->\n  <section class=\"pt-10 gradient-white md:pt-14\">\n    <div class=\"max-w-6xl px-4 mx-auto sm:px-6\">\n      <div\n        class=\"mb-6 text-2xl font-bold text-center call-text md:text-3xl text-blue\"\n      >\n        Common risk factors for youth suicide\n      </div>\n      <p class=\"max-w-3xl mx-auto text-xl text-center\">\n        While there is no “typical” suicidal person, there are some common\n        stressors that can make young people feel like life isn’t worth living,\n        especially if they don’t have coping strategies in place.\n      </p>\n      <div class=\"mt-8 faq-block suicide-faq\">\n        <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3 tabs\">\n          <div class=\"col-1\">\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd1\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd1\">Relationships</label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Your friend might feel disconnected from family or other close\n                  friends. This could be due to a conflict or because they’ve\n                  become a victim of bullying at school or online.\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd2\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd2\">LGBTQ2S+ pressures</label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Young people who are Two-Spirit, gay, lesbian, bisexual or\n                  transgender may feel pressured to hide their sexual\n                  orientation or gender identity from others and may worry about\n                  being rejected by their family or about being “outed.”\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd3\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd3\"\n                >Disconnection from culture\n              </label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Studies have shown that children & youth with no one to help\n                  them understand their culture or those disconnected from their\n                  communities and cultural practices were more likely to have\n                  suicide ideation.\n                </p>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-1\">\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd4\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd4\">School</label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Problems with schoolwork, peers, peer pressure, bullying or\n                  teachers can make day-to-day feel unbearable.\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd5\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd5\"\n                >Impact of intergenerational trauma</label\n              >\n              <div class=\"faq-tab-content\">\n                <p>\n                  The historical events of colonialism, which continue to affect\n                  Indigenous peoples today, cannot be overstated.\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd6\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd6\"\n                >Recent severe stressors\n              </label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Stressors may include trauma, difficulties in dealing with\n                  sexual orientation, unplanned pregnancy or other significant\n                  real or impending loss.\n                </p>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-1\">\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd7\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd7\">Abuse</label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Another common secret is physical or emotional abuse or sexual\n                  abuse which youth often hide out of fear or shame.\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd8\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd8\">Mental health problems </label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Depression, anxiety, eating disorders, low self-esteem or\n                  addictions can cause significant stress. Your friend may\n                  experience these problems directly or through guardians or\n                  other family members that are experiencing them.\n                </p>\n              </div>\n            </div>\n            <div class=\"mb-3 faq-tab\">\n              <input type=\"checkbox\" id=\"rd9\" name=\"rd\" />\n              <label class=\"tab-label\" for=\"rd9\"\n                >Family loss or instability\n              </label>\n              <div class=\"faq-tab-content\">\n                <p>\n                  Dealing with family loss, a parent or guardian’s recent\n                  separation or divorce, instability or significant family\n                  conflict can feel like too much to overcome.\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n  <FooterCard\n    img=\"help-for-someone-else-braid.png\"\n    text=\"Explore warning signs\"\n    name=\"SuicideWarningSigns\"\n  >\n    <template v-slot:header\n      >Do you recognize risk factors? Next, learn about the warning signs of\n      suicide.\n    </template>\n    <template v-slot:content>\n      If someone is at risk. There are certain behaviors you can look for that\n      may be warning signs of suicide.\n    </template>\n  </FooterCard>\n</template>\n\n<script>\nimport Banner from \"@/components/Banner.vue\";\nimport FooterCard from \"@/components/FooterCard.vue\";\nexport default {\n  name: \"SuicideRiskFactors\",\n  components: {\n    Banner,\n    FooterCard,\n  },\n};\n</script>\n\n<style scoped>\n.gradient-white {\n  background: linear-gradient(to bottom, #f8f8f8, #fff);\n}\n.faq-block .faq-tab {\n  width: 100%;\n  color: white;\n  overflow: hidden;\n}\n.faq-block .tab-label {\n  display: flex;\n  justify-content: space-between;\n  padding: 1em;\n  background: rgba(60, 94, 170, 0.06);\n  color: #3c5eaa;\n  cursor: pointer;\n  font-size: 20px;\n}\n.faq-block .tab-label::after {\n  content: \"\";\n  background-image: url(../../assets/images/arrow.svg);\n  width: 1em;\n  text-align: center;\n  transition: all 0.35s;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.faq-block .faq-tab-content {\n  max-height: 0;\n  padding: 0 1em;\n  color: #2c3e50;\n  background: white;\n  transition: all 0.35s;\n}\n.faq-block .faq-tab input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n}\n.faq-block input:checked + .tab-label {\n  background: #3c5eaa;\n  color: #fff;\n}\n.faq-block input:checked + .tab-label::after {\n  background-image: url(../../assets/images/arrow-up-white.svg);\n}\n.faq-block input:checked ~ .faq-tab-content {\n  max-height: 100vh;\n  padding: 1em;\n}\n.faq-tab {\n  border: 5px solid #3c5eaa;\n  border-radius: 10px;\n}\n.tab-label {\n  background: #f8f8f8;\n  font-weight: bold;\n  height: 135px;\n}\ninput:checked + .tab-label {\n  background: #f8f8f8;\n  color: #3c5eaa;\n  height: auto;\n}\n.tab-label::after {\n  background-position: -2px 10px;\n  background-size: 1.8rem;\n  width: 1.5rem;\n}\ninput:checked + .tab-label::after {\n  background-image: url(../../assets/images/arrow-up.svg);\n}\n.faq-tab-content {\n  background: #f8f8f8;\n  line-height: 30px;\n}\n</style>\n","import { render } from \"./suicide-risk-factors.vue?vue&type=template&id=572a977d&scoped=true\"\nimport script from \"./suicide-risk-factors.vue?vue&type=script&lang=js\"\nexport * from \"./suicide-risk-factors.vue?vue&type=script&lang=js\"\n\nimport \"./suicide-risk-factors.vue?vue&type=style&index=0&id=572a977d&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-572a977d\"]])\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!./suicide-risk-factors.vue?vue&type=style&index=0&id=572a977d&scoped=true&lang=css\""],"sourceRoot":""}