{"version":3,"sources":["webpack:///./src/components/VueStepper/HorizontalStepper.vue?32af","webpack:///./src/components/VueStepper/HorizontalStepper.vue?011a","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?13bc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","_m","style","width","steps","length","currentStep","index","on","$event","backStep","attrs","_v","_e","_l","step","key","class","isStepActive","completed","icon","_s","title","subtitle","canContinue","nextStep","enterAnimation","leaveAnimation","component","tag","nextButton","name","proceed","changeNextBtnValue","_f","locale","staticRenderFns","en","next","back","finish","es","pt","ja","he","cn","ru","ar","nl","sv","filters","translate","props","type","String","default","topButtons","Boolean","Array","keepAlive","reset","data","previousStep","finalStep","keepAliveData","computed","methods","activateStep","$emit","nextStepAction","currentIndex","$forceUpdate","$listeners","payload","value","nextBtnValue","init","forEach","watch","$nextTick","created"],"mappings":"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","file":"js/client-profile-wizard~professional-profile-wizard~f36c3c01.6bae754d.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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/dist/cjs.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/dist/cjs.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/dist/cjs.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/dist/cjs.js??ref--8-oneOf-1-3!./HorizontalStepper.scss?vue&type=style&index=0&id=4d1f6c6c&scoped=true&lang=scss&\""],"sourceRoot":""}