{"version":3,"sources":["webpack:///./app/javascript/packs_components/application/components/CartStepper.vue?daea","webpack:///./app/javascript/packs_components/application/components/CartStepper.vue?9136","webpack:///app/javascript/packs_components/application/components/CartStepper.vue","webpack:///./app/javascript/packs_components/application/components/CartStepper.vue","webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack:///./app/javascript/packs_components/application/components/CartStepper.vue?d774"],"names":["component","_vm","this","_h","$createElement","_c","_self","staticClass","_l","step","class","active","currentStep","checked","on","$event","preventDefault","stepperClicked","_v","_s","text","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports"],"mappings":"kGAAA,ICAuN,ECiBvN,CACA,OACA,aACA,YACA,WAEA,aACA,YACA,+BAGA,KAXA,WAYA,OACA,OACA,CACA,eACA,QAEA,CACA,qBACA,QAEA,CACA,kBACA,QAEA,CACA,eACA,QAEA,CACA,uBACA,QAEA,CACA,mBACA,QAEA,CACA,mBACA,WAKA,SACA,eADA,SACA,KACA,GAGA,sBAGA,sC,kBC9DIA,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yCAAyCN,EAAIO,GAAIP,EAAS,OAAE,SAASQ,GAAM,OAAOJ,EAAG,MAAM,CAACK,MAAM,CAAC,gBAAgB,EAAMC,OAAQV,EAAIW,aAAeH,EAAKA,KAAMI,QAASZ,EAAIW,aAAeH,EAAKA,KAAO,GAAGK,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAA8Cf,EAAIgB,eAAeR,EAAKA,KAAMR,EAAIW,aAAeH,EAAKA,KAAO,MAAkB,CAACJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIiB,GAAG,aAAajB,EAAIkB,GAAGV,EAAKA,MAAM,cAAcR,EAAIiB,GAAG,KAAKb,EAAG,MAAM,CAACE,YAAY,2BAA2BN,EAAIiB,GAAG,KAAKb,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIiB,GAAG,WAAWjB,EAAIkB,GAAGV,EAAKW,MAAM,iBAAgB,KAC5tB,IGWpB,EACA,KACA,WACA,MAIa,UAAApB,E,0CCbA,SAASqB,EACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGA,IAqBIC,EArBAC,EAAmC,oBAAlBT,EACjBA,EAAcS,QACdT,EAiDJ,GA9CIC,IACFQ,EAAQR,OAASA,EACjBQ,EAAQP,gBAAkBA,EAC1BO,EAAQC,WAAY,GAIlBP,IACFM,EAAQE,YAAa,GAInBN,IACFI,EAAQG,SAAW,UAAYP,GAI7BC,GACFE,EAAO,SAAUK,IAEfA,EACEA,GACCjC,KAAKkC,QAAUlC,KAAKkC,OAAOC,YAC3BnC,KAAKoC,QAAUpC,KAAKoC,OAAOF,QAAUlC,KAAKoC,OAAOF,OAAOC,aAEZ,qBAAxBE,sBACrBJ,EAAUI,qBAGRb,GACFA,EAAac,KAAKtC,KAAMiC,GAGtBA,GAAWA,EAAQM,uBACrBN,EAAQM,sBAAsBC,IAAId,IAKtCG,EAAQY,aAAeb,GACdJ,IACTI,EAAOD,EACH,WAAcH,EAAac,KAAKtC,KAAMA,KAAK0C,MAAMC,SAASC,aAC1DpB,GAGFI,EACF,GAAIC,EAAQE,WAAY,CAGtBF,EAAQgB,cAAgBjB,EAExB,IAAIkB,EAAiBjB,EAAQR,OAC7BQ,EAAQR,OAAS,SAAmC0B,EAAGd,GAErD,OADAL,EAAKU,KAAKL,GACHa,EAAeC,EAAGd,QAEtB,CAEL,IAAIe,EAAWnB,EAAQoB,aACvBpB,EAAQoB,aAAeD,EACnB,GAAGE,OAAOF,EAAUpB,GACpB,CAACA,GAIT,MAAO,CACLuB,QAAS/B,EACTS,QAASA,GA1Fb,mC,uDCAA,oBAAigB","file":"js/20-f811a07048bd68c39f05.chunk.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stepper d-flex justify-content-center\"},_vm._l((_vm.steps),function(step){return _c('div',{class:{'stepper-item': true, active: _vm.currentStep >= step.step, checked: _vm.currentStep >= step.step + 1},on:{\"click\":function($event){$event.preventDefault();return (function () { return _vm.stepperClicked(step.step, _vm.currentStep >= step.step + 1); })($event)}}},[_c('div',{staticClass:\"icon\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"\\n        \"+_vm._s(step.step)+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"icon-fa fas fa-check\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text\"},[_vm._v(\"\\n      \"+_vm._s(step.text)+\"\\n    \")])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--8-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartStepper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--8-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartStepper.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"stepper d-flex justify-content-center\">\n    <div @click.prevent=\"() => stepperClicked(step.step, currentStep >= step.step + 1)\" :class=\"{'stepper-item': true, active: currentStep >= step.step, checked: currentStep >= step.step + 1}\" v-for=\"step in steps\">\n      <div class=\"icon\">\n        <div class=\"number\">\n          {{step.step}}\n        </div>\n        <div class=\"icon-fa fas fa-check\"></div>\n      </div>\n      <div class=\"text\">\n        {{step.text}}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      currentStep: {\n        type: Number,\n        default: 1\n      },\n      stepLinkMap: {\n        type: Object,\n        default: () => ({})\n      }\n    },\n    data() {\n      return {\n        steps: [\n          {\n            text: 'Address',\n            step: 1\n          },\n          {\n            text: 'Delivery date',\n            step: 2\n          },\n          {\n            text: 'Pick meals',\n            step: 3\n          },\n          {\n            text: 'Sign up',\n            step: 4\n          },\n          {\n            text: 'Confirm address',\n            step: 5\n          },\n          {\n            text: 'Preferences',\n            step: 6\n          },\n          {\n            text: 'Place order',\n            step: 7\n          },\n        ]\n      }\n    },\n    methods: {\n      stepperClicked(step, allowClick) {\n        if(!allowClick) {\n          return;\n        }\n        if(!this.stepLinkMap[step]) {\n          return;\n        }\n        location.href = this.stepLinkMap[step];\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @import '~bootstrap/scss/functions';\n  @import '~bootstrap/scss/variables';\n  @import '~bootstrap/scss/mixins';\n  .stepper {\n    &-item {\n      text-align: center;\n      padding-right: 16px;\n      padding-left: 16px;\n      @include media-breakpoint-up(md) {\n        padding-right: 24px;\n        padding-left: 24px;\n      }\n      &.active {\n        &.checked {\n          cursor: pointer;\n          .icon {\n            &::before {\n              background-color: var(--primary);\n            }\n            .number {\n              display: none;\n            }\n            .icon-fa {\n              display: block;\n            }\n          }\n        }\n        .icon {\n          background-color: var(--primary);\n          border-color: var(--primary);\n        }\n        .text {\n          color: var(--primary)\n        }\n      }\n      .icon {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        vertical-align: middle;\n        width: 20px;\n        height: 20px;\n        color: #fff;\n        font-size: 12px;\n        font-weight: 400;\n        position: relative;\n        border-radius: 50%;\n        background-color: $white;\n        border: 1px solid $gray-300;\n        margin-right: auto;\n        margin-left: auto;\n        .number {\n          display: block;\n          @include media-breakpoint-up(md) {\n            display: none;\n          }\n        }\n        .icon-fa {\n          display: none;\n          font-size: 0.75em;\n        }\n        &::before {\n          content: \"\";\n          height: 1px;\n          width: 50px;\n          background: $gray-300;\n          display: block;\n          top: 49%;\n          left: 19px;\n          position: absolute;\n          @include media-breakpoint-up(md) {\n            width: 100px;\n          }\n          @include media-breakpoint-up(lg) {\n            width: 132px;\n          }\n        }\n      }\n      &:last-child {\n        .icon::before {\n          display: none;\n        }\n      }\n      .text {\n        margin-top: 0.6em;\n        font-size: 14px;\n        font-weight: 600;\n        display: none;\n        color: $gray-300;\n        @include media-breakpoint-up(md) {\n          display: block;\n        }\n      }\n    }\n  }\n</style>\n","import { render, staticRenderFns } from \"./CartStepper.vue?vue&type=template&id=c284d360&scoped=true&\"\nimport script from \"./CartStepper.vue?vue&type=script&lang=js&\"\nexport * from \"./CartStepper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartStepper.vue?vue&type=style&index=0&id=c284d360&scoped=true&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  \"c284d360\",\n  null\n  \n)\n\nexport default component.exports","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--4-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--4-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--4-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartStepper.vue?vue&type=style&index=0&id=c284d360&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--4-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--4-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--4-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartStepper.vue?vue&type=style&index=0&id=c284d360&scoped=true&lang=scss&\""],"sourceRoot":""}