{"version":3,"file":"js/2490.7604e4ce.js","mappings":"+IAIAA,EAAQ,EAAU,CAACC,EAAKC,KACpB,MAAMC,EAASF,EAAIG,WAAaH,EAChC,IAAK,MAAOI,EAAKC,KAAQJ,EACrBC,EAAOE,GAAOC,EAElB,OAAOH,CAAM,C,0FCTjB,kB,GAGUI,MAAM,wE,GACLA,MAAM,qB,GAJjB,MAKgCA,MAAM,Q,GALtC,MAM6BA,MAAM,Y,0CALjC,QAuBM,OAvBDA,OADP,SACa,0BAAkC,EAAAC,SAAW,GAAK,U,EAC3D,QAkBS,UAlBA,QAAK,eAAE,EAAAC,cAAcC,IAASH,MAAM,uFAAuFI,KAAK,SAAU,gBAAe,EAAAC,U,EAChK,QAAgG,KAAhG,GAAgG,QAAZ,EAAAC,MAAI,IACxF,QAeM,MAfN,EAeM,CAdQ,EAAU,a,WAAtB,QAA4D,OAA5D,GAA4D,QAApB,EAAAC,YAAU,KAL1D,eAMoB,EAAO,U,WAAnB,QAA0D,OAA1D,GAA0D,QAAjB,EAAAC,SAAO,KANxD,e,aAOQ,QAWM,aAVJ,QAMM,OANDC,MAAM,6BAA6BT,MAAM,UAAUU,QAAQ,YAAYC,KAAK,Q,EAC/E,QAImB,QAHjB,YAAU,UACV,YAAU,UACVC,EAAE,+LACFD,KAAK,eAET,QAEM,OAFDF,MAAM,6BAA6BT,MAAM,UAAUU,QAAQ,YAAYC,KAAK,Q,EAC/E,QAA2F,QAArFC,EAAE,kEAAkED,KAAK,gB,SAhB3F,IAqBI,QAEM,OAFDX,OArBT,SAqBe,gDAAwD,EAAAa,gBAAkB,SAAW,M,EAC9F,QAAQ,kC,OAMd,OACEP,KAAM,wBACNX,MAAO,CACLW,KAAM,CACJF,KAAMU,OACNC,UAAU,GAEZP,QAAS,CACPJ,KAAMU,OACNC,UAAU,GAEZR,WAAY,CACVH,KAAMU,OACNC,UAAU,GAEZF,gBAAiB,CACfT,KAAMY,QACNC,SAAS,GAEXhB,SAAU,CACRG,KAAMY,QACNC,SAAS,IAGb,IAAAC,GACE,MAAO,CACLb,UAAWc,KAAKN,gBAEpB,EACAO,QAAS,CACP,aAAAlB,CAAcC,GACZA,EAAOkB,cAAcC,cAAcC,cAAc,sBAAsBC,UAAUC,OAAO,UACxFN,KAAKd,UAAYc,KAAKd,QACxB,I,UCtDJ,MAAMqB,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,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/Accordion.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/Accordion.vue?1b55"],"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  <div class=\"accordion-item category\" :class=\"lastItem ? '' : 'mb-4'\">\r\n    <button @click=\"toggleContent($event)\" class=\"flex items-center justify-between w-full px-3 py-3 rounded-sm cursor-pointer md:px-5\" type=\"button\" :aria-expanded=\"expanded\">\r\n      <h3 class=\"inline-block mr-4 text-base text-left normal-case md:text-xl md:mr-0\">{{ name }}</h3>\r\n      <div class=\"flex items-center\">\r\n        <span v-if=\"parentText\" class=\"mr-5\">{{ parentText }}</span>\r\n        <span v-if=\"tagText\" class=\"mr-5 w-8\">{{ tagText }}</span>\r\n        <div>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n            <path\r\n              fill-rule=\"evenodd\"\r\n              clip-rule=\"evenodd\"\r\n              d=\"M9.74697 9.75166L9.74697 1.25298H12.2529V20.7449L9.74697 20.7449L9.74697 12.2568L1.25387 12.2538L1.25387 9.75166L9.74697 9.75166ZM20.746 12.2541H14.255L14.255 9.7481H20.746L20.746 12.2541Z\"\r\n              fill=\"#2C2827\" />\r\n          </svg>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n            <path d=\"M20.7449 12.253H1.25299L1.25299 9.74703H20.7449L20.7449 12.253Z\" fill=\"#E07300\" />\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <div class=\"px-3 pb-4 text-left md:px-5 accordion-content\" :class=\"hiddenFromStart ? 'hidden' : ''\">\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ellevio-web-accordion',\r\n  props: {\r\n    name: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    tagText: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    parentText: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    hiddenFromStart: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    lastItem: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      expanded: !this.hiddenFromStart\r\n    }\r\n  },\r\n  methods: {\r\n    toggleContent($event) {\r\n      $event.currentTarget.parentElement.querySelector('.accordion-content').classList.toggle('hidden')\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.accordion-item {\r\n  @apply bg-white rounded-lg accordion-parent border-1 border-newColors-gray-baseB;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg:first-child {\r\n  display: block;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg + svg {\r\n  display: none;\r\n}\r\n.accordion-parent:not(:has(.accordion-content.hidden)) div > svg:first-child {\r\n  display: none;\r\n}\r\n.accordion-parent:not(:has(.accordion-content.hidden)) div > svg + svg {\r\n  display: block;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg:first-child path {\r\n  fill: #2c2827;\r\n  transition: fill 0.3s ease-in-out;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden):hover div > svg:first-child path {\r\n  fill: #ff8300;\r\n}\r\n\r\n.accordion-parent:has(.accordion-content) {\r\n  box-shadow: none;\r\n  transition: box-shadow 0.3s ease-in-out;\r\n}\r\n.accordion-parent:has(.accordion-content):hover {\r\n  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);\r\n  border-color: #cdcbca;\r\n}\r\n\r\nbutton:focus:focus-visible {\r\n  outline: 2px dotted #000;\r\n  outline-offset: 3px;\r\n}\r\n</style>\r\n","import { render } from \"./Accordion.vue?vue&type=template&id=a64e6fd8&scoped=true\"\nimport script from \"./Accordion.vue?vue&type=script&lang=js\"\nexport * from \"./Accordion.vue?vue&type=script&lang=js\"\n\nimport \"./Accordion.vue?vue&type=style&index=0&id=a64e6fd8&scoped=true&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],['__scopeId',\"data-v-a64e6fd8\"]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","class","lastItem","toggleContent","$event","type","expanded","name","parentText","tagText","xmlns","viewBox","fill","d","hiddenFromStart","String","required","Boolean","default","data","this","methods","currentTarget","parentElement","querySelector","classList","toggle","__exports__","render"],"sourceRoot":""}