{"version":3,"sources":["webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/ResponsiveTabs.vue?1f77","webpack:///../../mu-plugins/ruter-base/src/components/blocks/ResponsiveTabs.vue","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/ResponsiveTabs.vue?033c","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/ResponsiveTabs.vue","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/ResponsiveTabs.vue?0fc7"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","componentClass","colorMode","visible","ready","staticClass","attrs","tabsId","_l","data","tabTitle","index","key","component_id","style","display","width","tabTitleWidthPercent","tabs","slug","domProps","_s","staticRenderFns","component"],"mappings":"uJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,gBAAiB,aAAcN,EAAIO,eAAgBP,EAAIQ,UAAW,CAACC,QAAST,EAAIS,QAASC,MAAOV,EAAIU,SAAS,CAACN,EAAG,KAAK,CAACO,YAAY,YAAYC,MAAM,CAAC,GAAKZ,EAAIa,OAAO,iCAAiC,qCAAqCb,EAAIc,GAAId,EAAIe,KAAc,WAAE,SAASC,EAASC,GAAO,OAAOb,EAAG,KAAK,CAACc,IAAIlB,EAAIe,KAAKI,aAAe,IAAMF,EAAMX,MAAM,CAAC,kBAAkBc,MAAM,CAAGC,QAAS,QAASC,MAAOtB,EAAIuB,qBAAuB,KAAMX,MAAM,CAAC,GAAKZ,EAAIe,KAAKS,KAAKP,GAAOQ,KAAK,sBAAsB,KAAK,CAACrB,EAAG,IAAI,CAACO,YAAY,kBAAkBC,MAAM,CAAC,KAAO,KAAKc,SAAS,CAAC,YAAc1B,EAAI2B,GAAG3B,EAAIe,KAAKS,KAAKP,GAAO,cAAgBD,MAAaZ,EAAG,MAAM,CAACO,YAAY,oBAAoBC,MAAM,CAAC,mBAAmB,KAAK,CAACR,EAAG,MAAM,CAACO,YAAY,OAAO,CAACP,EAAG,MAAM,CAACO,YAAY,8CAA8C,CAACP,EAAG,qBAAqB,CAACQ,MAAM,CAAC,QAAS,EAAK,MAAQZ,EAAIU,MAAM,aAAc,EAAK,KAAOV,EAAIe,KAAKS,KAAKP,GAAO,cAAgB,gCAAgC,YAAW,MACzkCW,EAAkB,G,wBC6BtB,GACE,QAAF,aACA,OACA,OACA,QACM,iBAAN,OACM,eAAN,yBACM,qBAAN,MAGA,UACA,SACA,wCAGA,UAEA,sCACA,wCAGA,mDAIA,UACA,mBAGA,8DAEA,+BAGA,SAUA,YAIA,sDACA,qCAMA,6BAGA,2CACA,4DATA,gBACA,kBACA,MASA,yBACA,sFAGA,gBACA,4CACA,iCACA,mEAGA,YACA,gCCtG6f,I,wBCQzfC,EAAY,eACd,EACA9B,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CCnBf","file":"js/blocks.ResponsiveTabs.849b4e02.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['block-wrapper', 'no-padding', _vm.componentClass, _vm.colorMode, {visible: _vm.visible, ready: _vm.ready}]},[_c('ul',{staticClass:\"accordion\",attrs:{\"id\":_vm.tabsId,\"data-responsive-accordion-tabs\":\"accordion medium-tabs large-tabs\"}},_vm._l((_vm.data.tabTitles),function(tabTitle,index){return _c('li',{key:_vm.data.component_id + '-' + index,class:['accordion-item'],style:({ display: 'block', width: _vm.tabTitleWidthPercent + '%'}),attrs:{\"id\":_vm.data.tabs[index].slug,\"data-accordion-item\":\"\"}},[_c('a',{staticClass:\"accordion-title\",attrs:{\"href\":\"#\"},domProps:{\"textContent\":_vm._s(_vm.data.tabs[index]['tab_title'] || tabTitle)}}),_c('div',{staticClass:\"accordion-content\",attrs:{\"data-tab-content\":\"\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"columns small-12 medium-10 medium-offset-1\"},[_c('base-dynamic-block',{attrs:{\"inTabs\":true,\"ready\":_vm.ready,\"needsReload\":true,\"data\":_vm.data.tabs[index],\"columnClasses\":'columns small-12 medium-8'}})],1)])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section :class=\"['block-wrapper', 'no-padding', componentClass, colorMode, {visible: visible, ready: ready}]\">\n\t\t<ul v-bind:id=\"tabsId\" class=\"accordion\" data-responsive-accordion-tabs=\"accordion medium-tabs large-tabs\">\n\t\t\t<li v-for=\"(tabTitle, index) in data.tabTitles\" \n\t\t\t\t:key=\"data.component_id + '-' + index\"\n\t\t\t\t:style=\"{ display: 'block', width: tabTitleWidthPercent + '%'}\" \n\t\t\t\t:id=\"data.tabs[index].slug\" \n\t\t\t\t:class=\"['accordion-item']\" data-accordion-item>\n\t\t\t\t<a href=\"#\" class=\"accordion-title\" v-text=\"data.tabs[index]['tab_title'] || tabTitle\"></a>\n\t\t\t\t<div class=\"accordion-content\" data-tab-content>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"columns small-12 medium-10 medium-offset-1\">\n\t\t\t\t\t\t\t<base-dynamic-block \n\t\t\t\t\t\t\t\t:inTabs='true'\n\t\t\t\t\t\t\t\t:ready=\"ready\" \n\t\t\t\t\t\t\t\t:needsReload=\"true\"\n\t\t\t\t\t\t\t\t:data=\"data.tabs[index]\" \n\t\t\t\t\t\t\t\t:columnClasses=\"'columns small-12 medium-8'\"></base-dynamic-block>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>\n\t</section>\n</template>\n\n<script>\nimport BaseBlock from './Base'\nimport BaseDynamicBlock from 'BaseDynamicBlock'\n\nexport default {\n    extends: BaseBlock,\n\tdata() {\n\t\treturn {\n\t\t\ttabs: false,\n            defaultColorMode: 'dark',\n            componentClass: 'accordion-tabs-wrapper',\n            tabTitleWidthPercent: 100\n\t\t}\n\t},\n\tcomputed: {\n\t\ttabsId() {\n\t\t\treturn this.data.component_id + '_tabs'\n\t\t}\n\t},\n\tmounted() {\n\n\t\tthis.defaultColorMode = this.data.theme\n\t\tthis.currentSlug = this.data.tabs[0].slug;\n\n\n\t\timport(\n\t\t\t/* webpackChunkName: \"npm.foundation.js\" */ \n\t\t\t/* webpackMode: \"lazy\" */ \n\t\t\t'RuterShared/foundation'\n\t\t).then(() => {\n\t\t\tthis.setupTabs();\n\t\t});\n\t\n\t\twindow.addEventListener('resize', this.calculateTabTitleWidth)\n\n\t\tthis.calculateTabTitleWidth()\n\n\t},\n\tmethods: {\n\t\t/*\n\t\tupdateActiveStatus(key, isActive) {\n\t\t\tthis.tabs[key].active = isActive;\n\t\t\tthis.data.tabTitles[key].active = isActive;\n\t\t\tsetTimeout(() => {\n\t\t\t\twindow.trigger('resize')\n\t\t\t}, 1500);\n\t\t},\n\t\t*/\n\t\tsetupTabs() {\n\n\t\t\t// Make first tab active before we init foundation tabs (note: cannot be done through Vue, as then foundation cannot control classes.)\n\n\t\t\tvar firstTab = document.getElementById(this.data.tabs[0].slug);\n\t\t\tif (typeof firstTab === 'undefined' || firstTab === null) {\n\t\t\t\tsetTimeout(() => { \n\t\t\t\t\tthis.setupTabs();\n\t\t\t\t}, 500);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tfirstTab.classList.add('is-active');\n\n\t\t\t// Init responsive tabs\n\t\t\tvar tabsElement = document.getElementById(this.tabsId);\n\t\t\tthis.tabs = new Foundation.ResponsiveAccordionTabs(tabsElement, {}); // eslint-disable-line no-undef\n\t\t},\n\t\tcalculateTabTitleWidth() {\n\t\t\tthis.tabTitleWidthPercent = (window.innerWidth<=639) ? 100 : 100/this.data.tabTitles.length\n\t\t}\n\t},\n\tbeforeDestroy() {\n\t\tif (typeof this.tabs.foundation !== 'undefined') {\n\t\t\tthis.tabs.foundation('_destroy');\n\t\t\twindow.removeEventListener('resize', this.calculateTabTitleWidth)\n\t\t}\n\t},\n\tcomponents: {\n\t\tBaseDynamicBlock,\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n  @import \"../../styles/scss/component/responsive-tabs\";\n</style>","import mod from \"-!../../../../../themes/aarsrapport-2020/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2020/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2020/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2020/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2020/node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponsiveTabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../themes/aarsrapport-2020/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2020/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2020/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2020/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2020/node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponsiveTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResponsiveTabs.vue?vue&type=template&id=474860cf&\"\nimport script from \"./ResponsiveTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./ResponsiveTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResponsiveTabs.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../themes/aarsrapport-2020/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","export * from \"-!../../../../../themes/aarsrapport-2020/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../themes/aarsrapport-2020/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../themes/aarsrapport-2020/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../themes/aarsrapport-2020/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../themes/aarsrapport-2020/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../themes/aarsrapport-2020/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2020/node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponsiveTabs.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}