{"version":3,"sources":["webpack:///./src/components/Forms/FirstStepForm.vue?fb5d","webpack:///./src/views/steps/FirstStep.vue?eded","webpack:///./src/components/Forms/FirstStepForm.vue?38ab","webpack:///./src/components/App/NumericInput.vue?8090","webpack:///src/components/App/NumericInput.vue","webpack:///./src/components/App/NumericInput.vue?2cea","webpack:///./src/components/App/NumericInput.vue","webpack:///src/components/Forms/FirstStepForm.vue","webpack:///./src/components/Forms/FirstStepForm.vue?9406","webpack:///./src/components/Forms/FirstStepForm.vue?fd96","webpack:///src/views/steps/FirstStep.vue","webpack:///./src/views/steps/FirstStep.vue?ff7d","webpack:///./src/views/steps/FirstStep.vue","webpack:///./src/assets/images/konfigurator_mezczyzna.svg","webpack:///./src/assets/images/konfigurator_kobieta.svg","webpack:///./src/assets/images/konfigurator_unisex.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","bikesCount","areBestsellers","class","disabled","filters","age","gender","on","goToSecondStep","bikesReady","exampleBikesIds","length","_e","goToAllResults","staticRenderFns","ageInputConfig","handleDecreaseAge","handleIncreaseAge","model","value","callback","$$v","_n","expression","heightInputConfig","height","handleDecreaseHeight","handleIncreaseHeight","selected","genderEnum","MAN","$event","setGender","WOMAN","UNISEX","handleValueChangeByWheel","directives","name","rawName","arg","modifiers","ref","config","min","step","id","max","placeholder","domProps","updateValue","editMode","type","indexOf","_k","keyCode","key","handleKeyDown","handleClick","handleValueChangeByHold","handleStopValueChangeByHold","handleValueChangeByArrowBtn","props","required","data","touchConfig","disableClick","touchClass","tapTolerance","touchHoldTolerance","swipeTolerance","longTapTimeInterval","namespace","posYStart","initStep","holdTimout","holdInterval","holdTimoutValue","doubleTapCounter","methods","handleTouchHold","e","preventDefault","deltaY","$emit","handleTouchStart","undefined","changedTouches","touches","clientY","handleTouchMove","Math","abs","posYdiff","posY","handleTouchEnd","direction","console","log","inputEl","stepUp","stepDown","setTimeout","clearTimeout","clearInterval","handleDoubleTap","timer","focus","inserted","el","component","placeHolder","computed","watch","newVal","param","getCookies","mounted","components","NumericInput","bikesIds","timeoutId","deep","goToThirdStep","$router","push","setExampleBikes","filter","getBestsellerBikesIds","$store","dispatch","then","getBikesIds","AppHeader","BikeTileList","FirstStepForm","ResultInfo","module","exports"],"mappings":"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","file":"js/chunk-b172d9ce.cee1ad4b.js","sourcesContent":["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!./FirstStepForm.vue?vue&type=style&index=0&id=22a98456&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-content-container\"},[_c('app-header',{attrs:{\"step\":1}}),_c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"step-header\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"steps.step1\")))])]),_c('first-step-form'),_c('result-info',{attrs:{\"bikesCount\":_vm.bikesCount,\"bestSellers\":_vm.areBestsellers}}),_c('div',{staticClass:\"step-actions\"},[_c('a',{staticClass:\"btn-primary\",class:{ disabled: _vm.filters.age >= 12 && _vm.filters.gender == null },on:{\"click\":_vm.goToSecondStep}},[_vm._v(\" \"+_vm._s(_vm.$t(\"buttons.next\"))+\" \")])]),(_vm.bikesReady && _vm.exampleBikesIds.length)?_c('div',{staticClass:\"step-summary\"},[(_vm.bikesReady && _vm.exampleBikesIds.length)?_c('bike-tile-list',{attrs:{\"bikesIds\":_vm.exampleBikesIds,\"bikesCount\":_vm.bikesCount}}):_vm._e(),_c('span',{staticClass:\"step-summary-action-btn\",on:{\"click\":_vm.goToAllResults}},[_vm._v(\" \"+_vm._s(_vm.$t(\"buttons.seeAll\"))+\" \")])],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-form\"},[_c('div',{staticClass:\"step-form-section\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"age\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"labels.age\"))+\" \")]),_c('numeric-input',{attrs:{\"config\":_vm.ageInputConfig,\"value\":_vm.age},on:{\"decreaseValue\":_vm.handleDecreaseAge,\"increaseValue\":_vm.handleIncreaseAge},model:{value:(_vm.age),callback:function ($$v) {_vm.age=_vm._n($$v)},expression:\"age\"}})],1)]),_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"height\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"labels.height\"))+\" \")]),_c('numeric-input',{attrs:{\"config\":_vm.heightInputConfig,\"value\":_vm.height},on:{\"decreaseValue\":_vm.handleDecreaseHeight,\"increaseValue\":_vm.handleIncreaseHeight},model:{value:(_vm.height),callback:function ($$v) {_vm.height=_vm._n($$v)},expression:\"height\"}})],1)])]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.age >= 12)?_c('div',{staticClass:\"step-form-section\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"age\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"labels.sex\"))+\" \")]),_c('div',{staticClass:\"gender-wrapper\"},[_c('div',{staticClass:\"gender-tile\",class:{ selected: _vm.gender === _vm.genderEnum.MAN },on:{\"click\":function($event){return _vm.setGender(_vm.genderEnum.MAN)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/konfigurator_mezczyzna.svg\"),\"alt\":\"Ikona mężczyzny\"}}),_c('span',[_vm._v(_vm._s(_vm.$t(\"labels.man\")))])]),_c('div',{staticClass:\"gender-tile\",class:{ selected: _vm.gender === _vm.genderEnum.WOMAN },on:{\"click\":function($event){return _vm.setGender(_vm.genderEnum.WOMAN)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/konfigurator_kobieta.svg\"),\"alt\":\"Ikona kobiety\"}}),_c('span',[_vm._v(_vm._s(_vm.$t(\"labels.woman\")))])]),_c('div',{staticClass:\"gender-tile\",class:{ selected: _vm.gender === _vm.genderEnum.UNISEX },on:{\"click\":function($event){return _vm.setGender(_vm.genderEnum.UNISEX)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/konfigurator_unisex.svg\"),\"alt\":\"Ikona unisex\"}}),_c('span',[_vm._v(_vm._s(_vm.$t(\"labels.unisex\")))])])])])])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"custom-number\",on:{\"wheel\":_vm.handleValueChangeByWheel}},[_c('div',{directives:[{name:\"touch-options\",rawName:\"v-touch-options\",value:(_vm.touchConfig),expression:\"touchConfig\"},{name:\"touch\",rawName:\"v-touch:start.disablePassive\",value:(_vm.handleTouchStart),expression:\"handleTouchStart\",arg:\"start\",modifiers:{\"disablePassive\":true}},{name:\"touch\",rawName:\"v-touch:moving\",value:(_vm.handleTouchMove),expression:\"handleTouchMove\",arg:\"moving\"},{name:\"touch\",rawName:\"v-touch:end\",value:(_vm.handleTouchEnd),expression:\"handleTouchEnd\",arg:\"end\"}],staticClass:\"custom-number-wrapper\"},[_c('div',{staticClass:\"number-input value-next\"},[_vm._v(\" \"+_vm._s(_vm.value + 1)+\" \")]),(_vm.editMode)?_c('input',{directives:[{name:\"focus\",rawName:\"v-focus\"}],ref:\"config.ref\",staticClass:\"number-input\",attrs:{\"min\":_vm.config.min,\"step\":_vm.config.step,\"id\":_vm.config.id,\"max\":_vm.config.max,\"placeholder\":_vm.config.placeholder,\"type\":\"number\"},domProps:{\"value\":_vm.value},on:{\"input\":function($event){return _vm.updateValue($event)},\"blur\":function($event){_vm.editMode = false},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }_vm.editMode = false},\"keydown\":_vm.handleKeyDown}}):_c('div',{directives:[{name:\"touch\",rawName:\"v-touch:touchhold\",value:(_vm.handleTouchHold),expression:\"handleTouchHold\",arg:\"touchhold\"},{name:\"touch\",rawName:\"v-touch:tap\",value:(_vm.handleDoubleTap),expression:\"handleDoubleTap\",arg:\"tap\"}],staticClass:\"number-input value-current\",on:{\"click\":_vm.handleClick}},[_vm._v(\" \"+_vm._s(_vm.value)+\" \")]),_c('div',{staticClass:\"number-input value-previous\"},[_vm._v(\" \"+_vm._s(_vm.value - 1 == -1 ? \"-\" : _vm.value - 1)+\" \")])]),_c('div',{staticClass:\"buttons-wrapper\"},[_c('button',{staticClass:\"btn-number\",on:{\"mousedown\":function($event){return _vm.handleValueChangeByHold($event, 'up', _vm.config.ref)},\"mouseleave\":_vm.handleStopValueChangeByHold,\"mouseup\":_vm.handleStopValueChangeByHold,\"click\":function($event){return _vm.handleValueChangeByArrowBtn($event, 'up', _vm.config.ref)}}},[_c('i',{staticClass:\"far fa-triangle\"})]),_c('button',{staticClass:\"btn-number\",on:{\"mousedown\":function($event){return _vm.handleValueChangeByHold($event, 'down', _vm.config.ref)},\"mouseleave\":_vm.handleStopValueChangeByHold,\"mouseup\":_vm.handleStopValueChangeByHold,\"click\":function($event){return _vm.handleValueChangeByArrowBtn($event, 'down', _vm.config.ref)}}},[_c('i',{staticClass:\"far fa-triangle fa-flip-vertical\"})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"custom-number\" @wheel=\"handleValueChangeByWheel\">\r\n    <div\r\n      class=\"custom-number-wrapper\"\r\n      v-touch-options=\"touchConfig\"\r\n      v-touch:start.disablePassive=\"handleTouchStart\"\r\n      v-touch:moving=\"handleTouchMove\"\r\n      v-touch:end=\"handleTouchEnd\"\r\n    >\r\n      <div class=\"number-input value-next\">\r\n        {{ value + 1 }}\r\n      </div>\r\n      <input\r\n        v-if=\"editMode\"\r\n        class=\"number-input\"\r\n        :min=\"config.min\"\r\n        :step=\"config.step\"\r\n        :id=\"config.id\"\r\n        :max=\"config.max\"\r\n        :placeholder=\"config.placeholder\"\r\n        :value=\"value\"\r\n        @input=\"updateValue($event)\"\r\n        type=\"number\"\r\n        ref=\"config.ref\"\r\n        @blur=\"editMode = false\"\r\n        @keyup.enter=\"editMode = false\"\r\n        @keydown=\"handleKeyDown\"\r\n        v-focus\r\n      />\r\n      <div\r\n        v-else\r\n        class=\"number-input value-current\"\r\n        v-touch:touchhold=\"handleTouchHold\"\r\n        v-touch:tap=\"handleDoubleTap\"\r\n        @click=\"handleClick\"\r\n      >\r\n        {{ value }}\r\n      </div>\r\n      <div class=\"number-input value-previous\">\r\n        {{ value - 1 == -1 ? \"-\" : value - 1 }}\r\n      </div>\r\n    </div>\r\n    <div class=\"buttons-wrapper\">\r\n      <button\r\n        class=\"btn-number\"\r\n        @mousedown=\"handleValueChangeByHold($event, 'up', config.ref)\"\r\n        @mouseleave=\"handleStopValueChangeByHold\"\r\n        @mouseup=\"handleStopValueChangeByHold\"\r\n        @click=\"handleValueChangeByArrowBtn($event, 'up', config.ref)\"\r\n      >\r\n        <i class=\"far fa-triangle\"></i>\r\n      </button>\r\n      <button\r\n        class=\"btn-number\"\r\n        @mousedown=\"handleValueChangeByHold($event, 'down', config.ref)\"\r\n        @mouseleave=\"handleStopValueChangeByHold\"\r\n        @mouseup=\"handleStopValueChangeByHold\"\r\n        @click=\"handleValueChangeByArrowBtn($event, 'down', config.ref)\"\r\n      >\r\n        <i class=\"far fa-triangle fa-flip-vertical\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"NumericInput\",\r\n  props: {\r\n    value: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    config: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      touchConfig: {\r\n        disableClick: false,\r\n        touchClass: \"\",\r\n        tapTolerance: 10,\r\n        touchHoldTolerance: 400,\r\n        swipeTolerance: 30,\r\n        longTapTimeInterval: 400,\r\n        namespace: \"touch\",\r\n      },\r\n      editMode: false,\r\n      posYStart: 0,\r\n      initStep: 10,\r\n      holdTimout: false,\r\n      holdInterval: false,\r\n      holdTimoutValue: 500,\r\n      doubleTapCounter: 0,\r\n    };\r\n  },\r\n  methods: {\r\n    handleTouchHold: function (e) {\r\n      this.editMode = true;\r\n    },\r\n    handleValueChangeByWheel: function (e) {\r\n      e.preventDefault();\r\n      const deltaY = e.deltaY;\r\n      if (deltaY >= 0) {\r\n        if (this.value > this.config.min) this.$emit(\"decreaseValue\");\r\n      } else {\r\n        if (this.value < this.config.max) this.$emit(\"increaseValue\");\r\n      }\r\n    },\r\n    handleTouchStart: function (e) {\r\n      if (this.editMode) {\r\n        return;\r\n      }\r\n      e.preventDefault();\r\n      if (e.changedTouches === undefined || e.changedTouches.length !== 1) {\r\n        return;\r\n      }\r\n      const touches = e.touches || e.originalEvent.touches;\r\n      this.posYStart = touches[0].clientY;\r\n    },\r\n    handleTouchMove: function (e) {\r\n      if (\r\n        this.editMode ||\r\n        e.changedTouches === undefined ||\r\n        e.changedTouches.length !== 1 ||\r\n        !this.posYStart\r\n      ) {\r\n        return;\r\n      }\r\n      let step = this.initStep;\r\n      let posY = e.changedTouches[0].clientY;\r\n      let posYdiff = this.posYStart - posY;\r\n      if (Math.abs(posYdiff) > step) {\r\n        if (posY < this.posYStart) {\r\n          if (this.value < this.config.max) {\r\n            this.$emit(\"increaseValue\");\r\n            this.posYStart = posY;\r\n          }\r\n        } else {\r\n          if (this.value > this.config.min) {\r\n            this.$emit(\"decreaseValue\");\r\n            this.posYStart = posY;\r\n          }\r\n        }\r\n      } else {\r\n        return;\r\n      }\r\n    },\r\n    handleTouchEnd: function () {\r\n      this.posYStart = 0;\r\n    },\r\n    handleValueChangeByArrowBtn: function (e, direction, inputRefString) {\r\n      let editMode = this.editMode;\r\n      if (editMode) {\r\n        let inputEl = this.$refs[inputRefString];\r\n        switch (direction) {\r\n          case \"up\":\r\n            console.log(\"up\");\r\n            inputEl.stepUp();\r\n            break;\r\n          case \"down\":\r\n            inputEl.stepDown();\r\n            break;\r\n          default:\r\n            console.log(`Error`);\r\n        }\r\n      } else {\r\n        switch (direction) {\r\n          case \"up\":\r\n            if (this.value >= this.config.min && this.value < this.config.max)\r\n              this.$emit(\"increaseValue\");\r\n            break;\r\n          case \"down\":\r\n            if (this.value > this.config.min && this.value <= this.config.max)\r\n              this.$emit(\"decreaseValue\");\r\n            break;\r\n          default:\r\n            console.log(`Error`);\r\n        }\r\n      }\r\n    },\r\n    handleValueChangeByHold: function (e, direction, inputRefString) {\r\n      switch (direction) {\r\n        case \"up\":\r\n          if (!this.holdTimout) {\r\n            let globalThis = this;\r\n            this.holdTimout = setTimeout(function (e) {\r\n              console.log(\"timeout\");\r\n\r\n              if (!globalThis.holdInterval) {\r\n                globalThis.holdInterval = setInterval(function (e) {\r\n                  if (\r\n                    globalThis.value >= globalThis.config.min &&\r\n                    globalThis.value < globalThis.config.max\r\n                  )\r\n                    globalThis.$emit(\"increaseValue\");\r\n                }, 50);\r\n              }\r\n            }, this.holdTimoutValue);\r\n          }\r\n          break;\r\n        case \"down\":\r\n          if (!this.holdTimout) {\r\n            let globalThis = this;\r\n            this.holdTimout = setTimeout(function (e) {\r\n              if (!globalThis.holdInterval) {\r\n                globalThis.holdInterval = setInterval(function (e) {\r\n                  if (\r\n                    globalThis.value > globalThis.config.min &&\r\n                    globalThis.value <= globalThis.config.max\r\n                  )\r\n                    globalThis.$emit(\"decreaseValue\");\r\n                }, 50);\r\n              }\r\n            }, this.holdTimoutValue);\r\n          }\r\n          break;\r\n        default:\r\n          console.log(`Error`);\r\n      }\r\n    },\r\n    handleStopValueChangeByHold: function () {\r\n      clearTimeout(this.holdTimout);\r\n      this.holdTimout = false;\r\n      if (this.holdInterval) {\r\n        clearInterval(this.holdInterval);\r\n        this.holdInterval = false;\r\n      }\r\n    },\r\n    updateValue: function (e) {\r\n      let value = e.target.value.replace(/[^0-9]*/g, \"\");\r\n      if (value >= this.config.min && value <= this.config.max) {\r\n        this.$emit(\"input\", value);\r\n      }\r\n    },\r\n    handleClick: function (e) {\r\n      this.editMode = true;\r\n    },\r\n    handleDoubleTap: function (e) {\r\n      this.doubleTapCounter++;\r\n      if (this.doubleTapCounter == 1) {\r\n        this.timer = setTimeout(() => {\r\n          this.doubleTapCounter = 0;\r\n        }, 300);\r\n        return;\r\n      }\r\n\r\n      clearTimeout(this.timer);\r\n      this.doubleTapCounter = 0;\r\n      this.editMode = true;\r\n    },\r\n    handleKeyDown: function (e) {\r\n      if (e.key === \".\") e.preventDefault();\r\n    },\r\n  },\r\n  directives: {\r\n    focus: {\r\n      inserted(el) {\r\n        el.focus();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NumericInput.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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NumericInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NumericInput.vue?vue&type=template&id=6a65565c&\"\nimport script from \"./NumericInput.vue?vue&type=script&lang=js&\"\nexport * from \"./NumericInput.vue?vue&type=script&lang=js&\"\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","<template>\r\n  <div class=\"step-form\">\r\n    <div class=\"step-form-section\">\r\n      <div class=\"inner-container\">\r\n        <div class=\"input-group\">\r\n          <label for=\"age\">\r\n            {{ $t(\"labels.age\") }}\r\n          </label>\r\n          <numeric-input\r\n            :config=\"ageInputConfig\"\r\n            :value=\"age\"\r\n            v-model.number=\"age\"\r\n            @decreaseValue=\"handleDecreaseAge\"\r\n            @increaseValue=\"handleIncreaseAge\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"inner-container\">\r\n        <div class=\"input-group\">\r\n          <label for=\"height\">\r\n            {{ $t(\"labels.height\") }}\r\n          </label>\r\n          <numeric-input\r\n            :config=\"heightInputConfig\"\r\n            :value=\"height\"\r\n            v-model.number=\"height\"\r\n            @decreaseValue=\"handleDecreaseHeight\"\r\n            @increaseValue=\"handleIncreaseHeight\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <transition name=\"fade\">\r\n      <div class=\"step-form-section\" v-if=\"age >= 12\">\r\n        <div class=\"inner-container\">\r\n          <div class=\"form-group\">\r\n            <label for=\"age\">\r\n              {{ $t(\"labels.sex\") }}\r\n            </label>\r\n            <div class=\"gender-wrapper\">\r\n              <div\r\n                class=\"gender-tile\"\r\n                @click=\"setGender(genderEnum.MAN)\"\r\n                :class=\"{ selected: gender === genderEnum.MAN }\"\r\n              >\r\n                <img src=\"@/assets/images/konfigurator_mezczyzna.svg\" alt=\"Ikona mężczyzny\" />\r\n                <span>{{ $t(\"labels.man\") }}</span>\r\n              </div>\r\n              <div\r\n                class=\"gender-tile\"\r\n                @click=\"setGender(genderEnum.WOMAN)\"\r\n                :class=\"{ selected: gender === genderEnum.WOMAN }\"\r\n              >\r\n                <img src=\"@/assets/images/konfigurator_kobieta.svg\" alt=\"Ikona kobiety\" />\r\n                <span>{{ $t(\"labels.woman\") }}</span>\r\n              </div>\r\n              <div\r\n                class=\"gender-tile\"\r\n                @click=\"setGender(genderEnum.UNISEX)\"\r\n                :class=\"{ selected: gender === genderEnum.UNISEX }\"\r\n              >\r\n                <img src=\"@/assets/images/konfigurator_unisex.svg\" alt=\"Ikona unisex\" />\r\n                <span>{{ $t(\"labels.unisex\") }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </transition>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapFields } from \"vuex-map-fields\";\r\n\r\nimport \"./StepForm.scss\";\r\n\r\nimport { genderEnum } from \"@/enums/genderEnum\";\r\nimport setCookie from \"@/utils/setCookie\";\r\nimport updateUrlParams from \"@/router/middleware/updateUrlParamsMiddleware\";\r\nimport NumericInput from \"../App/NumericInput.vue\";\r\n\r\nexport default {\r\n  name: \"FirstStepForm\",\r\n  data() {\r\n    return {\r\n      genderEnum,\r\n      heightInputConfig: {\r\n        min: 100,\r\n        max: 240,\r\n        step: 1,\r\n        id: \"height\",\r\n        placeHolder: \"Wzrost\",\r\n        ref: \"heightInputNumber\",\r\n      },\r\n      ageInputConfig: {\r\n        min: 1,\r\n        max: 100,\r\n        step: 1,\r\n        id: \"age\",\r\n        placeHolder: \"Wiek\",\r\n        ref: \"ageInputNumber\",\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapFields([\"filters.age\", \"filters.height\", \"filters.gender\"]),\r\n  },\r\n  watch: {\r\n    // watch every filter value change and save it in cookies and URL parameters\r\n      age: function (newVal) {\r\n      setCookie(\"age\", +newVal, this);\r\n      updateUrlParams();\r\n      if (newVal < 12) {\r\n        this.gender = null;\r\n      }\r\n    },\r\n    height: function (newVal) {\r\n      setCookie(\"height\", +newVal, this);\r\n      updateUrlParams();\r\n    },\r\n      gender: function (newVal) {\r\n          setCookie(\"gender\", newVal == null ? null : +newVal, this);\r\n      updateUrlParams();\r\n    },\r\n  },\r\n  methods: {\r\n    handleDecreaseHeight: function (e) {\r\n      this.height--;\r\n    },\r\n    handleIncreaseHeight: function (e) {\r\n      this.height++;\r\n    },\r\n    handleDecreaseAge: function (e) {\r\n      this.age--;\r\n    },\r\n    handleIncreaseAge: function (e) {\r\n      this.age++;\r\n    },\r\n    setGender(param) {\r\n      this.gender = param;\r\n    },\r\n    // used in mounted hook. Retrieves filters values from browser cookies\r\n    getCookies() {\r\n      const age = this.$cookies.get(\"age\");\r\n      if (age) this.age = +age;\r\n\r\n      const height = this.$cookies.get(\"height\");\r\n      if (height) this.height = +height;\r\n\r\n      const gender = this.$cookies.get(\"gender\");\r\n      if (gender != null) this.gender = +gender;\r\n    },\r\n  },\r\n  mounted() {\r\n    // set filters values depending on cookies\r\n    this.getCookies();\r\n  },\r\n  components: {\r\n    NumericInput,\r\n  },\r\n  directives: {\r\n    focus: {\r\n      inserted(el) {\r\n        el.focus();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.fade-enter-active {\r\n  transition: 0.5s ease;\r\n}\r\n\r\n.fade-leave-active {\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.fade-enter,\r\n.fade-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(10px);\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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstStepForm.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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstStepForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FirstStepForm.vue?vue&type=template&id=22a98456&scoped=true&\"\nimport script from \"./FirstStepForm.vue?vue&type=script&lang=js&\"\nexport * from \"./FirstStepForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FirstStepForm.vue?vue&type=style&index=0&id=22a98456&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  \"22a98456\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"main-content-container\">\r\n    <app-header :step=\"1\" />\r\n    <div class=\"step\">\r\n      <div class=\"step-header\">\r\n        <h3>{{ $t(\"steps.step1\") }}</h3>\r\n      </div>\r\n      <first-step-form />\r\n      <result-info :bikesCount=\"bikesCount\" :bestSellers=\"areBestsellers\" />\r\n      <div class=\"step-actions\">\r\n        <a\r\n          class=\"btn-primary\"\r\n          @click=\"goToSecondStep\"\r\n          :class=\"{ disabled: filters.age >= 12 && filters.gender == null }\"\r\n        >\r\n          {{ $t(\"buttons.next\") }}\r\n        </a>\r\n      </div>\r\n      <div class=\"step-summary\" v-if=\"bikesReady && exampleBikesIds.length\">\r\n        <bike-tile-list\r\n          v-if=\"bikesReady && exampleBikesIds.length\"\r\n          :bikesIds=\"exampleBikesIds\"\r\n          :bikesCount=\"bikesCount\"\r\n        />\r\n        <span @click=\"goToAllResults\" class=\"step-summary-action-btn\">\r\n          {{ $t(\"buttons.seeAll\") }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n// vuex\r\nimport { mapFields } from \"vuex-map-fields\";\r\n\r\n// components\r\nimport AppHeader from \"@/components/App/AppHeader\";\r\nimport BikeTileList from \"@/components/Bikes/BikeTileList\";\r\nimport FirstStepForm from \"@/components/Forms/FirstStepForm\";\r\nimport ResultInfo from \"@/components/App/ResultInfo\";\r\n\r\n// css\r\nimport \"./Step.scss\";\r\n\r\nexport default {\r\n  name: \"FirstStep\",\r\n  data() {\r\n    return {\r\n      bikesCount: 0,\r\n      bikesIds: null,\r\n      exampleBikesIds: null,\r\n      bikesReady: false,\r\n      timeoutId: null,\r\n      areBestsellers: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapFields([\"filters\"]),\r\n  },\r\n  watch: {\r\n    // deep watch filters object in store.state\r\n    filters: {\r\n      deep: true,\r\n      async handler() {\r\n        // clear previous call\r\n        if (this.timeoutId != null) {\r\n          window.clearTimeout(this.timeoutId);\r\n        }\r\n\r\n        // wait 1 second and get bikes with current filters.\r\n        // this call will be canceled if during 1 second filters will be changed again\r\n        this.timeoutId = window.setTimeout(() => {\r\n          this.getBikesIds().then(() => {\r\n            this.setExampleBikes();\r\n          });\r\n        }, 1000);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    goToThirdStep: function () {\r\n      this.$router.push({ name: \"thirdStep\" });\r\n    },\r\n    goToAllResults: function () {\r\n      this.$router.push({ name: \"thirdStepAllResults\" });\r\n    },\r\n    setExampleBikes: function () {\r\n      this.exampleBikesIds = this.bikesIds.filter((bike, idx) => idx <= 8);\r\n    },\r\n    getBestsellerBikesIds: function () {\r\n      this.$store.dispatch(\"getBestsellerBikesIds\").then((res) => {\r\n        this.bikesCount = res.bikesCount;\r\n        this.bikesIds = res.bikesIds;\r\n        this.bikesReady = true;\r\n        this.setExampleBikes();\r\n      });\r\n    },\r\n    getBikesIds: async function () {\r\n      await this.$store.dispatch(\"getBikesIds\").then((res) => {\r\n        if (res.bikesCount === 0 && !res.bikesIds.length) {\r\n          this.getBestsellerBikesIds();\r\n          this.areBestsellers = true;\r\n        } else {\r\n          this.bikesCount = res.availableCount;\r\n          this.bikesIds = res.bikesIds;\r\n          this.setExampleBikes();\r\n          this.areBestsellers = false;\r\n          this.bikesReady = true;\r\n        }\r\n      });\r\n    },\r\n    goToSecondStep: function () {\r\n      if (this.filters.age < 12) {\r\n        this.$router.push({ name: \"secondStep\" });\r\n      } else {\r\n        if (this.filters.gender != null) {\r\n          this.$router.push({ name: \"secondStep\" });\r\n        }\r\n      }\r\n    },\r\n  },\r\n  async mounted() {\r\n    await this.getBikesIds();\r\n  },\r\n  components: {\r\n    AppHeader,\r\n    BikeTileList,\r\n    FirstStepForm,\r\n    ResultInfo,\r\n  },\r\n};\r\n</script>\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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstStep.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??ref--12-2!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstStep.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FirstStep.vue?vue&type=template&id=46693d54&\"\nimport script from \"./FirstStep.vue?vue&type=script&lang=js&\"\nexport * from \"./FirstStep.vue?vue&type=script&lang=js&\"\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","module.exports = __webpack_public_path__ + \"img/konfigurator_mezczyzna.c2d42c5c.svg\";","module.exports = __webpack_public_path__ + \"img/konfigurator_kobieta.345a25a7.svg\";","module.exports = __webpack_public_path__ + \"img/konfigurator_unisex.ce2cd67b.svg\";"],"sourceRoot":""}