{"version":3,"file":"component.accordion.js?v=1743064352120","mappings":"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","sources":["webpack:///../../../../../src/icons/misc/minus.svg","webpack:///../../../../../src/icons/misc/minus.svg?6b37","webpack:///../../../../../src/icons/misc/plus.svg","webpack:///../../../../../src/icons/misc/plus.svg?9b3d","webpack:///../../../../../src/components/async/accordion/accordion.vue","webpack:///../../../../../src/components/async/accordion/accordion.vue?9596"],"sourcesContent":["<template><!-- svgo-optimised -->\n<svg class=\"icon icon__minus\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><title>Minus icon</title><path d=\"M20 12.5H4v-1h16v1Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></svg></template>","import { render } from \"./minus.svg?vue&type=template&id=987c430a\"\nconst script = {}\n\nimport exportComponent from \"/home/djordje/code/uwp/lyle-and-scott/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template><!-- svgo-optimised -->\n<svg class=\"icon icon__plus\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5 11.5V4h1v7.5H20v1h-7.5V20h-1v-7.5H4v-1h7.5Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></svg></template>","import { render } from \"./plus.svg?vue&type=template&id=2250d1d7\"\nconst script = {}\n\nimport exportComponent from \"/home/djordje/code/uwp/lyle-and-scott/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"accordion\">\n    <div\n      v-if=\"panels.length\"\n      class=\"accordion__wrapper\"\n    >\n      <div\n        v-for=\"(panel, index) in panels\"\n        :key=\"index\"\n        class=\"accordion__panel\"\n      >\n        <button\n          class=\"accordion__toggle\"\n          :class=\"{ [$class('active')]: isActive(index)}\"\n          :aria-expanded=\"isActive(index)\"\n          type=\"button\"\n          @click=\"togglePanel(index)\"\n        >\n          <component\n            :is=\"headingType\"\n            class=\"accordion__heading text-label-s\"\n            v-text=\"panel.title\"\n          />\n\n          <animated-icon\n            :delay-transition=\"false\"\n            :focusable=\"false\"\n            :transition-on-hover=\"false\"\n            transition-type=\"spin-180\"\n            :transition-by-prop=\"isActive(index)\"\n          >\n            <template #iconOne>\n              <icon-plus />\n            </template>\n\n            <template #iconTwo>\n              <icon-minus />\n            </template>\n          </animated-icon>\n        </button>\n\n        <transition-height>\n          <div\n            v-show=\"isActive(index)\"\n            class=\"accordion__content\"\n          >\n            <slot :name=\"`accordion-content-${index}`\">\n              <div v-html=\"panel.content\" />\n            </slot>\n          </div>\n        </transition-height>\n      </div>\n    </div>\n\n    <div\n      v-else-if=\"fallback?.title\"\n      class=\"accordion__fallback\"\n    >\n      <button\n        class=\"accordion__toggle\"\n        type=\"button\"\n      >\n        <span\n          class=\"accordion__heading text-label-s\"\n          v-text=\"fallback.title\"\n        />\n\n        <animated-icon\n          :delay-transition=\"false\"\n          :focusable=\"false\"\n          :transition-on-hover=\"true\"\n          transition-type=\"spin-180\"\n        >\n          <template #iconOne>\n            <icon-plus />\n          </template>\n\n          <template #iconTwo>\n            <icon-minus />\n          </template>\n        </animated-icon>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\n\n/**\n * Vue: Accordion (accordion)\n * -----------------------------------------------------------------------------\n * Renders a set of accordion panels that can be opened and closed.\n *\n * @param {String} headingType - Element type for the toggle label.\n * @param {Array} panelData - Array of panel objects.\n * @param {Number/Boolean} activePanel - can pass in to the component which panel\n * is active on load\n *\n */\nimport TransitionHeight from '~global/core/transition-height'\n\nimport AnimatedIcon from '~global/animated-icon/animated-icon'\n\nimport IconPlus from '~icons/misc/plus.svg'\nimport IconMinus from '~icons/misc/minus.svg'\n\nexport default {\n  name: 'Accordion',\n\n  components: {\n    TransitionHeight,\n    AnimatedIcon,\n    IconPlus,\n    IconMinus,\n  },\n\n  props: {\n    panelData: {\n      type: Array,\n      default: () => [],\n    },\n    headingType: {\n      type: String,\n      default: 'span',\n    },\n    activePanel: {\n      type: [Number, Boolean],\n      default: false,\n    },\n    expendMore: {\n      type: Boolean,\n      default: false,\n    },\n    fallback: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  data() {\n    return {\n      panels: [],\n    }\n  },\n\n  watch: {\n\n    /**\n     * Store panels on the component with a toggleable 'active' property.\n     */\n    panelData: {\n      deep: true,\n      immediate: true,\n      handler() {\n        this.formatPanels()\n      },\n    },\n  },\n\n  methods: {\n\n    /**\n     * Check if a panel is active using its index.\n     * @param {Number} index - Index of a specific panel.\n     * @returns {Boolean}\n     */\n    isActive(index) {\n      return this.panels[index].active\n    },\n\n    /**\n     * Toggle a panel's active state.\n     * @param {Number} targetPanelIndex - Index of a specific panel.\n     */\n    togglePanel(targetPanelIndex) {\n      if (this.isActive(targetPanelIndex)) {\n        this.panels[targetPanelIndex].active = false\n        return\n      }\n\n      if (this.expendMore) {\n        this.panels[targetPanelIndex].active = true\n      } else {\n        this.panels.forEach((panel, index) => {\n          panel.active = targetPanelIndex === index\n        })\n      }\n    },\n\n    /**\n     * Store panels on the component with a toggleable 'active' property.\n     */\n    formatPanels() {\n      this.panels = this.panelData.map((panel) => {\n        return {\n          active: false,\n          ...panel,\n        }\n      })\n\n      if (!this.activePanel && typeof this.activePanel === 'boolean') {\n        return\n      }\n      this.panels[this.activePanel].active = true\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import './accordion';\n</style>\n","import { render } from \"./accordion.vue?vue&type=template&id=640fa192\"\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=640fa192&lang=scss\"\n\nimport exportComponent from \"/home/djordje/code/uwp/lyle-and-scott/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","viewBox","xmlns","d","script","type","name","components","TransitionHeight","AnimatedIcon","IconPlus","IconMinus","props","panelData","Array","default","headingType","String","activePanel","Number","Boolean","expendMore","fallback","Object","data","panels","watch","deep","immediate","handler","this","formatPanels","methods","isActive","index","active","togglePanel","targetPanelIndex","forEach","panel","map","_createElementBlock","$data","length","_Fragment","_renderList","key","_createElementVNode","_ctx","$options","onClick","_createBlock","_resolveDynamicComponent","$props","_toDisplayString","title","_createVNode","_component_animated_icon","focusable","iconOne","_component_icon_plus","iconTwo","_component_icon_minus","_component_transition_height","_renderSlot","innerHTML","content"],"sourceRoot":""}