{"version":3,"sources":["webpack:///./src/blog-lp/components/divulgationListDesktop.vue?171d","webpack:///./src/blog-lp/components/divulgationListDesktop.vue?86cd","webpack:///./src/blog-lp/components/divulgationListDesktop.vue","webpack:///./src/blog-lp/components/divulgationListDesktop.vue?b997","webpack:///./src/blog-lp/scripts/accordion.js","webpack:///./src/blog-lp/components/divulgationListDesktop.vue?3bb2"],"names":["props","__props","itemActiveObject","ref","list","itemActive","index","value","onMounted","accordion","accordionItems","Array","from","document","querySelectorAll","forEach","addEventListener","accordionContent","nextElementSibling","classList","contains","tagName","checkIfItIsOpenAccordionDesktop","add","checkIfItIsOpenAccordionMobile","remove","accordionOpened","querySelector"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoF;AACL;;AAEc;;AAEyC;AACtI,iCAAiC,+IAAe,CAAC,sGAAM;;AAExC,0E;;;;;;;;;;;ACRf,uC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACsBiD;AACA;;;;;;;;;;IAEjD,MAAMA,KAAK,GAAGC,OAKZ;IAEF,MAAMC,gBAAgB,GAAGC,+CAAG,CAAC;MAAE,GAAGH,KAAK,CAACI,IAAI,CAAC,CAAC;IAAE,CAAC,CAAC;IAElD,MAAMC,UAAU,GAAIC,KAAK,IAAK;MAC1BJ,gBAAgB,CAACK,KAAK,GAAG;QAAE,GAAGP,KAAK,CAACI,IAAI,CAACE,KAAK;MAAE,CAAC;IACrD,CAAC;IAEDE,qDAAS,CAAC,MAAM;MACdC,oEAAS,CAAC,CAAC;IACb,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCF;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAO,MAAMA,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAMC,cAAc,GAAGC,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;EAE9EJ,cAAc,CAACK,OAAO,CAACN,SAAS,IAAI;IAChCA,SAAS,CAACO,gBAAgB,CAAC,OAAO,EAAE,YAAY;MAC5C,MAAMC,gBAAgB,GAAG,IAAI,CAACC,kBAAkB;MAEhD,IAAK,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,wBAAwB,CAAC,IACtDH,gBAAgB,IAAIA,gBAAgB,CAACI,OAAO,KAAK,GAAG,IAAI,CAACJ,gBAAgB,EACvE;QACEK,+BAA+B,CAAC,CAAC;QACjC,IAAI,CAACH,SAAS,CAACI,GAAG,CAAC,uBAAuB,CAAC;QAC3C;MACJ;MAEA,IAAI,CAACN,gBAAgB,CAACE,SAAS,CAACC,QAAQ,CAAC,+BAA+B,CAAC,EAAE;QACvEI,8BAA8B,CAAC,CAAC;QAEhC,IAAI,CAACL,SAAS,CAACI,GAAG,CAAC,uBAAuB,CAAC;QAC3CN,gBAAgB,CAACE,SAAS,CAACI,GAAG,CAAC,+BAA+B,CAAC;QAC/D;MACJ,CAAC,MAAM;QACH,IAAI,CAACJ,SAAS,CAACM,MAAM,CAAC,uBAAuB,CAAC;QAC9CR,gBAAgB,CAACE,SAAS,CAACM,MAAM,CAAC,+BAA+B,CAAC;MACtE;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC;AAED,MAAMD,8BAA8B,GAAGA,CAAA,KAAM;EACzC,MAAME,eAAe,GAAGb,QAAQ,CAACc,aAAa,CAAC,wCAAwC,CAAC;EAExF,IAAKD,eAAe,EAAG;IACnB,MAAMT,gBAAgB,GAAGS,eAAe,CAACR,kBAAkB;IAE3DQ,eAAe,CAACP,SAAS,CAACM,MAAM,CAAC,uBAAuB,CAAC;IACzDR,gBAAgB,CAACE,SAAS,CAACM,MAAM,CAAC,+BAA+B,CAAC;EACtE;AACJ,CAAC;AAGD,MAAMH,+BAA+B,GAAGA,CAAA,KAAM;EAC1C,MAAMI,eAAe,GAAGb,QAAQ,CAACc,aAAa,CAAC,uCAAuC,CAAC;EAEvF,IAAKD,eAAe,EAAG;IACnBA,eAAe,CAACP,SAAS,CAACM,MAAM,CAAC,uBAAuB,CAAC;EAC7D;AACJ,CAAC,C;;;;;;;;;;;;AC/CD;AAAA;AAAA;AAAA;AAAA,wCAA6hB,C","file":"js/chunk-a2eb1406.682f1277.js","sourcesContent":["import script from \"./divulgationListDesktop.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./divulgationListDesktop.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./divulgationListDesktop.vue?vue&type=style&index=0&id=4045d473&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1250588209/src/flip-child-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4045d473\"]])\n\nexport default __exports__","// extracted by mini-css-extract-plugin","<template>\n   <div class=\"list-desktop\">\n        <ul>\n            <a v-for=\"( item, index ) in list\" @click=\"itemActive(index)\" :key=\"index\" \n            :title=\"item.title\" :index=\"index\" class=\"accordion-item-desktop\"\n            :class=\"item.opened ? 'accordion-item-opened' : ''\"\n            >\n            {{ item.title }}\n            </a>\n        </ul>\n        <div class=\"item-content\">\n            <div>\n                <h4>{{ itemActiveObject.title }}</h4>\n                <p v-html=\"itemActiveObject.summary\" />\n            </div>\n            <div class=\"gt-sm\">\n                <img v-if=\"itemActiveObject.img\" :src=\"itemActiveObject.img\"/>\n            </div>\n        </div>\n   </div>\n</template>\n<script setup>\nimport { accordion } from '../scripts/accordion';\nimport { onMounted, defineProps, ref } from 'vue'\n\nconst props = defineProps({\n    list: {\n        type: Array,\n        required: true\n    }\n})\n\nconst itemActiveObject = ref({ ...props.list[0] })\n\nconst itemActive = (index) => {\n    itemActiveObject.value = { ...props.list[index] }\n}\n\nonMounted(() => {\n  accordion()\n})\n</script>\n<style scoped>\n    @import url('../styles/divulgation.css');\n\n    a {\n        width: 30vw;\n        max-width: 330px;\n    }\n\n    .list-desktop {\n        display: flex;\n        align-items: start;\n        padding-top: 30px;\n    }\n\n    .item-content {\n        margin-left: 76px;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-evenly;\n    }\n\n    .item-content div:last-child {\n        margin-left: 28px;\n    }\n\n    .item-content div:first-child {\n        padding: 2rem;\n        border: 1px solid #F2F3F4;\n        border-radius: 8px;\n    }\n\n    @media ( min-width: 1024px ) {\n        ul a {\n            width: 330px;\n        }\n    }\n</style>","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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./divulgationListDesktop.vue?vue&type=style&index=0&id=4045d473&scoped=true&lang=css\"","export const accordion = () => {\n    const accordionItems = Array.from(document.querySelectorAll('.divulgation a'));\n\n    accordionItems.forEach(accordion => {\n        accordion.addEventListener('click', function () {\n            const accordionContent = this.nextElementSibling\n\n            if ( this.classList.contains('accordion-item-desktop') && \n            accordionContent && accordionContent.tagName === \"A\" || !accordionContent \n            ) {\n                checkIfItIsOpenAccordionDesktop();\n                this.classList.add('accordion-item-opened')\n                return\n            }\n\n            if (!accordionContent.classList.contains('accordion-item-content-opened')) {   \n                checkIfItIsOpenAccordionMobile();\n\n                this.classList.add('accordion-item-opened')\n                accordionContent.classList.add('accordion-item-content-opened')\n                // accordionContent.scrollIntoView({ behavior: 'smooth' });\n            } else {\n                this.classList.remove('accordion-item-opened')\n                accordionContent.classList.remove('accordion-item-content-opened')\n            }\n        })\n    })\n}\n\nconst checkIfItIsOpenAccordionMobile = () => {\n    const accordionOpened = document.querySelector('.accordion-item .accordion-item-opened')\n\n    if ( accordionOpened ) {\n        const accordionContent = accordionOpened.nextElementSibling;\n\n        accordionOpened.classList.remove('accordion-item-opened')\n        accordionContent.classList.remove('accordion-item-content-opened')\n    }\n}\n\n\nconst checkIfItIsOpenAccordionDesktop = () => {\n    const accordionOpened = document.querySelector('.list-desktop a.accordion-item-opened')\n\n    if ( accordionOpened ) {\n        accordionOpened.classList.remove('accordion-item-opened')\n    }\n}","export { default } from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./divulgationListDesktop.vue?vue&type=script&setup=true&lang=js\"; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./divulgationListDesktop.vue?vue&type=script&setup=true&lang=js\""],"sourceRoot":""}