{"version":3,"sources":["webpack:///./src/js/vuejs/components/Tabs.vue","webpack:///./src/js/vuejs/components/Tabs.vue?e99d","webpack:///src/js/vuejs/components/Tabs.vue","webpack:///./src/js/vuejs/components/Tabs.vue?90a3"],"names":["props","tabList","type","required","data","activeTab","component","_vm","this","_c","_self","staticClass","_l","tab","index","key","class","attrs","_uid","domProps","_s","_v","directives","name","rawName","value","expression","_q","on","$event","_t","_e"],"mappings":"iGAAA,ICAgM,EC8CjL,CACfA,OACAC,SACAC,WACAC,cAGAC,KAPA,WAQA,OACAC,e,OChDIC,EAAY,YACd,GHRW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,uBAAuBJ,EAAIK,GAAIL,EAAIN,SAAS,SAASY,EAAIC,GAAO,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAMH,YAAY,2BAA2BK,MAAM,CACpP,mCAAoCF,EAAQ,IAAMP,EAAIF,UACtD,GAAIS,EAAQ,IAAMP,EAAIF,YACrB,CAACI,EAAG,QAAQ,CAACQ,MAAM,CAAC,cAASV,EAAIW,MAAb,OAAoBJ,IAASK,SAAS,CAAC,YAAcZ,EAAIa,GAAGP,MAAQN,EAAIc,GAAG,KAAKZ,EAAG,QAAQ,CAACa,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAIF,UAAWqB,WAAW,cAAcT,MAAM,CAAC,aAAQV,EAAIW,MAAZ,OAAmBJ,GAAQ,KAAO,QAAQ,eAAUP,EAAIW,KAAd,SAA0BC,SAAS,CAAC,MAAQL,EAAQ,EAAE,QAAUP,EAAIoB,GAAGpB,EAAIF,UAAUS,EAAQ,IAAIc,GAAG,CAAC,OAAS,SAASC,GAAQtB,EAAIF,UAAUS,EAAQ,WAAU,GAAGP,EAAIc,GAAG,KAAKd,EAAIK,GAAIL,EAAIN,SAAS,SAASY,EAAIC,GAAO,MAAO,CAACL,EAAG,aAAa,CAACM,IAAID,EAAMG,MAAM,CAAC,KAAO,SAAS,KAAO,SAAS,CAAEH,EAAQ,IAAMP,EAAIF,UAAWI,EAAG,MAAM,CAACM,IAAID,EAAMH,YAAY,gBAAgB,CAACF,EAAG,UAAU,CAACE,YAAY,eAAe,CAACJ,EAAIuB,GAAJ,mBAAmBhB,EAAQ,KAAM,KAAKP,EAAIwB,YAAW,KAEjsB,IGMpB,EACA,KACA,KACA,MAIa,UAAAzB,E","file":"3.main.min.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tabs\"},[_c('ul',{staticClass:\"tabs__controls-list\"},_vm._l((_vm.tabList),function(tab,index){return _c('li',{key:index,staticClass:\"tabs__controls-list-item\",class:{\r\n          'tabs__controls-list-item--active': index + 1 === _vm.activeTab,\r\n          '': index + 1 !== _vm.activeTab,\r\n        }},[_c('label',{attrs:{\"for\":`${_vm._uid}${index}`},domProps:{\"textContent\":_vm._s(tab)}}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeTab),expression:\"activeTab\"}],attrs:{\"id\":`${_vm._uid}${index}`,\"type\":\"radio\",\"name\":`${_vm._uid}-tab`},domProps:{\"value\":index + 1,\"checked\":_vm._q(_vm.activeTab,index + 1)},on:{\"change\":function($event){_vm.activeTab=index + 1}}})])}),0),_vm._v(\" \"),_vm._l((_vm.tabList),function(tab,index){return [_c('transition',{key:index,attrs:{\"mode\":\"out-in\",\"name\":\"fade\"}},[(index + 1 === _vm.activeTab)?_c('div',{key:index,staticClass:\"tabs__panels\"},[_c('section',{staticClass:\"tabs__panel\"},[_vm._t(`tabPanel-${index + 1}`)],2)]):_vm._e()])]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tabs.vue?vue&type=script&lang=js&\"","<template>\r\n  <div\r\n    class=\"tabs\"\r\n  >\r\n    <ul\r\n      class=\"tabs__controls-list\"\r\n    >\r\n      <li\r\n        v-for=\"(tab, index) in tabList\"\r\n        :key=\"index\"\r\n        class=\"tabs__controls-list-item\"\r\n        :class=\"{\r\n          'tabs__controls-list-item--active': index + 1 === activeTab,\r\n          '': index + 1 !== activeTab,\r\n        }\"\r\n      >\r\n        <label\r\n          :for=\"`${_uid}${index}`\"\r\n          v-text=\"tab\"\r\n        />\r\n        <input\r\n          :id=\"`${_uid}${index}`\"\r\n          type=\"radio\"\r\n          :name=\"`${_uid}-tab`\"\r\n          :value=\"index + 1\"\r\n          v-model=\"activeTab\"\r\n        />\r\n      </li>\r\n    </ul>\r\n    <template v-for=\"(tab, index) in tabList\">\r\n      <transition mode=\"out-in\" name=\"fade\" :key=\"index\" >\r\n        <div\r\n          :key=\"index\"\r\n          v-if=\"index + 1 === activeTab\"\r\n          class=\"tabs__panels\"\r\n        >\r\n          <section class=\"tabs__panel\">\r\n              <slot :name=\"`tabPanel-${index + 1}`\" />\r\n          </section>\r\n        </div>\r\n      </transition>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    tabList: {\r\n      type: Array,\r\n      required: true,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      activeTab: 1,\r\n    };\r\n  },\r\n};\r\n</script>","import { render, staticRenderFns } from \"./Tabs.vue?vue&type=template&id=de2bdb4a&\"\nimport script from \"./Tabs.vue?vue&type=script&lang=js&\"\nexport * from \"./Tabs.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":""}