{"version":3,"sources":["webpack:///./src/components/StepIndicatorSimple.vue?ee82","webpack:///./src/components/StepIndicatorSimple.vue?5ce1","webpack:///src/components/StepIndicatorSimple.vue","webpack:///./src/components/StepIndicatorSimple.vue?0a65","webpack:///./src/components/StepIndicatorSimple.vue?e961"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StepIndicatorSimple_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StepIndicatorSimple_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","width","_l","step","index","key","class","current","valid","visited","attrs","tooltip","tooltipText","tooltip-placement","on","click","$event","goToStep","mouseover","setTooltipText","title","staticRenderFns","StepIndicatorSimplevue_type_script_lang_js_","props","steps","type","required","disabled","default","data","methods","allowed","$emit","deniedAccessMsg","text","watch","handler","_this","find","s","components_StepIndicatorSimplevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"4IAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAyhBE,EAAG,8CCA5hB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,wBAAAC,MAAA,CAA4CC,MAAAR,EAAAQ,QAAqBR,EAAAS,GAAAT,EAAA,eAAAU,EAAAC,GAAyC,OAAAP,EAAA,OAAiBQ,IAAAD,EAAAL,YAAA,OAAAO,MAAA,CAAoCC,QAAAd,EAAAc,SAAAJ,OAAAK,MAAAL,EAAAM,SAAAN,EAAAK,OAAuEE,MAAA,CAAQC,QAAAlB,EAAAmB,YAAAC,oBAAA,UAAuDC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAvB,EAAAwB,SAAAd,IAA0Be,UAAA,SAAAF,GAA8B,OAAAvB,EAAA0B,eAAAhB,EAAAiB,UAAwC,CAAAvB,EAAA,OAAYE,YAAA,kBAA4B,IACrjBsB,EAAA,GCiBeC,uBAAA,CACfC,OACAC,OACAC,WACAC,aAEAnB,eACAoB,iBACA1B,OACAwB,YACAG,iBAGAC,gBACA,OACAjB,mBAGAkB,SACAb,qBACAd,QAAAT,KAAAa,SAAA,GAAAJ,EAAAwB,UAAA,GAAAjC,KAAAiC,WAGAxB,EAAA4B,QAIArC,KAAAsC,MAAA,aAAA7B,QAHAT,KAAAyB,eAAAhB,EAAA8B,mBAKAd,2BACAzB,KAAAkB,YAAAsB,IAGAC,OACA5B,SACA6B,mBAAA,IAAAC,EAAA3C,KACAA,KAAA8B,MAAAc,KAAA,SAAAC,GAAA,OAAAA,EAAApC,MAAAkC,EAAA9B,UAAAE,SAAA,OCtD6V+B,EAAA,0BCQ7VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAhD,EACA6B,GACF,EACA,KACA,KACA,MAIeuB,EAAA,WAAAH","file":"js/lazy-view-components-StepIndicatorSimple.0a5bc71d.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepIndicatorSimple.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepIndicatorSimple.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-indicator-simple\",style:({ width: _vm.width })},_vm._l((_vm.steps),function(step,index){return _c('div',{key:index,staticClass:\"step\",class:{ current: _vm.current == step.step, valid: step.visited && step.valid },attrs:{\"tooltip\":_vm.tooltipText,\"tooltip-placement\":\"bottom\"},on:{\"click\":function($event){return _vm.goToStep(step)},\"mouseover\":function($event){return _vm.setTooltipText(step.title)}}},[_c('div',{staticClass:\"step-line\"})])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"step-indicator-simple\" :style=\"{ width: width }\">\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"index\"\n      class=\"step\"\n      :class=\"{ current: current == step.step, valid: step.visited && step.valid }\"\n      @click=\"goToStep(step)\"\n      :tooltip=\"tooltipText\"\n      @mouseover=\"setTooltipText(step.title)\"\n      tooltip-placement=\"bottom\"\n    >\n      <div class=\"step-line\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    steps: {\n      type: Array,\n      required: true\n    },\n    current: Number,\n    disabled: Boolean,\n    width: {\n      type: String,\n      default: \"100%\"\n    }\n  },\n  data() {\n    return {\n      tooltipText: null\n    };\n  },\n  methods: {\n    goToStep(step) {\n      if (step.step == this.current || step.disabled == true || this.disabled == true) {\n        return;\n      }\n      if (!step.allowed) {\n        this.setTooltipText(step.deniedAccessMsg);\n        return;\n      }\n      this.$emit(\"click-step\", step.step);\n    },\n    setTooltipText(text) {\n      this.tooltipText = text;\n    }\n  },\n  watch: {\n    current: {\n      handler: function() {\n        this.steps.find((s) => s.step == this.current).visited = true;\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n:root {\n  --inactive-size: 2px;\n  --active-size: 2px;\n}\n.step-indicator-simple {\n  margin: 0 auto;\n  display: flex;\n  gap: 2px;\n  flex-direction: row;\n  align-items: flex-end;\n  .step {\n    cursor: pointer;\n    padding: 8px 0;\n    flex: 1 1 auto;\n    .step-line {\n      height: var(--inactive-size);\n      // width: 100%;\n      border-radius: 4px;\n      background-color: var(--charcoal-20);\n    }\n    &.current,\n    &.current.valid {\n      .step-line {\n        height: var(--active-size);\n        background-color: var(--orange-web);\n      }\n      &:hover > .step-line {\n        background-color: var(--orange-web);\n        filter: brightness(120%);\n      }\n    }\n    &.valid .step-line {\n      height: var(--inactive-size);\n      background-color: var(--orange-web-40);\n    }\n    &:not(.current).valid:hover > .step-line {\n      background-color: var(--orange-web);\n    }\n    &:not(.current, .valid):hover > .step-line {\n      background-color: var(--charcoal-50);\n    }\n  }\n}\n.first-enter-to .last-enter-to {\n  position: absolute;\n  opacity: 1;\n  transform: translateX(0);\n}\n.first-enter,\n.first-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-100px);\n}\n\n.last-enter,\n.last-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(100px);\n}\n.first-enter-active,\n.first-leave-active {\n  transition: all 0.2s ease;\n}\n.last-leave-active,\n.last-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\n}\n\n.mid-next-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(100px);\n}\n.mid-next-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-100px);\n}\n.mid-next-leave-active,\n.mid-next-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\n}\n\n.mid-previous-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-100px);\n}\n.mid-previous-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(100px);\n}\n.mid-previous-leave-active,\n.mid-previous-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\n}\n</style>\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!./StepIndicatorSimple.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!./StepIndicatorSimple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepIndicatorSimple.vue?vue&type=template&id=3cf718fa&\"\nimport script from \"./StepIndicatorSimple.vue?vue&type=script&lang=js&\"\nexport * from \"./StepIndicatorSimple.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepIndicatorSimple.vue?vue&type=style&index=0&lang=less&\"\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":""}