{"version":3,"sources":["webpack:///./src/js/vue/accordion.vue?b696","webpack:///./src/js/vue/accordion.vue?8cef","webpack:///src/js/vue/accordion.vue","webpack:///./src/js/vue/accordion.vue"],"names":["component","_vm","this","_h","$createElement","_c","_self","_l","model","item","id","key","body","heading","staticClass","attrs","accordionOpen","on","$event","type","indexOf","_k","keyCode","stopPropagation","preventDefault","toggleAccordion","undefined","headingTag","tag","anchor","_e","_v","_s","index","domProps"],"mappings":"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","file":"accordion.dcedc3412304695ba153.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.model.items),function(item,id){return _c('div',{key:id},[(item.body != null && item.heading != null)?_c('div',{staticClass:\"accordion box d-block p-0 col-12\",attrs:{\"id\":item.id + '-panel',\"data-accordion-id\":item.id}},[_c('button',{staticClass:\"accordion-header p-4 w-100 d-flex\",attrs:{\"aria-expanded\":_vm.accordionOpen == item.id ? 'true' : 'false',\"role\":\"button\"},on:{\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.toggleAccordion(item.id)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-up\",undefined,$event.key,undefined)){ return null; }return _vm.toggleAccordion(item.id)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-down\",undefined,$event.key,undefined)){ return null; }return _vm.toggleAccordion(item.id)}],\"click\":function($event){return _vm.toggleAccordion(item.id)}}},[_c(item.headingTag,{tag:\"component\",staticClass:\"m-0 h6\"},[(item.anchor)?_c('a',{attrs:{\"id\":item.anchor,\"role\":\"button\"}}):_vm._e(),_vm._v(_vm._s(item.heading)+\"\\n                \")]),_vm._v(\" \"),(_vm.accordionOpen != item.id)?_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('svg',{staticClass:\"icon icon-hsy-icon-plus-bold\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-plus-bold\"}})])]):_vm._e(),_vm._v(\" \"),(_vm.accordionOpen == item.id)?_c('span',{staticClass:\"close-accordion\",attrs:{\"aria-hidden\":\"true\"}},[_c('svg',{staticClass:\"icon icon-hsy-icon-minus-bold\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-minus-bold\"}})])]):_vm._e()],1),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"slide\"}},[(_vm.accordionOpen == item.id)?_c('div',{staticClass:\"accordion-body p-4 mt-n3\"},[(item.tags)?_c('div',_vm._l((item.tags),function(tag,index){return _c('span',{key:index,staticClass:\"tag mr-3 mb-3 p-1\"},[_vm._v(_vm._s(tag))])}),0):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"accordion-text\",domProps:{\"innerHTML\":_vm._s(item.body)}})]):_vm._e()])],1):_vm._e()])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./accordion.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./accordion.vue?vue&type=script&lang=js&\"","<template>\r\n    <div>\r\n        <div v-for=\"(item, id) in model.items\" :key=\"id\">\r\n            <div v-if=\"item.body != null && item.heading != null\" :id=\"item.id + '-panel'\" class=\"accordion box d-block p-0 col-12\" :data-accordion-id=\"item.id\">\r\n                <button \r\n                     :aria-expanded=\"accordionOpen == item.id ? 'true' : 'false'\"\r\n                     class=\"accordion-header p-4 w-100 d-flex\"\r\n                     role=\"button\"\r\n                     @keydown.enter.stop.prevent=\"toggleAccordion(item.id)\"\r\n                     @keydown.arrow-up=\"toggleAccordion(item.id)\" \r\n                     @keydown.arrow-down=\"toggleAccordion(item.id)\" \r\n                     @click=\"toggleAccordion(item.id)\">\r\n                    <component :is=\"item.headingTag\" class=\"m-0 h6\">\r\n                        <a v-if=\"item.anchor\" :id=\"item.anchor\" role=\"button\"></a>{{ item.heading }}\r\n                    </component>\r\n                    <span v-if=\"accordionOpen != item.id\" aria-hidden=\"true\">\r\n                        <svg class=\"icon icon-hsy-icon-plus-bold\">\r\n                            <use xlink:href=\"#icon-hsy-icon-plus-bold\"></use>\r\n                        </svg>\r\n                    </span>\r\n                    <span v-if=\"accordionOpen == item.id\" aria-hidden=\"true\" class=\"close-accordion\">\r\n                        <svg class=\"icon icon-hsy-icon-minus-bold\">\r\n                            <use xlink:href=\"#icon-hsy-icon-minus-bold\"></use>\r\n                        </svg>\r\n                    </span>\r\n                </button>\r\n                <transition name=\"slide\">\r\n                    <div v-if=\"accordionOpen == item.id\" class=\"accordion-body p-4 mt-n3\">\r\n                        <div v-if=\"item.tags\">\r\n                            <span v-for=\"(tag, index) in item.tags\" :key=\"index\" class=\"tag mr-3 mb-3 p-1\">{{ tag }}</span>\r\n                        </div>\r\n                        <div class=\"accordion-text\" v-html=\"item.body\"></div>\r\n                    </div>\r\n                </transition>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState } from 'vuex';\r\n\r\n    export default {\r\n\t\tprops: {\r\n\t\t\tmodel: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\trequired: true\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: mapState({\r\n\t\t\taccordionOpen: state => state.accordionOpen\r\n\t\t}),\r\n        mounted() {\r\n            this.$root.$on(\"updateHeadingTag\", (headingTag) => {\r\n                this.model.items[0].headingTag = headingTag;\r\n            });\r\n\r\n\r\n            //Add event listener to all a-tags that point to a accordion list item with matching anchor.\r\n            let outer = this;\r\n            if (this.model.items) {\r\n                this.model.items.forEach(item => {\r\n                    if (item.anchor) {\r\n                        let anchor = \"#\" + item.anchor;\r\n                        var urlToFind = window.location.pathname + anchor;\r\n                        var elements = document.querySelectorAll(`a[href='${urlToFind}']`);\r\n                        for (var i = 0, l = elements.length; i < l; i++) {\r\n                            var element = elements[i];\r\n                            element.addEventListener(\"click\", function() {\r\n                                outer.scrollToAccordion(item.anchor);\r\n                            }); \r\n                        }\r\n                    }\r\n                });    \r\n            }\r\n             \r\n        },\r\n        methods: {\r\n            toggleAccordion(id) {\r\n                if (this.$store.state.accordionOpen != id) {\r\n                    this.$store.commit(\"openAccordion\", id);\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tdocument.getElementById(id + '-panel').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n\t\t\t\t\t}, 400);\r\n                }\r\n                else {\r\n\t\t\t\t\tthis.$store.commit(\"openAccordion\", null);\r\n                }\r\n\t\t\t},\r\n            scrollToAccordion(anchorId) {\r\n                this.$store.commit(\"scrollToView\", anchorId);\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./accordion.vue?vue&type=template&id=3369c4a2&\"\nimport script from \"./accordion.vue?vue&type=script&lang=js&\"\nexport * from \"./accordion.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":""}