{"version":3,"sources":["webpack:///./src/components/Map/Tooltips/CustomScale.vue?96fa","webpack:///./src/components/Map/Tooltips/CustomScale.vue?fcba","webpack:///src/components/Map/Tooltips/CustomScale.vue","webpack:///./src/components/Map/Tooltips/CustomScale.vue?c279","webpack:///./src/components/Map/Tooltips/CustomScale.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","_l","labelObj","key","id","style","width","getAllLabels","length","backgroundColor","getAllColors","borderWidth","refInFor","_v","_s","label","title","description","staticRenderFns","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,QAAQC,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,mBAAmB,CAACG,YAAY,eAAeC,MAAM,CAAC,KAAO,cAAc,IAAM,QAAQR,EAAIS,GAAIT,EAAgB,cAAE,SAASU,GAAU,OAAON,EAAG,MAAM,CAACO,IAAID,EAASE,GAAGL,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgBM,MAAM,CAC5ZC,MACEJ,EAASE,KAAOZ,EAAIe,aAAaC,OAAS,EACtC,IACA,uBACNC,gBAAiBjB,EAAIkB,aAAaR,EAASE,IAC3CO,YACET,EAASE,KAAOZ,EAAIe,aAAaC,OAAS,EACtC,IACgB,IAAhBN,EAASE,GACT,MACA,mBACHR,EAAG,MAAM,CAACE,IAAK,QAAWI,EAAW,GAAGU,UAAS,EAAKb,YAAY,iBAAiB,CAACH,EAAG,IAAI,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGZ,EAASa,iBAAgB,IAAI,GAAGnB,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,IAAI,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIwB,YAAYpB,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,IAAI,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIyB,qBAC3RC,EAAkB,GC4BtB,GACA,mBACA,OACA,MACA,YACA,YACA,oBAEA,YACA,YACA,YACA,aACA,CACA,mCACA,uCAIA,UACA,YACA,aAEA,UACA,YACA,aAEA,UACA,YACA,aAEA,UACA,YACA,aAEA,YACA,YACA,aAEA,OACA,YACA,aAEA,aACA,aAEA,yBACA,YACA,cAGA,OACA,OACA,eACA,0BACA,0BACA,8BACA,4BAGA,UACA,eACA,yBACA,WACA,QACA,0BACA,IACA,yBACA,oBACA,iBAEA,uBACA,UAEA,0BACA,IACA,uBACA,sBACA,iBAEA,uBACA,KAGA,UAEA,eACA,WAyCA,OAxCA,kCACA,IACA,EADA,OAEA,yBACA,6BACA,QACA,EACA,sDACA,2BACA,2BACA,KACA,2CACA,MACA,yBACA,iCACA,oBAEA,sBAGA,MACA,2CACA,gBACA,yBACA,iCACA,oBAEA,sBAIA,IACA,cACA,YAEA,mBACA,qBAEA,YAEA,IAGA,SACA,gBACA,kBACA,wBACA,QACA,0DACA,iDACA,YACA,MAGA,mBAEA,uBACA,4CACA,oCACA,0CADA,MAKA,oBACA,kDACA,kDACA,sDACA,oDAGA,OACA,eACA,4CAGA,UACA,8BC5MmX,I,wBCQ/WC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-6a3f308b.6b554cc2.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!./CustomScale.vue?vue&type=style&index=0&id=e40e0aca&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"scale\",staticClass:\"wrapper\"},[_c('div',{staticClass:\"scale\"},[_c('transition-group',{staticClass:\"custom-table\",attrs:{\"name\":\"scale-items\",\"tag\":\"div\"}},_vm._l((_vm.getAllLabels),function(labelObj){return _c('div',{key:labelObj.id,staticClass:\"label-color-wrapper\"},[_c('div',{staticClass:\"color-wrapper\",style:({\n            width:\n              labelObj.id === _vm.getAllLabels.length - 1\n                ? '0'\n                : '2.285714285714286rem',\n            backgroundColor: _vm.getAllColors[labelObj.id],\n            borderWidth:\n              labelObj.id === _vm.getAllLabels.length - 1\n                ? '0'\n                : labelObj.id === 0\n                ? '1px'\n                : '1px 1px 1px 0',\n          })}),_c('div',{ref:(\"label\" + (labelObj.id)),refInFor:true,staticClass:\"label-wrapper\"},[_c('p',[_vm._v(_vm._s(labelObj.label))])])])}),0)],1),_c('div',{staticClass:\"title\"},[_c('p',[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"description\"},[_c('p',[_vm._v(_vm._s(_vm.description))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\" ref=\"scale\">\n    <div class=\"scale\">\n      <transition-group name=\"scale-items\" class=\"custom-table\" tag=\"div\">\n        <div\n          v-for=\"labelObj in getAllLabels\"\n          :key=\"labelObj.id\"\n          class=\"label-color-wrapper\"\n        >\n          <div\n            class=\"color-wrapper\"\n            :style=\"{\n              width:\n                labelObj.id === getAllLabels.length - 1\n                  ? '0'\n                  : '2.285714285714286rem',\n              backgroundColor: getAllColors[labelObj.id],\n              borderWidth:\n                labelObj.id === getAllLabels.length - 1\n                  ? '0'\n                  : labelObj.id === 0\n                  ? '1px'\n                  : '1px 1px 1px 0',\n            }\"\n          ></div>\n          <div class=\"label-wrapper\" :ref=\"`label${labelObj.id}`\">\n            <p>{{ labelObj.label }}</p>\n          </div>\n        </div>\n      </transition-group>\n    </div>\n    <div class=\"title\">\n      <p>{{ title }}</p>\n    </div>\n    <div class=\"description\">\n      <p>{{ description }}</p>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CustomScale\",\n  props: {\n    mode: {\n      type: String,\n      required: false,\n      default: \"cold2hot\",\n    },\n    rgbaColors: {\n      type: Object,\n      required: false,\n      default: () => {\n        return {\n          minValueColor: \"rgba(7, 47, 97, 1)\",\n          maxValueColor: \"rgba(105, 0, 33, 1)\",\n        };\n      },\n    },\n    stepSize: {\n      type: Number,\n      required: true,\n    },\n    minValue: {\n      type: Number,\n      required: true,\n    },\n    maxValue: {\n      type: Number,\n      required: true,\n    },\n    endValue: {\n      type: Number,\n      required: true,\n    },\n    startValue: {\n      type: Number,\n      required: true,\n    },\n    title: {\n      type: String,\n      required: true,\n    },\n    description: {\n      required: true,\n    },\n    currentEmissionScenario: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      claimedZero: false,\n      newMaxValue: this.maxValue,\n      newMinValue: this.minValue,\n      newStartValue: this.startValue,\n      newEndValue: this.endValue,\n    };\n  },\n  computed: {\n    getAllLabels() {\n      this.updateMaxMinValue();\n      const labels = [];\n      let id = 0;\n      if (this.mode === \"cold2hot\") {\n        for (\n          let i = this.newStartValue;\n          i <= this.newEndValue;\n          i += this.stepSize\n        ) {\n          labels.push({ label: i, id });\n          id += 1;\n        }\n      } else if (this.mode === \"hot2cold\") {\n        for (\n          let i = this.newEndValue;\n          i >= this.newStartValue;\n          i -= this.stepSize\n        ) {\n          labels.push({ label: i, id });\n          id += 1;\n        }\n      }\n      return labels;\n    },\n    getAllColors() {\n      const colors = [];\n      this.getAllLabels.forEach((labelObj, i) => {\n        let color = null;\n        let correctOpacity;\n        const value = this.claimedZero\n          ? this.getAllLabels[i + 1].label\n          : labelObj.label;\n        const biggestValueModule =\n          Math.abs(this.newMaxValue) > Math.abs(this.newMinValue)\n            ? Math.abs(this.newMaxValue)\n            : Math.abs(this.newMinValue);\n        if (value > 0) {\n          color = this.rgbaColors.maxValueColor.split(\",\");\n          correctOpacity = value / biggestValueModule;\n          if (this.mode === \"hot2cold\") {\n            if (this.getAllLabels[i + 1].label === 0) {\n              this.claimedZero = true;\n            } else {\n              this.claimedZero = false;\n            }\n          }\n        } else if (value < 0) {\n          color = this.rgbaColors.minValueColor.split(\",\");\n          correctOpacity = Math.abs(value) / biggestValueModule;\n          if (this.mode === \"cold2hot\") {\n            if (this.getAllLabels[i + 1].label === 0) {\n              this.claimedZero = true;\n            } else {\n              this.claimedZero = false;\n            }\n          }\n        }\n        if (color) {\n          color[3] = ` ${correctOpacity})`;\n          color = color.join();\n        }\n        if (value >= this.endValue) {\n          this.claimedZero = false;\n        }\n        colors.push(color);\n      });\n      return colors;\n    },\n  },\n  methods: {\n    optimalValue(value) {\n      let res = Math.abs(value);\n      if (value % this.stepSize !== 0) {\n        const optUnit =\n          Number.isInteger(this.stepSize) && Number.isInteger(value) ? 1 : 0.1;\n        while (!Number.isInteger((res * 10) / (this.stepSize * 10))) {\n          res = res * 10 + optUnit * 10;\n          res /= 10;\n        }\n      }\n      return value < 0 ? res * -1 : res;\n    },\n    changeLabelsPosition() {\n      for (let i = 0; i < this.getAllLabels.length; i += 1) {\n        this.$refs[`label${i}`][0].style.left = `${\n          (this.$refs[`label${i}`][0].clientWidth / 2) * -1\n        }px`;\n      }\n    },\n    updateMaxMinValue() {\n      this.newMinValue = this.optimalValue(this.minValue);\n      this.newMaxValue = this.optimalValue(this.maxValue);\n      this.newStartValue = this.optimalValue(this.startValue);\n      this.newEndValue = this.optimalValue(this.endValue);\n    },\n  },\n  watch: {\n    getAllLabels() {\n      this.$nextTick(this.changeLabelsPosition);\n    },\n  },\n  mounted() {\n    this.changeLabelsPosition();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper {\n  background-color: $main-white;\n  max-width: 100%;\n  min-height: 100%;\n  font-family: $child-text-font;\n  color: $main-darkbrown;\n  padding: 1.071428571428571rem 0.5714285714285714rem; //  15px / 14, 8px / 14\n  border-radius: $control-panel-border-radius-small;\n}\n.title {\n  text-align: center;\n  width: 100%;\n  font-size: $control-panel-font-size;\n}\n.description {\n  text-align: center;\n  width: 100%;\n  font-size: $control-panel-font-size-small;\n}\n.scale {\n  max-width: fit-content;\n  margin: 0 auto;\n}\n.custom-table {\n  display: flex;\n  margin-bottom: 0.3571428571428571rem; //  5px / 14\n  padding-left: 1rem; //  14px / 14\n  flex-direction: row;\n}\n.color-wrapper {\n  border: 1px solid $main-darkbrown;\n  height: 1.357142857142857rem; //  19px / 14\n  margin: 0;\n  padding: 0;\n}\n.label-color-wrapper {\n  display: flex;\n  flex-direction: column;\n  font-size: $control-panel-font-size-small;\n}\n.label-wrapper {\n  text-align: start;\n  position: relative;\n  max-width: fit-content;\n}\n.scale-items-enter-active {\n  transition: all 0.5s ease-in-out;\n}\n.scale-items-leave-active {\n  transition: all 0.5s ease-in-out;\n}\n.scale-items-enter, .scale-items-leave-to /* .list-leave-active до версии 2.1.8 */ {\n  opacity: 0;\n  transform: translateX(5px);\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!./CustomScale.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!./CustomScale.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomScale.vue?vue&type=template&id=e40e0aca&scoped=true&\"\nimport script from \"./CustomScale.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomScale.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomScale.vue?vue&type=style&index=0&id=e40e0aca&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  \"e40e0aca\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}