{"version":3,"sources":["webpack:///./src/components/authenticated/Order/CheckoutNavigation.vue?9284","webpack:///src/components/authenticated/Order/CheckoutNavigation.vue","webpack:///./src/components/authenticated/Order/CheckoutNavigation.vue?bf6d","webpack:///./src/components/authenticated/Order/CheckoutNavigation.vue?d85a","webpack:///./src/components/authenticated/Order/CheckoutNavigation.vue?adb6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","backlink","href","_v","_s","text","_l","step","sIndex","key","class","active","current","_b","staticRenderFns","name","props","type","Object","required","steps","Array","computed","stepValidationsLoaded","$store","getters","results","length","navigationSteps","methods","stepsBeforeCurrentAreInvalidHandler","currentStep","stepsBeforeCurrentAreValid","window","location","replace","lastActiveStepBeforeCurrent","watch","immediate","deep","handler","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsBC,MAAM,CAAC,KAAOP,EAAIQ,SAASC,OAAO,CAACL,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,aAAa,MAAQ,UAAUP,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIQ,SAASI,QAAQ,GAAGR,EAAG,KAAK,CAACE,YAAY,oBAAoBN,EAAIa,GAAIb,EAAmB,iBAAE,SAASc,EAAKC,GAAQ,OAAOX,EAAG,KAAK,CAACY,IAAID,EAAOE,MAAM,CAAC,CAAE,OAAUH,EAAKI,OAAQ,QAAWJ,EAAKK,WAAY,CAACf,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,cAAc,MAAQ,SAAUO,EAAW,OAAEV,EAAG,IAAIJ,EAAIoB,GAAG,CAACd,YAAY,QAAQ,IAAIQ,GAAK,GAAO,CAACV,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIU,GAAGV,EAAIW,GAAGI,EAAS,MAAMf,EAAIU,GAAG,KAAKN,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIU,GAAGV,EAAIW,GAAGG,EAAKF,WAAWR,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIU,GAAGV,EAAIW,GAAGI,EAAS,MAAMf,EAAIU,GAAG,KAAKN,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIU,GAAGV,EAAIW,GAAGG,EAAKF,YAAY,MAAK,MACv7BS,EAAkB,GCctB,G,4DAAA,CACEC,KAAM,qBACNC,MAAO,CACLf,SAAU,CACRgB,KAAMC,OACNC,UAAU,GAEZC,MAAO,CACLH,KAAMI,MACNF,UAAU,IAGdG,SAAU,CACRC,sBADJ,WAEM,OAAQ7B,KAAK8B,OAAOC,QAAQ,oCAAoCC,SAAW,IAAIC,OAAS,GAE1FC,gBAJJ,WAIA,WACA,2DAEA,KACA,KAEM,OAAOlC,KAAK0B,MAClB,iBACQ,IAAR,2BACA,IACA,iBAAU,OAAV,+DACA,mBAAU,OAAV,aAEA,UAEQ,IAAR,qCAIQ,OAFR,kBAEA,oBAAU,OAAV,SAIES,QAAS,CACPC,oCADJ,WAEM,GAAIpC,KAAK6B,sBAAuB,CAC9B,IAAR,6DAEQ,GAAIQ,EAAa,CACf,IAAV,kEACA,2DACA,0CAEU,IAAKC,EAA4B,CAC/B,IAAZ,wDACYC,OAAOC,SAASC,QAAQC,EAA4BlC,WAM9DmC,MAAO,CACLT,gBAAiB,CACfU,WAAW,EACXC,MAAM,EACNC,QAHN,WAIQ9C,KAAKoC,2CC7E6W,I,wBCQtXW,EAAY,eACd,EACAjD,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAA2B,E,oECnBf","file":"js/chunk-60fee7b5.2e26a1a5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"checkout-navigation\"},[_c('a',{staticClass:\"navigation-backlink\",attrs:{\"href\":_vm.backlink.href}},[_c('b-icon',{attrs:{\"icon\":\"caret-left\",\"scale\":\"0.75\"}}),_vm._v(\" \"+_vm._s(_vm.backlink.text))],1),_c('ul',{staticClass:\"navigation-steps\"},_vm._l((_vm.navigationSteps),function(step,sIndex){return _c('li',{key:sIndex,class:[{ 'active': step.active, 'current': step.current }]},[_c('b-icon',{attrs:{\"icon\":\"caret-right\",\"scale\":\"0.6\"}}),(step.active)?_c('a',_vm._b({staticClass:\"step\"},'a',step,false),[_c('span',{staticClass:\"step-number\"},[_vm._v(_vm._s(sIndex + 1))]),_vm._v(\" \"),_c('span',{staticClass:\"step-text\"},[_vm._v(_vm._s(step.text))])]):_c('span',{staticClass:\"step\"},[_c('span',{staticClass:\"step-number\"},[_vm._v(_vm._s(sIndex + 1))]),_vm._v(\" \"),_c('span',{staticClass:\"step-text\"},[_vm._v(_vm._s(step.text))])])],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <nav class=\"checkout-navigation\">\r\n    <a :href=\"backlink.href\" class=\"navigation-backlink\"><b-icon icon=\"caret-left\" scale=\"0.75\"/> {{ backlink.text }}</a>\r\n\r\n    <ul class=\"navigation-steps\">\r\n      <li v-for=\"(step, sIndex) in navigationSteps\" :key=\"sIndex\" :class=\"[{ 'active': step.active, 'current': step.current }]\">\r\n        <b-icon icon=\"caret-right\" scale=\"0.6\"/>\r\n        <a v-if=\"step.active\" v-bind=\"step\" class=\"step\"><span class=\"step-number\">{{ sIndex + 1 }}</span> <span class=\"step-text\">{{ step.text }}</span></a>\r\n        <span v-else class=\"step\"><span class=\"step-number\">{{ sIndex + 1 }}</span> <span class=\"step-text\">{{ step.text }}</span></span>\r\n      </li>\r\n    </ul>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'CheckoutNavigation',\r\n  props: {\r\n    backlink: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    steps: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  computed: {\r\n    stepValidationsLoaded () {\r\n      return (this.$store.getters['shoppingcart/getValidationResult'].results || []).length > 0\r\n    },\r\n    navigationSteps () {\r\n      const hasCurrent = this.steps.findIndex(s => s.current) >= 0\r\n\r\n      let currentReached = false\r\n      let invalidReached = false\r\n\r\n      return this.steps\r\n        .map(s => {\r\n          const validationSections = s.validationSections || []\r\n          const isValid = validationSections\r\n            .map(vKey => this.$store.getters['shoppingcart/getStepValidationResult'](vKey))\r\n            .every(v => v.isValid)\r\n\r\n          if (!isValid) invalidReached = true\r\n\r\n          const active = !this.stepValidationsLoaded && !currentReached ? hasCurrent : invalidReached ? false : isValid\r\n\r\n          if (s.current) currentReached = true\r\n\r\n          return Object.assign({}, s, { active })\r\n        })\r\n    }\r\n  },\r\n  methods: {\r\n    stepsBeforeCurrentAreInvalidHandler () {\r\n      if (this.stepValidationsLoaded) {\r\n        const currentStep = this.navigationSteps.find(s => s.current)\r\n\r\n        if (currentStep) {\r\n          const currentStepIndex = this.navigationSteps.findIndex(s => s.current)\r\n          const stepsBeforeCurrent = this.navigationSteps.filter((s, sIndex) => sIndex < currentStepIndex)\r\n          const stepsBeforeCurrentAreValid = stepsBeforeCurrent.every(s => s.active)\r\n\r\n          if (!stepsBeforeCurrentAreValid) {\r\n            const lastActiveStepBeforeCurrent = stepsBeforeCurrent.filter(s => s.active).at(-1) || stepsBeforeCurrent[0]\r\n            window.location.replace(lastActiveStepBeforeCurrent.href)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    navigationSteps: {\r\n      immediate: true,\r\n      deep: true,\r\n      handler () {\r\n        this.stepsBeforeCurrentAreInvalidHandler()\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$checkoutnavigation-backlink-gap: $spacer !default;\r\n$checkoutnavigation-backlink-font-size: $breadcrumb-font-size !default;\r\n$checkoutnavigation-backlink-color: $gray-700 !default;\r\n\r\n$checkoutnavigation-gap: $grid-gutter-width * 0.5 !default;\r\n$checkoutnavigation-border: map-get($borders, 'base') !default;\r\n\r\n$checkoutnavigation-steps-padding-y: $spacer !default;\r\n$checkoutnavigation-steps-padding-x: 0 !default;\r\n\r\n$checkoutnavigation-step-font-size: inherit !default;\r\n$checkoutnavigation-step-font-weight: $font-weight-normal !default;\r\n$checkoutnavigation-step-color: $dark !default;\r\n\r\n$checkoutnavigation-step-active-font-size: $checkoutnavigation-step-font-size !default;\r\n$checkoutnavigation-step-active-font-weight: $font-weight-bold !default;\r\n$checkoutnavigation-step-active-color: $body-color !default;\r\n\r\n$checkoutnavigation-step-current-font-size: $checkoutnavigation-step-active-font-size !default;\r\n$checkoutnavigation-step-current-font-weight: $checkoutnavigation-step-active-font-weight !default;\r\n$checkoutnavigation-step-current-color: $checkoutnavigation-step-active-color !default;\r\n\r\n$checkoutnavigation-step-number-bg: transparent !default;\r\n$checkoutnavigation-step-number-outline-width: 2px !default;\r\n$checkoutnavigation-step-number-outline-color: $border-color !default;\r\n$checkoutnavigation-step-number-outline-offset: 0px !default;\r\n$checkoutnavigation-step-number-size: $spacer * 1.4 !default;\r\n$checkoutnavigation-step-number-font-size: $font-size-sm !default;\r\n$checkoutnavigation-step-number-color: inherit !default;\r\n\r\n$checkoutnavigation-step-active-number-bg: $primary !default;\r\n$checkoutnavigation-step-active-number-outline-width: $checkoutnavigation-step-number-outline-width !default;\r\n$checkoutnavigation-step-active-number-outline-color: transparent !default;\r\n$checkoutnavigation-step-active-number-outline-offset: $checkoutnavigation-step-number-outline-width !default;\r\n$checkoutnavigation-step-active-number-color: color-yiq($checkoutnavigation-step-active-number-bg) !default;\r\n\r\n$checkoutnavigation-step-current-number-bg: $checkoutnavigation-step-active-number-bg !default;\r\n$checkoutnavigation-step-current-number-outline-width: $checkoutnavigation-step-number-outline-width !default;\r\n$checkoutnavigation-step-current-number-outline-color: $checkoutnavigation-step-current-number-bg !default;\r\n$checkoutnavigation-step-current-number-outline-offset: $checkoutnavigation-step-number-outline-width !default;\r\n$checkoutnavigation-step-current-number-color: color-yiq($checkoutnavigation-step-current-number-bg) !default;\r\n\r\n$checkoutnavigation-step-text-gap: $spacer * 0.1 !default;\r\n$checkoutnavigation-step-text-font-size: 10px !default;\r\n\r\n$checkoutnavigation-step-separator-gap: 0 !default;\r\n$checkoutnavigation-step-separator-color: $checkoutnavigation-step-color !default;\r\n\r\n// tablet\r\n$checkoutnavigation-tablet: $tablet-breakpoint !default;\r\n\r\n$checkoutnavigation-tablet-step-text-gap: $spacer * 0.75 !default;\r\n$checkoutnavigation-tablet-step-text-font-size: $font-size-sm !default;\r\n\r\n$checkoutnavigation-tablet-step-separator-gap: $spacer * 0.5 !default;\r\n\r\n// desktop\r\n$checkoutnavigation-desktop: $desktop-breakpoint !default;\r\n\r\n$checkoutnavigation-desktop-step-text-gap: $checkoutnavigation-tablet-step-text-gap !default;\r\n$checkoutnavigation-desktop-step-text-font-size: $font-size-base !default;\r\n\r\n$checkoutnavigation-desktop-step-separator-gap: $spacer * 0.75 !default;\r\n\r\n.checkout-navigation {\r\n  margin-bottom: $checkoutnavigation-gap;\r\n  border-bottom: $checkoutnavigation-border;\r\n\r\n  .navigation-backlink {\r\n    display: inline-block;\r\n    margin-bottom: $checkoutnavigation-backlink-gap;\r\n    font-size: $checkoutnavigation-backlink-font-size;\r\n    color: $checkoutnavigation-backlink-color;\r\n  }\r\n\r\n  .navigation-steps {\r\n    @include list-unstyled();\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    padding: $checkoutnavigation-steps-padding-y $checkoutnavigation-steps-padding-x;\r\n\r\n    > li {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      &:first-child {\r\n        .bi {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .bi {\r\n        margin-left: $checkoutnavigation-step-separator-gap;\r\n        margin-right: $checkoutnavigation-step-separator-gap;\r\n        fill: $checkoutnavigation-step-separator-color;\r\n      }\r\n\r\n      .step {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: $checkoutnavigation-step-font-size;\r\n        font-weight: $checkoutnavigation-step-font-weight;\r\n        color: $checkoutnavigation-step-color;\r\n        text-decoration: none;\r\n\r\n        .step-number {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          margin: calc(#{$checkoutnavigation-step-active-number-outline-width} + #{$checkoutnavigation-step-active-number-outline-offset});\r\n          width: $checkoutnavigation-step-number-size;\r\n          height: $checkoutnavigation-step-number-size;\r\n          background-color: $checkoutnavigation-step-number-bg;\r\n          outline: $checkoutnavigation-step-number-outline-width solid $checkoutnavigation-step-number-outline-color;\r\n          outline-offset: $checkoutnavigation-step-number-outline-offset;\r\n          font-size: $checkoutnavigation-step-number-font-size;\r\n          color: $checkoutnavigation-step-number-color;\r\n          border-radius: 50%;\r\n        }\r\n\r\n        .step-text {\r\n          display: block;\r\n          margin-top: $checkoutnavigation-step-text-gap;\r\n          width: 100%;\r\n          font-size: $checkoutnavigation-step-text-font-size;\r\n          text-align: center;\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        .step {\r\n          font-size: $checkoutnavigation-step-active-font-size;\r\n          font-weight: $checkoutnavigation-step-active-font-weight;\r\n          color: $checkoutnavigation-step-active-color;\r\n\r\n          .step-number {\r\n            margin: calc(#{$checkoutnavigation-step-active-number-outline-width} + #{$checkoutnavigation-step-active-number-outline-offset});\r\n            background-color: $checkoutnavigation-step-active-number-bg;\r\n            outline: $checkoutnavigation-step-active-number-outline-width solid $checkoutnavigation-step-active-number-outline-color;\r\n            outline-offset: $checkoutnavigation-step-active-number-outline-offset;\r\n            color: $checkoutnavigation-step-active-number-color;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.current {\r\n        .step {\r\n          font-size: $checkoutnavigation-step-current-font-size;\r\n          font-weight: $checkoutnavigation-step-current-font-weight;\r\n          color: $checkoutnavigation-step-current-color;\r\n\r\n          .step-number {\r\n            margin: calc(#{$checkoutnavigation-step-current-number-outline-width} + #{$checkoutnavigation-step-current-number-outline-offset});\r\n            background-color: $checkoutnavigation-step-current-number-bg;\r\n            outline: $checkoutnavigation-step-current-number-outline-width solid $checkoutnavigation-step-current-number-outline-color;\r\n            outline-offset: $checkoutnavigation-step-current-number-outline-offset;\r\n            color: $checkoutnavigation-step-current-number-color;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($checkoutnavigation-tablet) {\r\n    .navigation-steps {\r\n      > li {\r\n        .bi {\r\n          margin-left: $checkoutnavigation-tablet-step-separator-gap;\r\n          margin-right: $checkoutnavigation-tablet-step-separator-gap;\r\n        }\r\n\r\n        .step {\r\n          flex-wrap: nowrap;\r\n\r\n          .step-text {\r\n            margin-top: 0;\r\n            margin-left: $checkoutnavigation-tablet-step-text-gap;\r\n            width: auto;\r\n            font-size: $checkoutnavigation-tablet-step-text-font-size;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($checkoutnavigation-desktop) {\r\n    .navigation-steps {\r\n      > li {\r\n        .bi {\r\n          margin-left: $checkoutnavigation-desktop-step-separator-gap;\r\n          margin-right: $checkoutnavigation-desktop-step-separator-gap;\r\n        }\r\n\r\n        .step {\r\n          .step-text {\r\n            margin-left: $checkoutnavigation-desktop-step-text-gap;\r\n            font-size: $checkoutnavigation-desktop-step-text-font-size;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\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!./CheckoutNavigation.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!./CheckoutNavigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutNavigation.vue?vue&type=template&id=38e44dc4&\"\nimport script from \"./CheckoutNavigation.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutNavigation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckoutNavigation.vue?vue&type=style&index=0&lang=scss&\"\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","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!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutNavigation.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}