{"version":3,"sources":["webpack:///./src/components/steps-faceless/SpecificationPopup.vue?f970","webpack:///./src/components/helps/CustomScroll.vue","webpack:///src/components/helps/CustomScroll.vue","webpack:///./src/components/helps/CustomScroll.vue?0931","webpack:///./src/components/helps/CustomScroll.vue?0375","webpack:///./src/components/steps-faceless/SpecificationPopup.vue","webpack:///src/components/steps-faceless/SpecificationPopup.vue","webpack:///./src/components/steps-faceless/SpecificationPopup.vue?4426","webpack:///./src/components/steps-faceless/SpecificationPopup.vue?42f2","webpack:///./src/components/helps/CustomScroll.vue?467e"],"names":["render","_vm","this","_c","_self","staticClass","_t","_m","staticRenderFns","name","methods","init","container","knob","dragging","x","y","window","event","mounted","component","_v","_s","$t","on","$event","$emit","_l","specs","specCol","key","spec","props","components","CloseCircle","CustomScroll"],"mappings":"mIAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACJ,EAAIK,GAAG,YAAY,GAAGL,EAAIM,GAAG,MAEzLC,EAAkB,CAAC,WAAY,IAAIP,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,+BCO9H,GACfI,oBACAC,SACAC,KADA,WAEA,wDACA,mDACA,qDAGAC,wCAEA,IAGAC,oEAGA,SACAA,4CACAC,GACAC,YACAC,gBAGAC,iDACA,MAEAC,mBACA,OACAH,gBACAC,iBAKA,uDACAH,mBAIAD,6DAEAE,GACAC,YACAC,iBAIAC,8CACAH,UAIAK,QArDA,WAsDA,cC/DmY,I,wBCQ/XC,EAAY,eACd,EACApB,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAY,E,oDCnBf,IAAIpB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACE,YAAY,6BAA6B,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGrB,EAAIsB,GAAG,4BAA4BpB,EAAG,cAAc,CAACqB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,MAAM,2BAA2BvB,EAAG,eAAe,CAACE,YAAY,+BAA+BJ,EAAI0B,GAAI1B,EAAI2B,OAAO,SAASC,EAAQC,GAAK,OAAO3B,EAAG,KAAK,CAAC2B,IAAIA,EAAIzB,YAAY,mCAAmCJ,EAAI0B,GAAIE,GAAS,SAASE,EAAKD,GAAK,OAAO3B,EAAG,KAAK,CAAC2B,IAAIA,EAAIzB,YAAY,oCAAoC,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGS,SAAW,MAAK,IAAI,IAEzmBvB,EAAkB,G,4CCUP,GACfC,0BACAuB,OACAJ,UAEAK,YACAC,uBAAA,wDACAC,4BCnByY,I,wBCQrYf,EAAY,eACd,EACApB,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAY,E,yFCnBf","file":"js/chunk-ae6f5586.ae79afab.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./SpecificationPopup.vue?vue&type=style&index=0&id=262436e8&prod&lang=sass&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"custom-scrollbar\"},[_c('div',{staticClass:\"custom-scrollbar__inner\"},[_vm._t(\"default\")],2),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"custom-scrollbar__bar\"},[_c('div',{staticClass:\"custom-scrollbar__knob\"})])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.custom-scrollbar\n  .custom-scrollbar__inner\n    slot\n  .custom-scrollbar__bar\n    .custom-scrollbar__knob\n</template>\n\n<script>\nexport default {\n  name: \"CustomScroll\",\n  methods: {\n    init() {\n      const knob = document.querySelector('.custom-scrollbar__knob')\n      const bar = document.querySelector('.custom-scrollbar__bar')\n      const container = document.querySelector('.custom-scrollbar__inner')\n\n// When the container is scrolled\n      container.addEventListener('scroll', () => {\n        // If we are dragging the knob, do nothing\n        if (dragging) return\n\n        // Otherwise, set the knob position based on the scroll position\n        knob.style.top = container.scrollTop / (container.scrollHeight - container.offsetHeight) * 100 + '%'\n      })\n\n      let dragging = false\n      knob.addEventListener('mousedown', (event) => {\n        dragging = {\n          x: event.clientX,\n          y: event.clientY\n        }\n      })\n      window.addEventListener('mousemove', (event) => {\n        if (dragging) {\n          // When dragging\n          event.preventDefault()\n          const diff = {\n            x: event.clientX - dragging.x,\n            y: event.clientY - dragging.y\n          }\n\n          // Clamp the position of the knob to be a maximum of\n          // the knobs container, and a minimum of 0\n          let newTop = Math.max(0, Math.min(knob.offsetTop + diff.y, bar.offsetHeight))\n          knob.style.top = newTop + 'px'\n\n          // Base the scroll offset on the knobs position\n          // in relation to the knobs container\n          container.scrollTop = newTop / bar.offsetHeight * (container.scrollHeight - container.offsetHeight)\n\n          dragging = {\n            x: event.clientX,\n            y: event.clientY\n          }\n        }\n      })\n      window.addEventListener('mouseup', () => {\n        dragging = false\n      })\n    }\n  },\n  mounted() {\n    this.init()\n  }\n}\n</script>\n\n<style lang=\"sass\">\n.custom-scrollbar\n  position: relative\n  overflow: hidden\n\n.custom-scrollbar__inner\n  height: 100%\n  width: calc(100% + 40px) // Larger than container\n  padding-right: 64px // Scrollbar hangs out in this padding\n  overflow-y: auto\n  -webkit-overflow-scrolling: touch\n\n.custom-scrollbar__bar\n  position: absolute\n  top: 16px\n  bottom: 16px\n  background: #000000\n  width: 4px\n  right: 20px\n  border-radius: 4px\n\n.custom-scrollbar__knob\n  position: absolute\n  top: 0\n  left: 50%\n  width: 32px\n  height: 10px\n  border-radius: 10px\n  background: #efdf00\n  transform: translate(-50%, -50%)\n  will-change: top\n\n</style>","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--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomScroll.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--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomScroll.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomScroll.vue?vue&type=template&id=03691bea&lang=pug&\"\nimport script from \"./CustomScroll.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomScroll.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomScroll.vue?vue&type=style&index=0&id=03691bea&prod&lang=sass&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"specification-popup\"},[_c('h2',{staticClass:\"specification-popup-title\"},[_vm._v(_vm._s(_vm.$t('stepGeneral.specList')))]),_c('CloseCircle',{on:{\"click\":function($event){return _vm.$emit('closeSpecifications')}}}),_c('CustomScroll',{staticClass:\"specification-popup-content\"},_vm._l((_vm.specs),function(specCol,key){return _c('ul',{key:key,staticClass:\"specification-popup-content-col\"},_vm._l((specCol),function(spec,key){return _c('li',{key:key,staticClass:\"specification-popup-content-item\"},[_vm._v(_vm._s(spec))])}),0)}),0)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\ndiv.specification-popup\n  h2.specification-popup-title {{ $t('stepGeneral.specList') }}\n  CloseCircle(@click=\"$emit('closeSpecifications')\")\n  CustomScroll.specification-popup-content\n      ul.specification-popup-content-col(v-for=\"(specCol, key) in specs\" :key=\"key\")\n        li.specification-popup-content-item(v-for=\"(spec, key) in specCol\" :key=\"key\") {{ spec }}\n</template>\n\n<script>\nimport CustomScroll from \"@/components/helps/CustomScroll\";\n\nexport default {\n  name: \"SpecificationPopup\",\n  props: {\n    specs: []\n  },\n  components: {\n     CloseCircle: () => import('@/components/steps-faceless/CloseCircle'),\n    CustomScroll\n  },\n}\n</script>\n\n<style lang=\"sass\">\n  .specification-popup-title\n    font-style: normal\n    font-weight: normal\n    font-size: 30px\n    line-height: 36px\n    align-items: center\n    text-align: center\n    letter-spacing: 0.07em\n    text-transform: uppercase\n    color: rgba(0, 0, 0, 0.8)\n    margin-bottom: 36px\n  .specification-popup\n    border: 1px solid rgba(58, 57, 57, 0.4)\n    position: absolute\n    width: calc(100% - 30px)\n    height: calc(100% - 30px)\n    background: rgba(255, 255, 255, 0.85)\n    top: 15px\n    left: 15px\n    backdrop-filter: blur(15px)\n    padding: 25px\n    z-index: 9\n  .specification-popup-content-item\n    font-size: 14px\n    color: rgba(58, 57, 57, 0.8)\n    line-height: 20px\n    max-width: 360px\n    margin-bottom: 10px\n  .specification-popup-content\n    width: 90%\n    max-width: 1320px\n    margin: auto\n    height: 575px\n    .custom-scrollbar__inner\n      display: flex\n</style>","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--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./SpecificationPopup.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--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./SpecificationPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpecificationPopup.vue?vue&type=template&id=262436e8&lang=pug&\"\nimport script from \"./SpecificationPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./SpecificationPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpecificationPopup.vue?vue&type=style&index=0&id=262436e8&prod&lang=sass&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomScroll.vue?vue&type=style&index=0&id=03691bea&prod&lang=sass&\""],"sourceRoot":""}