{"version":3,"sources":["webpack:///./src/components/EditorialAccordion/EditorialAccordion.vue?ed9e","webpack:///src/components/EditorialAccordion/EditorialAccordion.vue","webpack:///./src/components/EditorialAccordion/EditorialAccordion.vue?d1c1","webpack:///./src/components/EditorialAccordion/EditorialAccordion.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$attrs","headingTitle","headingDescription","_v","_s","domProps","_e","_l","item","active","uuid","on","$event","toggle","type","indexOf","_k","keyCode","undefined","key","title","class","startTransition","endTransition","directives","name","rawName","value","expression","subtitle","text","linkLabel","link","document","setLinkType","onBlank","noFollow","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0bac39-a6ce624aa0835d57aeb7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section\",attrs:{\"id\":(\"uuid-\" + (_vm.$attrs.uuid))}},[_c('div',{staticClass:\"section__container\"},[_c('div',{staticClass:\"editorial editorial--align-center\"},[_c('div',{staticClass:\"editorial__content\"},[(_vm.headingTitle || _vm.headingDescription)?_c('div',{staticClass:\"editorial__support-header\"},[_c('h2',{staticClass:\"editorial__header-title\"},[_vm._v(_vm._s(_vm.headingTitle))]),(_vm.headingDescription)?_c('div',{staticClass:\"editorial__header-desc\",domProps:{\"innerHTML\":_vm._s(_vm.headingDescription)}}):_vm._e()]):_vm._e(),_c('dl',{staticClass:\"accordion\",attrs:{\"role\":\"presentation\"}},[_vm._l((_vm.accordionItems),function(item){return [_c('dt',{staticClass:\"accordion__header\",attrs:{\"role\":\"heading\",\"aria-level\":\"3\"}},[_c('button',{attrs:{\"aria-expanded\":item.active ? true : false,\"aria-controls\":item.uuid,\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggle(item.uuid)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-down\",undefined,$event.key,undefined)){ return null; }return _vm.toggle(item.uuid)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-up\",undefined,$event.key,undefined)){ return null; }return _vm.toggle(item.uuid)}]}},[_c('span',{staticClass:\"accordion__title\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('span',{staticClass:\"accordion__title\"},[_c('i',{class:item.active ? 'icon-arrow-up' : 'icon-arrow-down',attrs:{\"aria-hidden\":\"true\"}})])])]),_c('transition',{attrs:{\"name\":\"accordion__panel\"},on:{\"enter\":_vm.startTransition,\"after-enter\":_vm.endTransition,\"before-leave\":_vm.startTransition,\"after-leave\":_vm.endTransition}},[_c('dd',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.active),expression:\"item.active\"}],staticClass:\"accordion__panel-details\",attrs:{\"id\":item.uuid,\"role\":\"region\"}},[(item.subtitle)?_c('span',{staticClass:\"accordion__panel-title\"},[_vm._v(_vm._s(item.subtitle))]):_vm._e(),_c('div',{staticClass:\"editorial__text text--body\",domProps:{\"innerHTML\":_vm._s(item.text)}}),(item.linkLabel && item.link || item.document)?_c('div',{staticClass:\"editorial-icon__cta motoplex--custom\"},[_c('pg-button',{attrs:{\"href\":_vm.setLinkType(item.document, item.link),\"color\":'primary',\"styleType\":'text',\"size\":'medium',\"targetBlank\":item.onBlank,\"linkNofollow\":item.noFollow}},[_vm._v(_vm._s(item.linkLabel)+\" \")])],1):_vm._e()])])]})],2)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <section class=\"section\" :id=\"`uuid-${$attrs.uuid}`\">\n    <div class=\"section__container\">\n      <div class=\"editorial editorial--align-center\">\n        <div class=\"editorial__content\">\n          <div v-if=\"headingTitle || headingDescription\" class=\"editorial__support-header\">\n            <h2 class=\"editorial__header-title\">{{ headingTitle }}</h2>\n            <div v-if=\"headingDescription\" v-html=\"headingDescription\" class=\"editorial__header-desc\"></div>\n          </div>\n          <dl role=\"presentation\" class=\"accordion\">\n            <template\n                v-for=\"item in accordionItems\"\n                :multiple=\"multiple\"\n                :item=\"item\"\n                :groupId=\"item.uuid\"\n                class=\"accordion__item\" :class=\"{'is-active': item.active}\"\n            >\n              <dt class=\"accordion__header\" role=\"heading\" aria-level=\"3\">\n                <button @click=\"toggle(item.uuid)\"\n                        :aria-expanded=\"item.active ? true : false\"\n                        :aria-controls=\"item.uuid\"\n                        type=\"button\"\n                        v-on:keyup.arrow-down=\"toggle(item.uuid)\"\n                        v-on:keyup.arrow-up=\"toggle(item.uuid)\"\n                >\n                <span class=\"accordion__title\">\n                {{item.title}}\n                </span>\n                  <span class=\"accordion__title\">\n                <i :class=\"item.active ? 'icon-arrow-up' : 'icon-arrow-down' \" aria-hidden=\"true\"></i>\n                  </span>\n                </button>\n              </dt>\n              <transition\n                  name=\"accordion__panel\"\n                  @enter=\"startTransition\"\n                  @after-enter=\"endTransition\"\n                  @before-leave=\"startTransition\"\n                  @after-leave=\"endTransition\">\n                <dd v-show=\"item.active\" class=\"accordion__panel-details\"\n                    :id=\"item.uuid\"\n                    role=\"region\"\n                >\n                  <span v-if=\"item.subtitle\" class=\"accordion__panel-title\">{{item.subtitle}}</span>\n                  <div class=\"editorial__text text--body\" v-html=\"item.text\"></div>\n                  <div class=\"editorial-icon__cta motoplex--custom\" v-if=\"item.linkLabel && item.link || item.document\">\n                    <pg-button\n                        :href=\"setLinkType(item.document, item.link)\"\n                        :color=\"'primary'\"\n                        :styleType=\"'text'\"\n                        :size=\"'medium'\"\n                        :targetBlank=\"item.onBlank\"\n                        :linkNofollow=\"item.noFollow\"\n                    >{{item.linkLabel}}\n                    </pg-button>\n                  </div>\n                </dd>\n              </transition>\n            </template>\n          </dl>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\n  import PgImage from \"../Image/Image.vue\";\n  import PgButton from \"../Button/Button.vue\";\n\n  export default {\n    name: \"editorial-accordion\",\n    components: {\n      PgImage,\n      PgButton,\n    },\n    props: {\n      accordionItems: {\n        type: Array,\n        default: () => []\n      },\n      multiple: {\n        type: Boolean,\n        default: false\n      },\n      headingTitle: {\n        type: String\n      },\n      headingDescription: {\n        type: String\n      }\n    },\n    inheritAttrs: false,\n    methods: {\n      toggle(uuid) {\n        this.accordionItems.forEach((item) => {\n          if (this.multiple) {\n            if (item.uuid === uuid) {\n              item.active = !item.active;\n            }\n          } else {\n            item.active = (item.uuid === uuid) ? !item.active : false;\n          }\n        });\n      },\n      startTransition(el) {\n        el.style.height = el.scrollHeight + 'px'\n      },\n      endTransition(el) {\n        el.style.height = ''\n      },\n      setLinkType(linkToDocument, linkToPage) {\n        if (linkToDocument) {\n          return this.$options.filters.mgnlMedia(linkToDocument, \"url\");\n        } else {\n          return this.$options.filters.mgnlLink(linkToPage, \"url\");\n        }\n      }\n    }\n  }\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorialAccordion.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorialAccordion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorialAccordion.vue?vue&type=template&id=4a964acd&\"\nimport script from \"./EditorialAccordion.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorialAccordion.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}