{"version":3,"sources":["webpack:///./src/components/help/HelpPage.vue","webpack:///./src/components/help/ChallengeTypeTag.vue","webpack:///./src/components/help/ChallengeTypeTag.vue?f1f5","webpack:///./src/components/help/HelpPage.vue?6f38","webpack:///./src/components/help/ChallengeTypeTag.vue?e144","webpack:///./src/components/help/HelpPage.vue?8853"],"names":["class","title","$t","classes","challenges","challenge","i","key","toggleChallenge","name","isRequired","is_required","challengeIsExpanded","src","alt","entityTypes","type","j","tagName","props","Boolean","required","default","methods","this","render","__scopeId","data","expandedChallenges","computed","splice","indexOf","push","components","ChallengeTypeTag"],"mappings":"qLAGSA,MAAM,e,SAmBLA,MAAM,yB,GAEDA,MAAM,0B,GAGNA,MAAM,4B,kHA1BnB,eAsCO,GAtCAC,MAAO,EAAAC,GAAE,cAAiBC,QAAS,CAAC,eAAgB,e,yBAEzD,iBAAmD,CAAnD,eAAmD,MAAnD,EAAmD,eAAxB,EAAAD,GAAE,mB,mBAE7B,eAgCM,2BAhCwB,EAAAE,YAAU,SAA3BC,EAAWC,G,wBAAxB,eAgCM,OAhCqCC,IAAKD,EAAGN,MAAM,mB,CAEvD,eAOM,OAPDA,MAAM,wBAAyB,QAAK,mBAAE,EAAAQ,gBAAgBH,K,CACzD,eAAoH,WAAhH,eAAmD,2BAA3C,EAAAH,GAAA,qBAAiBG,EAAUI,QAAI,GAAY,eAAwD,GAArCC,WAAYL,EAAUM,a,yBAChG,eAIO,aAHL,eAEoD,OADjDX,MAAK,aAAgB,EAAAY,oBAAoBP,IAC1CQ,IAAI,8BAA8BC,IAAI,a,8CAI5C,eAmBM,2BAlBgB,EAAAC,aAAW,SAAvBC,EAAMC,G,wCADhB,eAmBM,OAjBHV,IAAKU,EACNjB,MAAM,oB,CAI+C,KAA7C,EAAAE,GAAA,2BAAuBc,EAAvB,YAA+BX,EAAUI,Q,iBAFjD,eAaM,MAbN,EAaM,CAVJ,eAEM,MAFN,EAEM,CADJ,eAAyC,2BAAjC,EAAAP,GAAA,qBAAiBc,KAAI,KAE/B,eAMM,MANN,EAMM,CALJ,eACkE,OAAhE,UAAQ,EAAAd,GAAA,2BAAuBc,EAAvB,YAA+BX,EAAUI,Q,sBAGC,KAA5C,EAAAP,GAAA,0BAAsBc,EAAtB,YAA8BX,EAAUI,Q,iBAFhD,eAEsE,O,MADpE,UAAQ,EAAAP,GAAA,0BAAsBc,EAAtB,YAA8BX,EAAUI,Q,wFAX9C,EAAAG,oBAAoBP,IAA2D,KAA7C,EAAAH,GAAA,2BAAuBc,EAAvB,YAA+BX,EAAUI,a,sKCnBzF,eAAwE,KAApET,MAAO,EAAAU,WAAU,6B,eAAoC,EAAAQ,WAAO,MAInD,GACbT,KAAM,mBACNU,MAAO,CACLT,WAAY,CACVM,KAAMI,QACNC,UAAU,EACVC,SAAS,IAGbC,QAAS,CACPL,QADO,WAEL,OAAOM,KAAKd,WAAac,KAAKtB,GAAG,kBAAoBsB,KAAKtB,GAAG,yB,UCXnE,EAAOuB,OAAS,EAChB,EAAOC,UAAY,kBAEJ,QFsCA,GACXjB,KAAM,WACNkB,KAFW,WAGP,MAAO,CACHC,mBAAoB,KAG5BC,SAAU,kBACH,eAAW,CAAC,aAAc,iBAEjCN,QAAS,CACLf,gBADK,YACqB,IAARC,EAAQ,EAARA,KACVe,KAAKZ,oBAAoB,CAAEH,SAC3Be,KAAKI,mBAAmBE,OAAON,KAAKI,mBAAmBG,QAAQtB,GAAO,GAEtEe,KAAKI,mBAAmBI,KAAKvB,IAGrCG,oBARK,YAQyB,IAARH,EAAQ,EAARA,KAClB,OAAOe,KAAKI,mBAAmBG,QAAQtB,IAAS,IAGxDwB,WAAY,CAAEC,qB,UG/DlB,EAAOT,OAASA,EAED,gB,6DCPf,W,kCCAA","file":"js/chunk-4bd0b997.ab163a6d.js","sourcesContent":["<template>\n  <Page :title=\"$t('help.title')\" :classes=\"['page--static', 'page--help']\">\n\n    <div class=\"help__intro\">{{$t('help.intro')}}</div>\n\n    <div v-for=\"(challenge, i) in challenges\" :key=\"i\" class=\"help__challenge\">\n\n      <div class=\"help__challenge-title\" @click=\"toggleChallenge(challenge)\">\n        <h4><span>{{$t(`challenges.${challenge.name}`)}}</span><ChallengeTypeTag :isRequired=\"challenge.is_required\" /></h4>\n        <span>\n          <img\n            :class=\"{'is-active': challengeIsExpanded(challenge)}\"\n            src=\"/img/icons/report/arrow.svg\" alt=\"Show more\">\n        </span>\n      </div>\n\n      <div\n        v-for=\"(type, j) in entityTypes\"\n        :key=\"j\"\n        class=\"help__entitytype\"\n        v-show=\"challengeIsExpanded(challenge) && $t(`challenges_short.${type}.${challenge.name}`) !== ''\">\n        <div\n          class=\"help__entitytype-wrap\"\n          v-if=\"$t(`challenges_short.${type}.${challenge.name}`) !== ''\">\n          <div class=\"help__entitytype-title\">\n            <span>{{$t(`entityType.${type}`)}}</span>\n          </div>\n          <div class=\"help__entitytype-content\">\n            <div\n              v-html=\"$t(`challenges_short.${type}.${challenge.name}`)\"></div>\n            <div\n              v-html=\"$t(`challenges_long.${type}.${challenge.name}`)\"\n              v-if=\"$t(`challenges_long.${type}.${challenge.name}`) !== ''\"></div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n\n  </Page>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport ChallengeTypeTag from './ChallengeTypeTag.vue';\n\nexport default {\n    name: 'HelpPage',\n    data() {\n        return {\n            expandedChallenges: [],\n        };\n    },\n    computed: {\n        ...mapGetters(['challenges', 'entityTypes']),\n    },\n    methods: {\n        toggleChallenge({ name }) {\n            if (this.challengeIsExpanded({ name })) {\n                this.expandedChallenges.splice(this.expandedChallenges.indexOf(name), 1);\n            } else {\n                this.expandedChallenges.push(name);\n            }\n        },\n        challengeIsExpanded({ name }) {\n            return this.expandedChallenges.indexOf(name) > -1;\n        },\n    },\n    components: { ChallengeTypeTag }\n};\n</script>\n\n<style lang=\"scss\">\n.help {\n  &__intro {\n    margin-bottom: 60px;\n  }\n  &__challenge {\n    margin-top: 30px;\n    padding-top: 30px;\n    border-top: 1px dashed var(--border-color-default);\n  }\n  &__challenge-title {\n    cursor: pointer;\n    display: flex;\n    h4 {\n      flex: 0 0 calc(100% - 24px);\n      font-size: 18px;\n      margin-bottom: 0;\n      padding-right: 20px;\n      box-sizing: border-box;\n      span {\n        display: inline-block;\n        margin-right: 20px;\n      }\n    }\n    span {\n      display: block;\n      flex: 0 0 24px;\n    }\n    img {\n      transition: transform 200ms ease;\n      transform: rotate(-90deg);\n      &.is-active {\n        transform: rotate(90deg);\n      }\n    }\n  }\n  &__entitytype {\n    margin-top: 20px;\n    + .help__entitytype {\n      margin-top: 30px;\n      padding-top: 30px;\n      border-top: 1px solid var(--border-color-default);\n    }\n  }\n  &__entitytype-wrap {\n    display: flex;\n  }\n  &__entitytype-title {\n    flex: 0 0 100px;\n    font-weight: 700;\n    color: var(--primary-color-strong);\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .help {\n    &__challenge-title {\n      h4 {\n        font-size: 20px;\n      }\n    }\n    &__entitytype-title {\n      flex: 0 0 180px;\n    }\n  }\n}\n</style>\n","<template>\n  <a :class=\"isRequired ? 'essential' : 'complementary'\">{{tagName()}}</a>\n</template>\n\n<script>\nexport default {\n  name: 'ChallengeTypeTag',\n  props: {\n    isRequired: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n  },\n  methods: {\n    tagName() {\n      return this.isRequired ? this.$t('tags.essential') : this.$t('tags.complementary'); \n    }\n  }\n\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  a {\n    -webkit-text-size-adjust: 100%;\n    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";\n    word-wrap: break-word;\n    list-style-type: none;\n    box-sizing: border-box;\n    text-decoration: none;\n    display: inline-block;\n    padding: 0 7px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 18px;\n    border: 1px solid transparent;\n    border-radius: 2em;\n    --perceived-lightness: calc( ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255 );\n    --lightness-switch: max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1));\n    --border-threshold: 0.96;\n    --lightness-threshold: 0.6;\n    --background-alpha: 0.18;\n    --border-alpha: 0.3;\n    --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n\n    &.essential {\n      background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n      color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n      border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha));\n      --label-r: 109;\n      --label-g: 232;\n      --label-b: 121;\n      --label-h: 125;\n      --label-s: 72;\n      --label-l: 66;\n      }\n    &.complementary {\n      background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n      color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n      border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha));\n      --label-r: 254;\n      --label-g: 204;\n      --label-b: 89;\n      --label-h: 41;\n      --label-s: 98;\n      --label-l: 67;\n    }\n  }\n</style>\n","import { render } from \"./ChallengeTypeTag.vue?vue&type=template&id=a505dc4a&scoped=true\"\nimport script from \"./ChallengeTypeTag.vue?vue&type=script&lang=js\"\nexport * from \"./ChallengeTypeTag.vue?vue&type=script&lang=js\"\n\nimport \"./ChallengeTypeTag.vue?vue&type=style&index=0&id=a505dc4a&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-a505dc4a\"\n\nexport default script","import { render } from \"./HelpPage.vue?vue&type=template&id=3b1664c3\"\nimport script from \"./HelpPage.vue?vue&type=script&lang=js\"\nexport * from \"./HelpPage.vue?vue&type=script&lang=js\"\n\nimport \"./HelpPage.vue?vue&type=style&index=0&id=3b1664c3&lang=scss\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ChallengeTypeTag.vue?vue&type=style&index=0&id=a505dc4a&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./HelpPage.vue?vue&type=style&index=0&id=3b1664c3&lang=scss\""],"sourceRoot":""}