{"version":3,"file":"js/7894.276ffc15.js","mappings":"+IAIAA,EAAQ,EAAU,CAACC,EAAKC,KACpB,MAAMC,EAASF,EAAIG,WAAaH,EAChC,IAAK,MAAOI,EAAKC,KAAQJ,EACrBC,EAAOE,GAAOC,EAElB,OAAOH,CAAM,C,mKCTjB,yD,GAYcI,MAAM,4B,GAZpB,MAayBA,MAAM,8C,GACbA,MAAM,yI,GAdxB,MAe6BC,OAAO,KAAKC,MAAM,KAAKC,IAAA,EAA6CC,IAAI,I,GAfrG,MAgBwBH,OAAO,KAAKC,MAAM,KAAKC,IAAA,EAA4CC,IAAI,I,0CAf7F,QAuBU,WAvBDJ,OADX,SACiB,YAAW,CAAU,EAAAK,MAAQ,EAAAC,UAAY,GAAK,EAAAC,OAAS,wBAA0B,kBAAmB,EAAAC,KAAO,OAAS,O,EACjI,QAqBM,OArBAR,OAFV,SAEmB,EAAAK,MAAQ,EAAAC,WAAc,EAAAG,UAAY,SAAW,gBAAiB,EAAAC,QAAU,qBAAuB,eAAeC,KAAK,O,EAChI,QAmBM,OAnBAX,OAHZ,SAGoB,EAAAK,MAAQ,EAAAC,UAAa,EAAAC,OAAS,6BAA+B,uBAA0B,GAAI,EAAAC,KAAO,OAAS,M,EACvH,QAcM,OAbJR,OALV,SAKgB,yDAAwD,CACrD,EAAAS,UAAY,GAAK,gBAAiB,EAAAC,QAAU,mBAAqB,IAAIC,KAAK,OAClF,QAAK,oBAAE,EAAAC,cAAA,EAAAA,gBAAA,IACRC,KAAK,OACJ,gBAAe,EAAAC,OACf,oBAAmB,EAAAC,WACnB,mBAAkB,EAAAC,W,EACnB,QAAuD,KAAvD,GAAuD,QAAf,EAAAC,SAAO,GACtC,EAAI,O,WAAb,QAAgF,IAAhF,GAAgF,QAAX,EAAAT,MAAI,KAbnF,gBAcU,QAGS,SAHT,EAGS,CAFI,EAAI,O,WAAf,QAA8F,MAA9F,M,WACA,QAAwF,MAAxF,O,GAhBZ,IAmBQ,QAEM,OAFDK,KAAK,aAAaK,IAAI,gBAAgBlB,OAnBnD,SAmByD,oBAA4B,EAAAK,KAAO,QAAU,Y,EAC5F,QAAQ,qB,eAYlB,OACEc,KAAM,0BACNxB,MAAO,CACLsB,QAAS,CACPG,KAAMC,OACNC,QAAS,IAEXd,KAAM,CACJY,KAAMC,OACNC,QAAS,IAEXf,OAAQ,CACNa,KAAMG,QACND,SAAS,GAEXE,QAAS,CACPJ,KAAMG,QACND,SAAS,GAEXhB,UAAW,CACTc,KAAMG,QACND,SAAS,GAEXb,UAAW,CACTW,KAAMG,QACND,SAAS,GAEXZ,QAAS,CACPU,KAAMG,QACND,SAAS,GAEXR,OAAQ,CACNM,KAAMC,OACNC,QAAS,IAEXN,UAAW,CACTI,KAAMC,OACNC,QAAS,IAEXP,WAAY,CACVK,KAAMC,OACNC,QAAS,KAGb,IAAAG,GACE,MAAO,CACLpB,MAAM,EAEV,EACA,OAAAqB,GACEC,KAAKtB,KAAOsB,KAAKH,QACjBG,KAAKC,MAAMC,cAAcC,iBAAiB,6BAA6BC,SAAQ,CAACC,EAAOC,KACrF,MAAMC,EAAwB,IAAMD,EAC9BE,EAAgBC,SAASC,cAAc,OAE7CL,EAAMM,aAAa,KAAM,SAAWJ,GACpCF,EAAMO,WAAWC,aAAaL,EAAeH,EAAMS,cAEnD,QAAU,CACRC,SAAU,2DAA2DR,UAEpES,UACC,mBACA,SAAqB,IAAM,kCAE5BC,MAAMT,EAAa,GAW1B,EACAU,QAAS,CACP,YAAAjC,GACEe,KAAKtB,MAAQsB,KAAKtB,IACpB,I,UCzGJ,MAAMyC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,KAEpE,O","sources":["webpack://ellevio-styleguide-web/./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/AccordionItem.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/AccordionItem.vue?3a98"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","<template>\r\n  <section class=\"accordion\" :class=\"[open && fullBleed ? '' : gridXs ? 'container-extra-small' : 'container-small', meta ? 'px-0' : '']\">\r\n    <div :class=\"[(open && fullBleed) || gridWidth ? 'w-full' : 'max-w-wysiwyg', myPages ? 'bg-white shadow-mp' : 'bg-gray-100'].join(' ')\">\r\n      <div :class=\"[open && fullBleed ? (gridXs ? 'container-extra-small mb-4' : 'container-small mb-4') : '', meta ? 'px-0' : '']\">\r\n        <div\r\n          class=\"flex items-center w-full p-4 cursor-pointer md:p-6 row\"\r\n          :class=\"[gridWidth ? '' : 'max-w-wysiwyg', myPages ? 'px-3 py-4 sm:p-4' : ''].join(' ')\"\r\n          @click=\"handleToggle\"\r\n          role=\"term\"\r\n          :data-click-id=\"dataId\"\r\n          :data-click-parent=\"dataParent\"\r\n          :data-click-index=\"dataIndex\">\r\n          <h3 class=\"mr-6 pointer-events-none\">{{ heading }}</h3>\r\n          <p v-if=\"meta\" class=\"mr-6 pointer-events-none whitespace-nowrap\">{{ meta }}</p>\r\n          <button class=\"flex items-center justify-center flex-none w-10 h-10 ml-auto rounded-full pointer-events-none bg-orange-light focus:outline-black-alt\">\r\n            <img v-if=\"open\" height=\"40\" width=\"40\" src=\"../../../assets/images/round-minus.svg\" alt=\"\" />\r\n            <img v-else height=\"40\" width=\"40\" src=\"../../../assets/images/round-plus.svg\" alt=\"\" />\r\n          </button>\r\n        </div>\r\n        <div role=\"definition\" ref=\"accordionslot\" class=\"px-4 pb-6 md:px-6\" :class=\"open ? 'block' : 'hidden'\">\r\n          <slot />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\n// import * as Vue from 'vue'\r\n// import store from '../../../store'\r\nimport { createApp, defineAsyncComponent } from 'vue'\r\n\r\nexport default {\r\n  name: 'EllevioWebAccordionItem',\r\n  props: {\r\n    heading: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    meta: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    gridXs: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    openFaq: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    fullBleed: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    gridWidth: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    myPages: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    dataId: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    dataIndex: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    dataParent: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      open: false\r\n    }\r\n  },\r\n  mounted() {\r\n    this.open = this.openFaq\r\n    this.$refs.accordionslot.querySelectorAll('table:not(.wysiwyg-table)').forEach((table, index) => {\r\n      const accordionInitialIndex = 100 + index\r\n      const componentRoot = document.createElement('div')\r\n\r\n      table.setAttribute('id', 'index-' + accordionInitialIndex)\r\n      table.parentNode.insertBefore(componentRoot, table.nextSibling)\r\n\r\n      createApp({\r\n        template: `<ellevio-web-table :insideAccordion=\"true\" :tableIndex=\"${accordionInitialIndex}\" />`\r\n      })\r\n        .component(\r\n          'EllevioWebTable',\r\n          defineAsyncComponent(() => import('./Table.vue'))\r\n        )\r\n        .mount(componentRoot)\r\n\r\n      // new Vue({\r\n      //   store,\r\n      //   el: componentRoot,\r\n      //   components: {\r\n      //     EllevioWebTable: () => import('./Table.vue')\r\n      //   },\r\n      //   template: `<ellevio-web-table :insideAccordion=\"true\" :tableIndex=\"${accordionInitialIndex}\" />`\r\n      // })\r\n    })\r\n  },\r\n  methods: {\r\n    handleToggle() {\r\n      this.open = !this.open\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.accordion h3 {\r\n  word-break: break-word;\r\n}\r\n</style>\r\n","import { render } from \"./AccordionItem.vue?vue&type=template&id=6719564f\"\nimport script from \"./AccordionItem.vue?vue&type=script&lang=js\"\nexport * from \"./AccordionItem.vue?vue&type=script&lang=js\"\n\nimport \"./AccordionItem.vue?vue&type=style&index=0&id=6719564f&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","class","height","width","src","alt","open","fullBleed","gridXs","meta","gridWidth","myPages","join","handleToggle","role","dataId","dataParent","dataIndex","heading","ref","name","type","String","default","Boolean","openFaq","data","mounted","this","$refs","accordionslot","querySelectorAll","forEach","table","index","accordionInitialIndex","componentRoot","document","createElement","setAttribute","parentNode","insertBefore","nextSibling","template","component","mount","methods","__exports__","render"],"sourceRoot":""}