{"version":3,"sources":["webpack:///./src/components/VueStepper/HorizontalStepper.vue?1b2e","webpack:///./src/components/VueStepper/HorizontalStepper.vue?f78e","webpack:///./src/components/VueStepper/Translations.js","webpack:///src/components/VueStepper/HorizontalStepper.vue","webpack:///./src/components/VueStepper/HorizontalStepper.vue?cdb8","webpack:///./src/components/VueStepper/HorizontalStepper.vue","webpack:///./src/components/VueStepper/HorizontalStepper.scss"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_HorizontalStepper_vue_vue_type_style_index_1_id_4d1f6c6c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_HorizontalStepper_vue_vue_type_style_index_1_id_4d1f6c6c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","_m","style","width","steps","length","currentStep","index","on","click","$event","backStep","attrs","icon","_v","_e","_l","step","key","class","isStepActive","completed","_s","title","subtitle","canContinue","nextStep","enter-active-class","enterAnimation","leave-active-class","leaveAnimation","mode","component","tag","clickedNext","nextButton","name","current-step","can-continue","proceed","change-next","changeNextBtnValue","_f","locale","staticRenderFns","role","href","Translations","en","next","back","finish","es","pt","ja","he","cn","ru","ar","nl","sv","HorizontalSteppervue_type_script_lang_js_","filters","translate","value","props","type","String","default","topButtons","Boolean","Array","keepAlive","reset","data","previousStep","finalStep","keepAliveData","computed","methods","activateStep","arguments","undefined","$emit","nextStepAction","currentIndex","$forceUpdate","_this","$listeners","payload","nextBtnValue","init","_this2","forEach","watch","val","_this3","$nextTick","created","VueStepper_HorizontalSteppervue_type_script_lang_js_","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_HorizontalStepper_scss_vue_type_style_index_0_id_4d1f6c6c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_HorizontalStepper_scss_vue_type_style_index_0_id_4d1f6c6c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/client-profile-wizard-pages~professional-profile-wizard-pages~f36c3c01.ac905858.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalStepper.vue?vue&type=style&index=1&id=4d1f6c6c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalStepper.vue?vue&type=style&index=1&id=4d1f6c6c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stepper-box\"},[_vm._t(\"header-message\",[_vm._m(0)]),_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"divider-line\",style:({width: (((100/(_vm.steps.length) * (_vm.steps.length - 1)) - 10) + \"%\")})}),_c('div',{staticClass:\"steps-wrapper\"},[(_vm.topButtons)?[(_vm.currentStep.index > 0)?_c('div',{staticClass:\"stepper-button-top previous\",on:{\"click\":function($event){return _vm.backStep()}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"chevron-left\"}},[_vm._v(\"Vorige\")])],1):_vm._e()]:_vm._e(),_vm._l((_vm.steps),function(step,index){return [_c('div',{key:index,class:['step', _vm.isStepActive(index, step)],style:({width: ((100 / _vm.steps.length) + \"%\")})},[_c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"icon\"},[_c('font-awesome-icon',{staticClass:\"material-icons md-18\",attrs:{\"icon\":['fas', (step.completed == true) ? 'check' : step.icon]}},[_vm._v(\"\\n                          \"+_vm._s((step.completed) ? 'done' : step.icon)+\"\\n                        \")])],1)]),_c('div',{staticClass:\"step-title\"},[_c('h4',[_vm._v(_vm._s(step.title))]),_c('h5',{staticClass:\"step-subtitle\"},[_vm._v(_vm._s(step.subtitle))])])])]}),(_vm.topButtons)?_c('div',{class:['stepper-button-top next', !_vm.canContinue ? 'deactivated' : ''],on:{\"click\":function($event){return _vm.nextStep()}}},[_c('font-awesome-icon',{staticClass:\"material-icons\",attrs:{\"icon\":\"chevron-right\"}},[_vm._v(\"Volgende\")])],1):_vm._e()],2)]),_c('div',{staticClass:\"content\"},[_c('transition',{attrs:{\"enter-active-class\":_vm.enterAnimation,\"leave-active-class\":_vm.leaveAnimation,\"mode\":\"out-in\"}},[(_vm.keepAliveData)?_c('keep-alive',[_c(_vm.steps[_vm.currentStep.index].component,{tag:\"component\",attrs:{\"clickedNext\":_vm.nextButton[_vm.currentStep.name],\"current-step\":_vm.currentStep},on:{\"can-continue\":_vm.proceed,\"change-next\":_vm.changeNextBtnValue}})],1):_c(_vm.steps[_vm.currentStep.index].component,{tag:\"component\",attrs:{\"clickedNext\":_vm.nextButton[_vm.currentStep.name],\"current-step\":_vm.currentStep},on:{\"can-continue\":_vm.proceed,\"change-next\":_vm.changeNextBtnValue}})],1)],1),_c('div',{class:['bottom', (_vm.currentStep.index > 0) ? '' : 'only-next']},[(_vm.currentStep.index > 0)?_c('div',{staticClass:\"stepper-button previous\",on:{\"click\":function($event){return _vm.backStep()}}},[_c('font-awesome-icon',{staticClass:\"material-icons mr-3\",attrs:{\"icon\":\"chevron-left\"}},[_vm._v(\"Vorige\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"translate\")('back',_vm.locale)))])],1):_vm._e(),_c('div',{class:['stepper-button next', !_vm.canContinue ? 'deactivated' : ''],on:{\"click\":function($event){return _vm.nextStep()}}},[_c('span',[_vm._v(_vm._s(_vm._f(\"translate\")((_vm.finalStep) ? 'finish' : 'next',_vm.locale)))]),_c('font-awesome-icon',{staticClass:\"material-icons ml-3\",attrs:{\"icon\":\"chevron-right\"}},[_vm._v(\"Volgende\")])],1)]),_vm._t(\"footer-message\",[_vm._m(1),_vm._m(2)])],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert alert-info\",attrs:{\"role\":\"alert\"}},[_c('strong',[_vm._v(\"Welkom bij Azurity!\")]),_vm._v(\" Om gebruik te maken van Azurity dient u de eerste keer deze wizard volledig te doorlopen. Hierna zal uw profiel beoordeeld en goedgekeurd worden door iemand van Azurity.\\n      \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert alert-info\",attrs:{\"role\":\"alert\"}},[_c('strong',[_vm._v(\"Naar de volgende stap?\")]),_vm._v(\" De knop naar de volgende stap wordt pas geactiveerd (blauw) zodra alle informatie juist is juist gevalideerd.\\n      \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert alert-secondary mt-3\",attrs:{\"role\":\"alert\"}},[_c('strong',[_vm._v(\"Problemen met invullen?\")]),_vm._v(\" Problemen met het invullen van deze wizard, laat het ons weten via \"),_c('a',{attrs:{\"href\":\"mailto:info@azurity.nl\"}},[_vm._v(\"info@azurity.nl\")]),_vm._v(\".\\n      \")])}]\n\nexport { render, staticRenderFns }","export default {\r\n    en: {\r\n        next: 'Next',\r\n        back: 'Back',\r\n        finish: 'Finish'\r\n    },\r\n    es: {\r\n        next: 'Siguiente',\r\n        back: 'Atrás',\r\n        finish: 'Finalizar'\r\n    },\r\n    pt: {\r\n        next: 'Próximo',\r\n        back: 'Voltar',\r\n        finish: 'Finalizar'\r\n    },\r\n    ja: {\r\n        next: '次へ',\r\n        back: '戻る',\r\n        finish: '完了'\r\n    },\r\n    he: {\r\n        next: 'הבא',\r\n        back: 'חזרה',\r\n        finish: 'סיום'\r\n    },\r\n    cn: {\r\n        next: '下一步',\r\n        back: '返回',\r\n        finish: '完成'\r\n    },\r\n    ru: {\r\n        next: 'Вперед',\r\n        back: 'Назад',\r\n        finish: 'Готово'\r\n    },\r\n    ar: {\r\n        next: 'التالي',\r\n        back: 'السابق',\r\n        finish: 'انهاء'\r\n    },\r\n    nl: {\r\n        next: 'Volgende',\r\n        back: 'Vorige',\r\n        finish: 'Klaar'\r\n    },\r\n    sv: {\r\n        next: 'Nästa',\r\n        back: 'Tillbaka',\r\n        finish: 'Skicka'\r\n    }\r\n}\r\n","<template>\r\n    <div class=\"stepper-box\">\r\n        <slot name=\"header-message\">\r\n          <div class=\"alert alert-info\" role=\"alert\">\r\n              <strong>Welkom bij Azurity!</strong> Om gebruik te maken van Azurity dient u de eerste keer deze wizard volledig te doorlopen. Hierna zal uw profiel beoordeeld en goedgekeurd worden door iemand van Azurity.\r\n          </div>\r\n        </slot>\r\n        <div class=\"top\">\r\n            <div class=\"divider-line\" :style=\"{width: `${(100/(steps.length) * (steps.length - 1)) - 10}%`}\"></div>\r\n            <div class=\"steps-wrapper\">\r\n                <template v-if=\"topButtons\">\r\n                    <div v-if=\"currentStep.index > 0\" class=\"stepper-button-top previous\" @click=\"backStep()\">\r\n                        <font-awesome-icon icon=\"chevron-left\">Vorige</font-awesome-icon>\r\n                    </div>\r\n                </template>\r\n                <template v-for=\"(step, index) in steps\">\r\n                    <div :class=\"['step', isStepActive(index, step)]\" :key=\"index\" :style=\"{width: `${100 / steps.length}%`}\">\r\n                        <div class=\"circle\">\r\n                          <div class=\"icon\">\r\n                            <font-awesome-icon class=\"material-icons md-18\" :icon=\"['fas', (step.completed == true) ? 'check' : step.icon]\">\r\n                              {{ (step.completed) ? 'done' : step.icon }}\r\n                            </font-awesome-icon>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"step-title\">\r\n                            <h4>{{step.title}}</h4>\r\n                            <h5 class=\"step-subtitle\">{{step.subtitle}}</h5>\r\n                        </div>\r\n                    </div>\r\n                </template>\r\n                <div v-if=\"topButtons\" :class=\"['stepper-button-top next', !canContinue ? 'deactivated' : '']\" @click=\"nextStep()\">\r\n                      <font-awesome-icon class=\"material-icons\" icon=\"chevron-right\">Volgende</font-awesome-icon>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n            <transition :enter-active-class=\"enterAnimation\" :leave-active-class=\"leaveAnimation\" mode=\"out-in\">\r\n                <!--If keep alive-->\r\n                <keep-alive v-if=\"keepAliveData\">\r\n                    <component :is=\"steps[currentStep.index].component\" :clickedNext=\"nextButton[currentStep.name]\" @can-continue=\"proceed\" @change-next=\"changeNextBtnValue\" :current-step=\"currentStep\"></component>\r\n                </keep-alive>\r\n                <component v-else :is=\"steps[currentStep.index].component\" :clickedNext=\"nextButton[currentStep.name]\" @can-continue=\"proceed\" @change-next=\"changeNextBtnValue\" :current-step=\"currentStep\"></component>\r\n            </transition>\r\n        </div>\r\n        <div :class=\"['bottom', (currentStep.index > 0) ? '' : 'only-next']\">\r\n            <div v-if=\"currentStep.index > 0\" class=\"stepper-button previous\" @click=\"backStep()\">\r\n                <font-awesome-icon class=\"material-icons mr-3\" icon=\"chevron-left\">Vorige</font-awesome-icon>\r\n                <span>{{ 'back' | translate(locale) }}</span>\r\n            </div>\r\n            <div :class=\"['stepper-button next', !canContinue ? 'deactivated' : '']\" @click=\"nextStep()\">\r\n                <span>{{ (finalStep) ? 'finish' : 'next' | translate(locale) }}</span>\r\n                <font-awesome-icon class=\"material-icons ml-3\" icon=\"chevron-right\">Volgende</font-awesome-icon>\r\n            </div>\r\n        </div>\r\n        \r\n        <slot name=\"footer-message\">\r\n          <div class=\"alert alert-info\" role=\"alert\">\r\n              <strong>Naar de volgende stap?</strong> De knop naar de volgende stap wordt pas geactiveerd (blauw) zodra alle informatie juist is juist gevalideerd.\r\n          </div>\r\n          <div class=\"alert alert-secondary mt-3\" role=\"alert\">\r\n              <strong>Problemen met invullen?</strong> Problemen met het invullen van deze wizard, laat het ons weten via <a href=\"mailto:info@azurity.nl\">info@azurity.nl</a>.\r\n          </div>\r\n        </slot>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport translations from \"./Translations.js\";\r\n\r\nexport default {\r\n  name: 'horizontal-stepper',\r\n  filters: {\r\n    translate: function(value, locale) {\r\n      return translations[locale][value];\r\n    }\r\n  },\r\n\r\n  props: {\r\n    locale: {\r\n      type: String,\r\n      default: \"en\"\r\n    },\r\n    topButtons: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    steps: {\r\n      type: Array,\r\n      default: function() {\r\n        return [\r\n          {\r\n            icon: \"mail\",\r\n            name: \"first\",\r\n            title: \"Sample title 1\",\r\n            subtitle: \"Subtitle sample\"\r\n          },\r\n          {\r\n            icon: \"report_problem\",\r\n            name: \"second\",\r\n            title: \"Sample title 2\",\r\n            subtitle: \"Subtitle sample\"\r\n          }\r\n        ];\r\n      }\r\n    },\r\n    keepAlive: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    reset: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      currentStep: {},\r\n      previousStep: {},\r\n      nextButton: {},\r\n      canContinue: false,\r\n      finalStep: false,\r\n      keepAliveData: this.keepAlive\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    enterAnimation() {\r\n      if (this.currentStep.index < this.previousStep.index) {\r\n        return \"animated quick fadeInLeft\";\r\n      } else {\r\n        return \"animated quick fadeInRight\";\r\n      }\r\n    },\r\n    leaveAnimation() {\r\n      if (this.currentStep.index > this.previousStep.index) {\r\n        return \"animated quick fadeOutLeft\";\r\n      } else {\r\n        return \"animated quick fadeOutRight\";\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    isStepActive(index, step) {\r\n      if (this.currentStep.index === index) {\r\n        return \"activated\";\r\n      } else {\r\n        return \"deactivated\";\r\n      }\r\n    },\r\n\r\n    activateStep(index, back = false) {\r\n      if (this.steps[index]) {\r\n        this.previousStep = this.currentStep;\r\n        this.currentStep = {\r\n          name: this.steps[index].name,\r\n          index: index\r\n        };\r\n\r\n        if (index + 1 === this.steps.length) {\r\n          this.finalStep = true;\r\n        } else {\r\n          this.finalStep = false;\r\n        }\r\n\r\n        if (!back) {\r\n          this.$emit(\"completed-step\", this.previousStep);\r\n        }\r\n      }\r\n      this.$emit(\"active-step\", this.currentStep);\r\n    },\r\n\r\n    nextStepAction() {\r\n      this.nextButton[this.currentStep.name] = true;\r\n      if (this.canContinue) {\r\n        if (this.finalStep) {\r\n          this.$emit(\"stepper-finished\", this.currentStep);\r\n        }\r\n        let currentIndex = this.currentStep.index + 1;\r\n\r\n        this.activateStep(currentIndex);\r\n      }\r\n      this.canContinue = false;\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    nextStep () {\r\n      if (!this.$listeners || !this.$listeners['before-next-step']) {\r\n        this.nextStepAction()\r\n      }\r\n\r\n      this.canContinue = false;\r\n\r\n      this.$emit(\"before-next-step\", { currentStep: this.currentStep }, (next = true) => {\r\n        this.canContinue = true;\r\n        if (next) {\r\n          this.nextStepAction()\r\n        }\r\n      });\r\n    },\r\n    backStep() {\r\n      this.$emit(\"clicking-back\");\r\n      let currentIndex = this.currentStep.index - 1;\r\n      if (currentIndex >= 0) {\r\n        this.activateStep(currentIndex, true);\r\n      }\r\n    },\r\n\r\n    proceed(payload) {\r\n      this.canContinue = payload.value;\r\n    },\r\n\r\n    changeNextBtnValue(payload) {\r\n      this.nextButton[this.currentStep.name] = payload.nextBtnValue;\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    init() {\r\n      // Initiate stepper\r\n      this.activateStep(0);\r\n      this.steps.forEach(step => {\r\n        this.nextButton[step.name] = false;\r\n      });\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    reset(val) {\r\n      if(!val) {\r\n        return;\r\n      }\r\n\r\n      this.keepAliveData = false;\r\n\r\n      this.init();\r\n      this.previousStep = {};\r\n\r\n      this.$nextTick(() => {\r\n        this.keepAliveData = this.keepAlive;\r\n        this.$emit('reset', true);\r\n      });\r\n\r\n    }\r\n  },\r\n\r\n  created() {\r\n    this.init();\r\n  }\r\n};\r\n</script>\r\n\r\n<style src=\"./HorizontalStepper.scss\" scoped lang=\"scss\">\r\n\r\n</style>\r\n<style scoped>\r\n/* fallback \r\n@font-face {\r\n  font-family: \"Material Icons\";\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  src: local(\"Material Icons\"), local(\"MaterialIcons-Regular\"),\r\n    url(https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2)\r\n      format(\"woff2\");\r\n}\r\n*/\r\n\r\n.material-icons {\r\n  /*\r\n  font-family: \"Material Icons\";\r\n  */\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  word-wrap: normal;\r\n  direction: ltr;\r\n  -webkit-font-feature-settings: \"liga\";\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n</style>\r\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!./HorizontalStepper.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!./HorizontalStepper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HorizontalStepper.vue?vue&type=template&id=4d1f6c6c&scoped=true&\"\nimport script from \"./HorizontalStepper.vue?vue&type=script&lang=js&\"\nexport * from \"./HorizontalStepper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HorizontalStepper.scss?vue&type=style&index=0&id=4d1f6c6c&scoped=true&lang=scss&\"\nimport style1 from \"./HorizontalStepper.vue?vue&type=style&index=1&id=4d1f6c6c&scoped=true&lang=css&\"\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  \"4d1f6c6c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./HorizontalStepper.scss?vue&type=style&index=0&id=4d1f6c6c&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./HorizontalStepper.scss?vue&type=style&index=0&id=4d1f6c6c&scoped=true&lang=scss&\""],"sourceRoot":""}