{"version":3,"sources":["webpack:///./src/components/Timelines/RangeSlider.vue?a397","webpack:///./src/components/Timelines/RangeSlider.vue?b589","webpack:///src/components/Timelines/RangeSlider.vue","webpack:///./src/components/Timelines/RangeSlider.vue?3e0e","webpack:///./src/components/Timelines/RangeSlider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticStyle","directives","name","rawName","value","expression","modifiers","staticClass","style","left","tooltipPosition","_v","_s","tooltipValue","attrs","endValue","disabled","domProps","on","$event","changeValue","autoInsert","inputValue","target","_l","positionAndLabel","i","key","refInFor","thumbPosition","staticRenderFns","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,OAAOC,YAAY,CAAC,OAAS,OAAO,MAAQ,SAAS,CAACH,EAAG,MAAM,CAACI,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,iBAAiBC,MAAOX,EAA8B,2BAAEY,WAAW,6BAA6BC,UAAU,CAAC,MAAO,KAAQP,IAAI,eAAeQ,YAAY,iBAAiBC,MAAM,CAAGC,KAAMhB,EAAIiB,kBAAoB,CAACjB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,cAAc,OAAOhB,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAc,WAAEY,WAAW,eAAeS,MAAM,CAAC,KAAO,QAAQ,IAAM,IAAI,IAAMrB,EAAIsB,SAAS,SAAWtB,EAAIuB,UAAUC,SAAS,CAAC,MAASxB,EAAc,YAAGyB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1B,EAAI2B,eAAe,OAAS,SAASD,GAAQ,OAAO1B,EAAI4B,cAAc,IAAM,SAASF,GAAQ1B,EAAI6B,WAAWH,EAAOI,OAAOnB,UAAUP,EAAG,MAAM,CAACE,IAAI,oBAAoBQ,YAAY,sBAAsBV,EAAG,MAAM,CAACE,IAAI,YAAYQ,YAAY,qBAAqBd,EAAI+B,GAAI/B,EAAqB,mBAAE,SAASgC,EAAiBC,GAAG,OAAO7B,EAAG,MAAM,CAAC8B,IAAID,EAAE3B,IAAI,OAAS2B,EAAEE,UAAS,EAAKrB,YAAY,wBAAuB,GAAGV,EAAG,MAAM,CAACE,IAAI,cAAcQ,YAAY,4BAA4Bd,EAAI+B,GAAI/B,EAAqB,mBAAE,SAASgC,EAAiBC,GAAG,OAAO7B,EAAG,MAAM,CAAC8B,IAAID,EAAE3B,IAAI,cAAgB2B,EAAEE,UAAS,EAAKrB,YAAY,+BAA8B,GAAGV,EAAG,MAAM,CAACE,IAAI,cAAcQ,YAAY,sBAAsBC,MAAM,CAAGC,KAAMhB,EAAIoC,oBAC15CC,EAAkB,GCyDtB,GACA,mBACA,OACA,QACA,YACA,aAEA,UACA,YACA,aAEA,OACA,aAEA,aACA,YACA,YACA,mBAEA,UACA,aACA,YAEA,mBACA,aACA,aAEA,yBACA,YACA,cAGA,OACA,OACA,aACA,sBAGA,UACA,eAEA,GADA,8BACA,iCACA,QACA,CACA,gBACA,oBAEA,+EAEA,CACA,QACA,CACA,eACA,wBAEA,iFAIA,6BACA,sCACA,qDACA,CACA,6BACA,yCAEA,uCACA,CACA,qCACA,mCAGA,CACA,uCACA,oCAIA,6FACA,iDAEA,oBACA,qCAEA,oBACA,qCAEA,oBACA,oCAEA,eACA,wCACA,sCAGA,sBACA,yEAEA,kBACA,iDACA,GACA,oDACA,iDACA,+DACA,0BACA,uDACA,sDACA,iBACA,gBACA,0BATA,MAYA,GACA,oDACA,iDACA,+DACA,0BACA,uDACA,sDACA,iBACA,gBACA,0BATA,MAYA,gBACA,wDACA,4BADA,MAIA,aACA,gCACA,IACA,4BACA,KACA,KAEA,gCACA,IACA,OACA,gBACA,iBAEA,KACA,KAEA,sCACA,QACA,eACA,EACA,eACA,EAEA,OAGA,SACA,cACA,wBACA,4CAGA,uBACA,QACA,IACA,iDACA,iCACA,iBACA,EACA,eAEA,aACA,4BACA,wBACA,qBACA,4BACA,wBAGA,4BACA,4CAGA,qBAGA,gBACA,mCACA,oBACA,kCAGA,uCACA,uCACA,qCACA,8CAEA,yCACA,uBAEA,qCACA,4EAEA,yDAEA,+FAEA,uEAIA,OACA,SACA,0CAEA,WACA,0CAEA,oBACA,wBACA,uCACA,kDACA,iDAEA,uCACA,iDACA,mDAIA,UACA,2DACA,qBACA,6BAEA,eACA,0CACA,SACA,2CAEA,QACA,gDACA,UACA,kDC5SoW,I,wBCQhWC,EAAY,eACd,EACAvC,EACAsC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-b976928a.6b26e013.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RangeSlider.vue?vue&type=style&index=0&id=b8989b6e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"main\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\"}},[_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.down\",value:(_vm.getTooltipForSliderTooltip),expression:\"getTooltipForSliderTooltip\",modifiers:{\"down\":true}}],ref:\"tooltipPanel\",staticClass:\"slider-tooltip\",style:({ left: _vm.tooltipPosition })},[_vm._v(\" \"+_vm._s(_vm.tooltipValue)+\" \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],attrs:{\"type\":\"range\",\"min\":\"0\",\"max\":_vm.endValue,\"disabled\":_vm.disabled},domProps:{\"value\":(_vm.inputValue)},on:{\"input\":function($event){return _vm.changeValue()},\"change\":function($event){return _vm.autoInsert()},\"__r\":function($event){_vm.inputValue=$event.target.value}}}),_c('div',{ref:\"historicalTooltip\",staticClass:\"historicalTooltip\"}),_c('div',{ref:\"realSteps\",staticClass:\"slider-marks-step\"},_vm._l((_vm.positionAndLabels),function(positionAndLabel,i){return _c('div',{key:i,ref:'mark' + i,refInFor:true,staticClass:\"slider-mark-step\"})}),0),_c('div',{ref:\"trickySteps\",staticClass:\"slider-marks-step-tricky\"},_vm._l((_vm.positionAndLabels),function(positionAndLabel,i){return _c('div',{key:i,ref:'mark-tricky' + i,refInFor:true,staticClass:\"slider-mark-step-tricky\"})}),0),_c('div',{ref:\"sliderThumb\",staticClass:\"slider-thumb-tricky\",style:({ left: _vm.thumbPosition })})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    style=\"height: 100%; width: 100%\"\n    ref=\"main\"\n  >\n    <div\n      class=\"slider-tooltip\"\n      ref=\"tooltipPanel\"\n      v-tooltip.down=\"getTooltipForSliderTooltip\"\n      :style=\"{ left: tooltipPosition }\"\n    >\n      {{ tooltipValue }}\n    </div>\n    <input\n      type=\"range\"\n      min=\"0\"\n      :max=\"endValue\"\n      v-model=\"inputValue\"\n      @input=\"changeValue()\"\n      @change=\"autoInsert()\"\n      :disabled=\"disabled\"\n    />\n    <div\n      class=\"historicalTooltip\"\n      ref=\"historicalTooltip\"\n    ></div>\n    <div\n      class=\"slider-marks-step\"\n      ref=\"realSteps\"\n    >\n      <div\n        v-for=\"(positionAndLabel, i) in positionAndLabels\"\n        :key=\"i\"\n        class=\"slider-mark-step\"\n        :ref=\"'mark' + i\"\n      ></div>\n    </div>\n    <!-- Из-за недостатка html2canvas нам нужно заменять svg элементы на блочные при экспорте в фото -->\n    <div\n      class=\"slider-marks-step-tricky\"\n      ref=\"trickySteps\"\n    >\n      <div\n        v-for=\"(positionAndLabel, i) in positionAndLabels\"\n        :key=\"i\"\n        class=\"slider-mark-step-tricky\"\n        :ref=\"'mark-tricky' + i\"\n      ></div>\n    </div>\n    <div\n      class=\"slider-thumb-tricky\"\n      ref=\"sliderThumb\"\n      :style=\"{ left: thumbPosition }\"\n    ></div>\n  </div>\n</template>\n<!--  -->\n<script>\nexport default {\n  name: \"RangeSlider\",\n  props: {\n    labels: {\n      type: Object,\n      required: true,\n    },\n    endValue: {\n      type: Number,\n      required: true,\n    },\n    value: {\n      required: true,\n    },\n    tooltipMode: {\n      type: String,\n      required: false,\n      default: \"default\",\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    isExportingToJpeg: {\n      type: Boolean,\n      required: true,\n    },\n    currentEmissionScenario: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      inputValue: 0,\n      tooltipPanelWidth: 0,\n    };\n  },\n  computed: {\n    tooltipValue() {\n      console.log(this.tooltipMode)\n      if (this.tooltipMode === \"historical\") {\n        const desciption =\n        {\n          en: \"Historical\",\n          ua: \"Спостереження\"\n        }\n        return `${this.closestLabelValue} (${desciption[this.$store.state.LangState.currLang]})`;\n      }\n      else {\n        const desciption =\n        {\n          en: \"Projected\",\n          ua: \"Кліматична модель\"\n        }\n        return `${this.closestLabelValue} (${desciption[this.$store.state.LangState.currLang]})`;\n      }\n      return `${this.closestLabelValue}`;\n    },\n    getTooltipForSliderTooltip() {\n      if (this.tooltipMode === \"historical\") {\n        if (parseInt(this.closestLabelValue.split(\"-\")[1]) <= 2021) {\n          return {\n            en: \"Based on grid 0.1°x0.1°\",\n            ua: \"Усереднені дані за сіткою 0,1х0,1°\"\n          };\n        } else if (this.currentEmissionScenario === \"rcp85\") {\n          return {\n            en: \"Based on high emissons scenario\",\n            ua: \"За сценарієм високих викидів\"\n          };\n        } else {\n          return {\n            en: \"Based on middle emissons scenario\",\n            ua: \"За сценарієм середніх викидів\"\n          };\n        }\n      }\n      if (this.$store.state.LangState.currLang == 'en') return \"Based on observed homogenized interpolated data\";\n      else return \"Середнє значення ансамблю кліматичних моделей\"\n    },\n    currentLabelValue() {\n      return this.labels[this.inputValue];\n    },\n    closestLabelValue() {\n      return this.labels[this.getClosest];\n    },\n    positionAndLabels() {\n      return Object.entries(this.labels);\n    },\n    currentIndex() {\n      return this.positionAndLabels.findIndex(\n        (positionAndLabel) => parseInt(positionAndLabel[0]) === this.getClosest\n      );\n    },\n    currentRootFontSize() {\n      return parseFloat(document.querySelector(\":root\").style.fontSize) || 13.5;\n    },\n    tooltipPosition() {\n      if (this.$store.state.LangState.currLang == 'en')\n        return `${9 -\n          (this.currentIndex >= this.positionAndLabels.length / 2\n            ? ((this.currentIndex - 1) * -3) / this.currentRootFontSize\n            : this.currentIndex < Math.floor(this.positionAndLabels.length / 3)\n              ? (this.currentIndex + 2) * -0.4\n              : ((this.currentIndex - 1) * -8.4) / this.currentRootFontSize) +\n          (((this.$refs.main ? this.$refs.main.clientWidth : 540) - 24) *\n            (100 / 100 / this.endValue) *\n            this.inputValue -\n            this.tooltipPanelWidth / 2)\n          }px`;\n      else\n        return `${-2 -\n          (this.currentIndex >= this.positionAndLabels.length / 2\n            ? ((this.currentIndex - 1) * -3) / this.currentRootFontSize\n            : this.currentIndex < Math.floor(this.positionAndLabels.length / 3)\n              ? (this.currentIndex + 2) * -0.4\n              : ((this.currentIndex - 1) * -8.4) / this.currentRootFontSize) +\n          (((this.$refs.main ? this.$refs.main.clientWidth : 540) - 24) *\n            (100 / 100 / this.endValue) *\n            this.inputValue -\n            this.tooltipPanelWidth / 2)\n          }px`;\n    },\n    thumbPosition() {\n      return `${parseFloat(this.tooltipPosition.split(\"px\")[0]) +\n        (this.tooltipPanelWidth / 2 - 8)\n        }px`;\n    },\n    getClosest() {\n      let currentMinValue = parseInt(this.inputValue);\n      let minValueStep = 0;\n      while (!this.labels[currentMinValue] && currentMinValue >= 0) {\n        minValueStep += 1;\n        currentMinValue -= 1;\n      }\n      let currentMaxValue = parseInt(this.inputValue);\n      let maxValueStep = 0;\n      while (\n        !this.labels[currentMaxValue] &&\n        currentMaxValue <= this.endValue\n      ) {\n        maxValueStep += 1;\n        currentMaxValue += 1;\n      }\n      if (this.labels[currentMinValue] && this.labels[currentMaxValue]) {\n        return minValueStep > maxValueStep ? currentMaxValue : currentMinValue;\n      } else if (this.labels[currentMinValue]) {\n        return currentMinValue;\n      } else if (this.labels[currentMaxValue]) {\n        return currentMaxValue;\n      }\n      return null;\n    },\n  },\n  methods: {\n    changeValue() {\n      if (this.currentLabelValue) {\n        this.$emit(\"input\", this.currentLabelValue);\n      }\n    },\n    calculateMarkLeft(position, i) {\n      const correctPosition =\n        11 -\n        (i >= this.positionAndLabels.length / 2 ? i * 1.8 : i * 1.6) +\n        (this.$refs.main.clientWidth - 24) *\n        (100 / 100 / this.endValue) *\n        position;\n      return `${correctPosition}px`;\n    },\n    autoInsert() {\n      if (!this.currentLabelValue) {\n        const closestVal = this.getClosest;\n        if (closestVal < this.inputValue) {\n          while (this.inputValue - closestVal !== 0) {\n            this.inputValue -= 1;\n          }\n        } else {\n          while (closestVal - this.inputValue !== 0) {\n            this.inputValue = parseInt(this.inputValue) + 1;\n          }\n        }\n        this.changeValue();\n      }\n    },\n    generateScale() {\n      this.positionAndLabels.forEach((positionAndLabel) => {\n        if (positionAndLabel[1] === this.value) {\n          this.inputValue = parseInt(positionAndLabel[0]);\n        }\n      });\n      this.positionAndLabels.forEach((positionAndLabel, i) => {\n        const markLeft = this.calculateMarkLeft(positionAndLabel[0], i);\n        this.$refs[`mark${i}`][0].style.left = markLeft;\n        this.$refs[`mark-tricky${i}`][0].style.left = markLeft;\n      });\n      const histEnd = this.positionAndLabels.findIndex(\n        (positionAndLabel) => positionAndLabel[1] === \"2011-2020\"\n      );\n      if (histEnd === this.positionAndLabels.length - 1) {\n        this.$refs.historicalTooltip.style.width = `${this.$refs.main.clientWidth - 2\n          }px`;\n        this.$refs.historicalTooltip.style.borderRadius = \"10px\";\n      } else {\n        this.$refs.historicalTooltip.style.width = `${parseFloat(this.$refs[`mark${histEnd}`][0].style.left) + 6\n          }px`;\n        this.$refs.historicalTooltip.style.borderRadius = \"10px 0px 0px 10px\";\n      }\n    },\n  },\n  watch: {\n    labels() {\n      this.$nextTick(() => this.generateScale());\n    },\n    endValue() {\n      this.$nextTick(() => this.generateScale());\n    },\n    isExportingToJpeg() {\n      if (this.isExportingToJpeg) {\n        this.$refs.sliderThumb.style.opacity = 1;\n        this.$refs.trickySteps.style.visibility = \"visible\";\n        this.$refs.realSteps.style.visibility = \"hidden\";\n      } else {\n        this.$refs.sliderThumb.style.opacity = 0;\n        this.$refs.trickySteps.style.visibility = \"hidden\";\n        this.$refs.realSteps.style.visibility = \"visible\";\n      }\n    },\n  },\n  mounted() {\n    this.tooltipPanelWidth = this.$refs.tooltipPanel.clientWidth;\n    this.generateScale();\n    const { width } = window.screen; // Для сайта\n    // Медиа-запросы для лучшего вида\n    if (width <= 1025 && width > 800) {\n      this.$refs.tooltipPanel.style.top = \"-25px\";\n    } else if (width <= 800) {\n      this.$refs.tooltipPanel.style.top = \"-20px\";\n    }\n    if (width <= 1080) {\n      this.$refs.historicalTooltip.style.top = \"0.75px\";\n    } else if (width >= 1440) {\n      this.$refs.historicalTooltip.style.top = \"0.5px\";\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\ninput[type=\"range\"] {\n  height: 100%;\n  border-radius: calc(#{$map-discret-slider-height} / 2);\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  border: 1px solid $main-darkbrown;\n  border-width: 1px 0.5px 1px 2px;\n}\n\ninput[type=\"range\"]:focus {\n  input[type=\"range\"]::-webkit-slider-thumb {\n    box-shadow: 1px 1px 3px $main-blue;\n  }\n\n  outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: $map-discret-slider-height;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  box-shadow: 1px 1px 1px $main-darkbrown;\n  background: $main-white;\n  border-radius: calc(#{$map-discret-slider-height} / 2);\n  border: 1px solid $main-darkbrown;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  box-shadow: 1px 1px 2px $main-darkbrown;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  width: $map-discret-slider-height;\n  border-radius: 50%;\n  background: $main-brown;\n  cursor: pointer;\n  position: relative;\n  z-index: 5;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: 0px;\n}\n\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\n  background: $main-white;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  width: 100%;\n  height: $map-discret-slider-height;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  box-shadow: 1px 1px 1px $main-darkbrown;\n  background: $main-white;\n  border-radius: calc(#{$map-discret-slider-height} / 2);\n  border: 1px solid $main-darkbrown;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  box-shadow: 1px 1px 2px $main-darkbrown;\n  border: 0px solid $main-darkbrown;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  width: calc(#{$map-discret-slider-height} - 1px);\n  border-radius: 50%;\n  background: $main-white;\n  cursor: pointer;\n}\n\ninput[type=\"range\"]::-ms-track {\n  width: 100%;\n  height: $map-discret-slider-height;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n\ninput[type=\"range\"]::-ms-fill-lower {\n  background: $main-white;\n  border: 1px solid $main-darkbrown;\n  border-radius: 16px;\n  box-shadow: 1px 1px 1px $main-darkbrown;\n}\n\ninput[type=\"range\"]::-ms-fill-upper {\n  background: $main-white;\n  border: 1px solid $main-darkbrown;\n  border-radius: 16px;\n  box-shadow: 1px 1px 1px $main-darkbrown;\n}\n\ninput[type=\"range\"]::-ms-thumb {\n  margin-top: 1px;\n  box-shadow: 1px 1px 2px $main-darkbrown;\n  border: 0px solid $main-darkbrown;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  width: calc(#{$map-discret-slider-height} - 1px);\n  border-radius: 50%;\n  background: $main-white;\n  cursor: pointer;\n}\n\ninput[type=\"range\"]:focus::-ms-fill-lower {\n  background: $main-white;\n}\n\ninput[type=\"range\"]:focus::-ms-fill-upper {\n  background: $main-white;\n}\n\n.slider-mark-step-tricky {\n  width: 1px;\n  margin-right: 1px;\n  position: relative;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  border-radius: 0%;\n  background-color: $main-darkbrown;\n  // width: 2px;\n  // position: relative;\n  // height: 19px;\n  // border-radius: 0%;\n  // background-image: url(\"../../assets/images/stick.svg\");\n  // background-repeat: no-repeat;\n  // background-size: contain;\n}\n\n.slider-mark-step {\n  width: 2px;\n  // width: 2px;\n  position: relative;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  border-radius: 0%;\n  background-image: url(\"../../assets/images/stick.svg\");\n  // background-image: url(\"data:image/svg+xml,<svg width='2' height='103' viewBox='0 0 2 103' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 0V103' stroke='rgb(0, 0, 0)' /></svg>\");\n  background-repeat: no-repeat;\n  // background-size: 50% 100%;\n  background-size: contain;\n}\n\n.slider-marks-step,\n.slider-marks-step-tricky {\n  pointer-events: none;\n  height: calc(#{$map-discret-slider-height} - 1px);\n  position: relative;\n  top: calc(#{$map-discret-slider-height} - ((#{$map-discret-slider-height} * 2) + 0.2557142857142857rem)); //  3.5px / 13.5\n  width: 100%;\n  display: flex;\n}\n\n.slider-marks-step-tricky {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n}\n\n.slider-tooltip {\n  position: absolute;\n  background-color: $main-white;\n  border: 1px solid $main-darkbrown;\n  border-radius: calc(#{$map-discret-slider-height} / 2);\n  width: fit-content;\n  padding: 0.0714285714285714rem 0.3571428571428571rem 0.1428571428571429rem; //  1px / 14 5px / 14\n  color: $main-darkbrown;\n  // font-size: 12.5px;\n  font-size: $control-panel-font-size-small;\n  top: -30px;\n  white-space: nowrap;\n}\n\n.slider-tooltip::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc(#{$map-discret-slider-height} - 0.0714285714285714rem); //  1px / 14\n  left: calc(50% - 0.3571428571428571rem); //  5px / 14\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 0.4285714285714286rem 0.3571428571428571rem 0 0.3571428571428571rem; //  6px 5px 0 5px\n  border-color: $main-darkbrown transparent transparent transparent;\n}\n\n.historicalTooltip {\n  background-color: $main-blue;\n  height: calc(#{$map-discret-slider-height} - 1.5px);\n  pointer-events: none;\n  border-radius: 0.5714285714285714rem 0px 0px 0.5714285714285714rem; //  8px / 14\n  position: absolute;\n  top: 0.5px;\n  left: 0.5px;\n  transition: width 0.5s ease-in-out 0s;\n}\n\n// @media (max-width: 1080px) {\n//   .historicalTooltip {\n//     top: 0.75px;\n//   }\n// }\n// @media (max-width: 1280px) {\n//   .historicalTooltip {\n//     top: 0.5px;\n//   }\n// }\n// @media (max-width: 1366px) {\n//   .historicalTooltip {\n//     top: 1px;\n//   }\n// }\n// @media (max-width: 1440px) {\n//   .historicalTooltip {\n//     top: 1px;\n//   }\n// }\n// @media (min-width: 1600px) {\n//   .historicalTooltip {\n//     top: 0.5px;\n//   }\n// }\n.slider-thumb-tricky {\n  height: calc(#{$map-discret-slider-height} - 1px);\n  width: $map-discret-slider-height;\n  border-radius: 50%;\n  background: $main-brown;\n  cursor: pointer;\n  position: absolute;\n  top: 1px;\n  z-index: 6;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: 0px;\n  opacity: 0;\n  pointer-events: none;\n  box-shadow: 1px 1px 2px $main-darkbrown;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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-loader/lib/index.js??vue-loader-options!./RangeSlider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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-loader/lib/index.js??vue-loader-options!./RangeSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RangeSlider.vue?vue&type=template&id=b8989b6e&scoped=true&\"\nimport script from \"./RangeSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./RangeSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RangeSlider.vue?vue&type=style&index=0&id=b8989b6e&lang=scss&scoped=true&\"\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  \"b8989b6e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}