{"version":3,"sources":["webpack:////src/components/FaqItem.vue?1a3f","webpack:////src/components/Container.vue","webpack:////src/components/Container.vue?f6d5","webpack:////src/components/Faq.vue","webpack:////src/components/FaqItem.vue","webpack:////src/components/FaqItem.vue?9d3e","webpack:////src/components/Faq.vue?fd72","webpack:////src/components/Container.vue?1a88"],"names":["class","color","links","title","subtitle","props","render","__scopeId","id","t","data","item","i","key","answer","question","aria-label","icon","className","text","j","components","Svg","setup","Container","FaqItem","messages","en","fr"],"mappings":"kHAAA,W,uICEwBA,MAAM,uC,GACnBA,MAAM,sB,SACFA,MAAM,oB,kFAHnB,eAaM,OAbDA,MAAK,CAAC,YAAoB,EAAAC,MAAK,cAAiB,EAAAA,MAAK,K,CAC3C,EAAAC,O,iBAAX,eAAoE,MAApE,I,sBACA,eAUM,MAVN,EAUM,CATkC,EAAAC,O,iBAApC,eAOM,MAPN,EAOM,CANF,eAEK,yBADC,EAAAA,OAAK,GAED,EAAAC,U,iBAAV,eAEK,sBADC,EAAAA,UAAQ,I,+CAGlB,eAAO,uB,MAMF,GACXC,MAAM,CAAC,QAAS,QAAS,WAAY,U,UCdzC,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,0KCPb,eAEY,GAFDC,GAAG,MAAMN,MAAM,OAAOD,MAAM,OAAQE,MAAO,EAAAM,EAAC,SAAYL,SAAU,EAAAK,EAAC,uC,yBAC/D,iBAAyB,E,mBAApC,eAA+E,2BAAhD,EAAAC,MAAI,SAAhBC,EAAMC,G,wBAAzB,eAA+E,GAAzCC,IAAG,cAASD,GAAMF,KAAMC,G,wJCArDX,MAAM,U,SAQQA,MAAM,U,oGAT/B,eAeQ,OAfHA,MAAM,MAAQ,QAAK,+BAAG,EAAAc,QAAU,EAAAA,U,CAC/B,eAOM,MAPN,EAOM,CANF,eAEG,yBADC,EAAAJ,KAAKK,UAAQ,GAEnB,eAES,UAFAf,MAAK,kBAAsB,EAAAc,QAASE,aAAW,sB,CACpD,eAA0C,GAArCC,KAAK,OAAOC,UAAU,iB,KAGtB,EAAAJ,Q,iBAAX,eAIM,MAJN,EAIM,E,mBAHA,eAEI,2BAFmB,EAAAJ,KAAKI,QAAM,SAAvBK,EAAMC,G,wBAAjB,eAEI,KAFiCP,IAAKO,GAAC,eACrCD,GAAI,M,gDAYX,GACXE,WAAW,CAACC,MAAA,MACZjB,MAAM,CAAC,OAAQ,KACfkB,MAHW,WAIP,IAAMT,EAAS,gBAAI,GACnB,MAAO,CAACA,Y,UCxBhB,EAAOR,OAAS,EAChB,EAAOC,UAAY,kBAEJ,Q,YFKA,GACbc,WAAY,CAAEG,YAAA,KAAWC,WACzBF,MAFa,WAEN,MAEW,eAAQ,CAChBG,SAAS,CACLC,GAAI,EAAQ,QACZC,GAAI,EAAQ,WAHbnB,EAFN,EAEMA,EAQHC,EAAO,gBAAS,iBAAO,CACzB,CACIK,SAASN,EAAE,mBACXK,OAAO,CACHL,EAAE,oBACFA,EAAE,sBAGV,CACIM,SAASN,EAAE,mBACXK,OAAO,CACFL,EAAE,oBACFA,EAAE,sBAGX,CACIM,SAASN,EAAE,mBACXK,OAAO,CACFL,EAAE,sBAGX,CACIM,SAASN,EAAE,mBACXK,OAAO,CACFL,EAAE,oBACFA,EAAE,oBACFA,EAAE,oBACFA,EAAE,oBACFA,EAAE,oBACFA,EAAE,sBAGX,CACIM,SAASN,EAAE,mBACXK,OAAO,CACFL,EAAE,oBACFA,EAAE,sBAGX,CACIM,SAASN,EAAE,mBACXK,OAAO,CACGL,EAAE,oBACFA,EAAE,0BAKpB,MAAO,CAACC,OAAMD,OGtEpB,EAAOH,OAASA,EAED,gB,yDCLf,W","file":"js/chunk-2e840fd8.88559db2.js","sourcesContent":["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!./FaqItem.vue?vue&type=style&index=0&id=0a06df9e&lang=scss&scoped=true\"","<template>\n  <div class=\"container\" :class=\"color ? 'container__'+color : ''\">\n      <div v-if=\"links\" class=\"container__link container__link--up\"></div>\n      <div class=\"container__content\">\n          <div class=\"container__title\" v-if=\"title\">\n              <h2>\n                  {{title}}\n              </h2>\n              <h3 v-if=\"subtitle\">\n                  {{subtitle}}\n              </h3>\n          </div>\n          <slot/>\n      </div>\n  </div>\n</template>\n\n<script>\nexport default {\n    props:['color', 'title', 'subtitle', 'links']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    @import '@/style/main';\n    .container{\n       position: relative;\n        \n        &__content{\n             max-width: $page-width;\n            margin: 0 auto;\n            padding: 6rem 0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            @include respond(tab-land){\n                width: 95%;\n            }\n            @include respond(phone){\n                width: 92%;\n            }\n            @include respond(large-desktop){\n                max-width: $page-width-large;\n            }\n        }\n\n        &__title{\n            text-align: center;\n            margin-bottom: 4rem;\n\n            & h2{\n                text-transform: uppercase;\n                font-weight: 700;\n                font-size: 2.4rem;\n                letter-spacing: .2rem;\n                margin-bottom: 1.4rem;\n            }\n\n            & h3{\n                font-weight: 300;\n                font-size: 1.8rem;\n                letter-spacing: .1rem;\n                margin-bottom: 2rem;\n            }\n        }\n\n        &__blue-dark{\n            background-color: $color-blue-dark;\n            color:$color-white;\n        }\n\n        &__blue-light{\n            background-color: $color-bck-blue-light;\n        }\n\n        &__blue{\n            background-color: $color-blue-main;\n            color: $color-white;\n        }\n\n        &__link{\n            position: absolute;\n            left: 50%;\n            width: 2px;\n            height: 4rem;\n            background-color: $color-text;\n            z-index: 5;\n\n            &--up{\n                top: 0;\n                transform: translateY(-50%);\n            }\n        }\n    }\n</style>","import { render } from \"./Container.vue?vue&type=template&id=60ee86de&scoped=true\"\nimport script from \"./Container.vue?vue&type=script&lang=js\"\nexport * from \"./Container.vue?vue&type=script&lang=js\"\n\nimport \"./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-60ee86de\"\n\nexport default script","<template>\n  <container id=\"faq\" links=\"true\" color=\"blue\" :title=\"t('title')\" :subtitle=\"t('subtitle', {email:'info@onearth.be'})\">\n      <faq-item  v-for=\"(item, i) in data\" :key=\"`faq-${i}`\" :data=\"item\"></faq-item>\n  </container>\n</template>\n\n<script>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FaqItem from './FaqItem';\nimport Container from './Container.vue'\n\nexport default {\n  components: { Container, FaqItem },\n  setup(){\n\n        const {t} = useI18n({\n            messages:{\n                en: require('../locales/en/faq.json'),\n                fr: require('../locales/fr/faq.json')\n            },\n        })\n\n\n      const data = computed(() =>  [\n          {\n              question:t('faq[0].question'),\n              answer:[\n                  t('faq[0].answer[0]'),\n                  t('faq[0].answer[1]')\n                ]\n          },\n          {\n              question:t('faq[1].question'),\n              answer:[\n                   t('faq[1].answer[0]'),\n                   t('faq[1].answer[1]')\n              ]\n          },\n          {\n              question:t('faq[2].question'),\n              answer:[\n                   t('faq[2].answer[0]')\n              ]\n        },\n          {\n              question:t('faq[3].question'),\n              answer:[\n                   t('faq[3].answer[0]'),\n                   t('faq[3].answer[1]'),\n                   t('faq[3].answer[2]'),\n                   t('faq[3].answer[3]'),\n                   t('faq[3].answer[4]'),\n                   t('faq[3].answer[5]')\n              ]\n        },\n          {\n              question:t('faq[4].question'),\n              answer:[\n                   t('faq[4].answer[0]'),\n                   t('faq[4].answer[1]')\n              ]\n            },\n          {\n              question:t('faq[5].question'),\n              answer:[\n                        t('faq[5].answer[0]'),\n                        t('faq[5].answer[1]')\n                ]\n          }\n      ]);\n\n      return {data, t}\n  }\n\n}\n</script>\n\n","<template>\n    <div class=\"faq\"  @click=\" answer = !answer\">\n          <div class=\"faq__q\">\n              <h4>\n                {{data.question}}\n            </h4>\n            <button :class=\"{'faq__q--answer' : answer}\" aria-label=\"display faq answer\">\n                <Svg icon=\"plus\" className=\"faq__q--svg\"/>\n            </button>\n          </div>\n          <div v-if=\"answer\" class=\"faq__a\" >\n                <p v-for=\"(text, j) in data.answer\" :key=\"j\">\n                    {{text}}\n                </p>\n          </div>\n          \n      </div>\n\n</template>\n\n<script>\n\nimport {ref} from 'vue';\nimport Svg from './utils/Svg'\nexport default {\n    components:{Svg},\n    props:['data', 'i'],\n    setup(){\n        const answer = ref(false);\n        return {answer}\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../style/main';\n\n.faq{\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid currentColor;\n    cursor: pointer;\n    border-radius: 10px;\n     padding: 1.2rem 2rem;\n\n    &:not(:last-child){\n        margin-bottom: 2rem;\n    }\n\n    @media (hover: hover) {\n        &:hover{\n            background-color: rgba($color-white, .2);\n        }\n    }\n\n    \n\n    &__q{\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n       \n        justify-content: space-between;\n        & h4{\n            letter-spacing: .1rem;\n            text-transform: uppercase;\n            font-weight: 400;    \n        }\n        \n        \n\n        & button{\n            @include buttonNoStyle;\n            transition: all .2s;\n           \n        }\n\n        &--answer{\n            transform: rotate(45deg);\n        }\n\n        &--svg{\n            @include svg(2.2rem);\n        }\n    }\n\n    &__a{\n        margin-top: 2rem;\n        text-align: justify;\n\n        & p{\n            margin-bottom: .8rem;\n        }\n    }\n}\n\n</style>","import { render } from \"./FaqItem.vue?vue&type=template&id=0a06df9e&scoped=true\"\nimport script from \"./FaqItem.vue?vue&type=script&lang=js\"\nexport * from \"./FaqItem.vue?vue&type=script&lang=js\"\n\nimport \"./FaqItem.vue?vue&type=style&index=0&id=0a06df9e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-0a06df9e\"\n\nexport default script","import { render } from \"./Faq.vue?vue&type=template&id=ed41ad28\"\nimport script from \"./Faq.vue?vue&type=script&lang=js\"\nexport * from \"./Faq.vue?vue&type=script&lang=js\"\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!./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\""],"sourceRoot":""}