{"version":3,"sources":["webpack:///./src/assets/img/select_arrow.svg","webpack:///./src/components/contextMenu/fontFamilyInput.vue?1b5d","webpack:///./src/components/contextMenu/widgets/scaleWidgetPanel.vue?4565","webpack:///./src/components/contextMenu/fontFamilyInput.vue","webpack:///src/components/contextMenu/fontFamilyInput.vue","webpack:///./src/components/contextMenu/fontFamilyInput.vue?93d5","webpack:///./src/components/contextMenu/fontFamilyInput.vue?19f2","webpack:///./src/components/contextMenu/widgets/scaleWidgetPanel.vue","webpack:///src/components/contextMenu/widgets/scaleWidgetPanel.vue","webpack:///./src/components/contextMenu/widgets/scaleWidgetPanel.vue?4284","webpack:///./src/components/contextMenu/widgets/scaleWidgetPanel.vue?0006"],"names":["module","exports","render","_vm","this","_c","_self","attrs","on","onHideDropdown","staticClass","directives","name","rawName","value","fontInput","expression","ref","activeFontFamily","domProps","$event","target","composing","require","_v","slot","_l","fontFamilyList","n","idx","key","onChangeFontFamily","__typename","preview","class","style","_s","length","showLoader","staticRenderFns","props","components","preloader","data","allFonts","fontsListMod","currentPage","maxPerPage","disableObserve","computed","mapGetters","fonts","myFonts","device","interactionMode","survey","canvas","_canvas","mounted","serializedMyFonts","map","f","replace","scrollTrigger","methods","fontFamily","fetchCanvasFont","isActiveObj","fire","$emit","rating","incrementRating","id","v","$refs","fontFamilyInput","blur","observer","IntersectionObserver","entries","forEach","entry","intersectionRatio","fetchPathFontsList","observe","infinityScrollTrigger","partFontList","slice","promiseList","push","Promise","all","watch","filter","toLowerCase","includes","component","_t","rangeArray","modifiers","$set","_n","onChangeRange","$forceUpdate","activeFont","updateFontFamily","scaleOrientation","scaleOrientationTypes","o","nativeOn","onChangeOrientation","onChangeFontSize","fontSize","backgroundColor","colorpickerBackground","border","getColorBorder","hex","updateColor","ChromePicker","activeWidget","textItems","_objects","i","type","rectItems","configs","_this$activeWidget","orientation","_this$activeWidget$co","_this$activeWidget2","_this$activeWidget$co2","_this$activeWidget3","_this$activeWidget$co3","_this$activeWidget4","checker","activeBgColor","bgColor","fontColor","init","timeoutId","created","_this$activeWidget5","_this$activeWidget5$o","onFontSizeScaling","call","get","Math","round","e","onChangeWidget","alignCenter","setSurveyStepParam","active","addWidget","remove","renderAll","set","calucaltePosition","fontLink","content","groupHeight","height","groupWidth","width","shiftBy","positions","x","y","dynamicMinWidth","limit","setPositionByOrigin","setColor","random","clearTimeout","setTimeout","size","_size$target$valueAsN","_size$target","_size","valueAsNumber"],"mappings":"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","file":"js/scaleWidgetPanel.a64eae17.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/select_arrow.c1529dcc.svg\";","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!./fontFamilyInput.vue?vue&type=style&index=0&id=438dff51&prod&scoped=true&lang=css&\"","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!./scaleWidgetPanel.vue?vue&type=style&index=0&id=ff5e08cc&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-dropdown',{attrs:{\"trigger\":\"click\",\"placement\":'bottom'},on:{\"visible-change\":_vm.onHideDropdown}},[_c('div',{staticClass:\"el-dropdown-link\"},[_c('label',{staticClass:\"fonts-input-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fontInput),expression:\"fontInput\"}],ref:\"fontFamilyInput\",staticClass:\"fonts-input\",attrs:{\"placeholder\":_vm.activeFontFamily,\"type\":\"text\"},domProps:{\"value\":(_vm.fontInput)},on:{\"input\":function($event){if($event.target.composing)return;_vm.fontInput=$event.target.value}}}),_c('img',{staticClass:\"fonts-input-arrow\",attrs:{\"alt\":\"img\",\"g\":\"\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"font\")])]),_c('el-dropdown-menu',{staticClass:\"dropdown-menu-wraper\",attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('el-dropdown-item',[_vm._l((_vm.fontFamilyList),function(n,idx){return _c('div',{key:idx,staticClass:\"font-family-item\",on:{\"click\":function($event){return _vm.onChangeFontFamily(n)}}},[(n.__typename === 'font')?_c('img',{attrs:{\"alt\":\"img\",\"src\":n.preview}}):_c('div',{staticClass:\"font-family-name\",class:{ 'custom-font': n.__typename === 'upload_my_font' },style:({ 'font-family': n.name })},[_vm._v(\" \"+_vm._s(n.name)+\" \")])])}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fontFamilyList.length && !_vm.showLoader),expression:\"!fontFamilyList.length && !showLoader\"}],staticClass:\"t-not-found\"},[_vm._v(\" font \"+_vm._s(_vm.fontInput)+\" not found \")]),_c('div',{staticClass:\"loader\"},[_c('div',{ref:\"infinityScrollTrigger\",attrs:{\"id\":\"scroll-trigger\"}}),_c('preloader',{staticClass:\"preloader\",attrs:{\"visible\":_vm.showLoader}})],1)],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-dropdown\n    trigger=\"click\"\n    :placement=\"'bottom'\"\n    @visible-change=\"onHideDropdown\"\n  >\n    <div class=\"el-dropdown-link\">\n      <label class=\"fonts-input-label\">\n        <input\n          :placeholder=\"activeFontFamily\"\n          class=\"fonts-input\"\n          type=\"text\"\n          v-model=\"fontInput\"\n          ref=\"fontFamilyInput\"\n        />\n        <img\n          alt=\"img\"\n          g\n          class=\"fonts-input-arrow\"\n          src=\"@/assets/img/select_arrow.svg\"\n        />\n      </label>\n      <div class=\"field-name\">font</div>\n    </div>\n    <el-dropdown-menu class=\"dropdown-menu-wraper\" slot=\"dropdown\">\n      <el-dropdown-item>\n        <div\n          class=\"font-family-item\"\n          v-for=\"(n, idx) of fontFamilyList\"\n          :key=\"idx\"\n          @click=\"onChangeFontFamily(n)\"\n        >\n          <img alt=\"img\" v-if=\"n.__typename === 'font'\" :src=\"n.preview\" />\n          <div\n            class=\"font-family-name\"\n            v-else\n            :style=\"{ 'font-family': n.name }\"\n            :class=\"{ 'custom-font': n.__typename === 'upload_my_font' }\"\n          >\n            {{ n.name }}\n          </div>\n        </div>\n        <div class=\"t-not-found\" v-show=\"!fontFamilyList.length && !showLoader\">\n          font {{ fontInput }} not found\n        </div>\n        <div class=\"loader\">\n          <div ref=\"infinityScrollTrigger\" id=\"scroll-trigger\"></div>\n          <preloader class=\"preloader\" :visible=\"showLoader\" />\n        </div>\n      </el-dropdown-item>\n    </el-dropdown-menu>\n  </el-dropdown>\n</template>\n\n<script>\nimport preloader from \"@/components/preloaderMenu\";\nimport { fetchCanvasFont } from \"@/helpers/fontsHelper\";\nimport rating from \"@/services/catalog/RatingsService\";\nimport { mapGetters } from \"vuex\";\nexport default {\n  name: \"PilFontFamilyInput\",\n  props: [\"activeFontFamily\"],\n  components: {\n    preloader\n  },\n  data() {\n    return {\n      fontFamilyList: [],\n      allFonts: [],\n      fontsListMod: [],\n      currentPage: 0,\n      maxPerPage: 50,\n      fontInput: \"\",\n      showLoader: false,\n      disableObserve: false\n    };\n  },\n  computed: {\n    ...mapGetters({\n      fonts: \"feed/fonts\",\n      myFonts: \"customContent/myFonts\",\n      device: \"workSpace/device\",\n      interactionMode: \"workSpace/interactionMode\",\n      survey: \"workSpace/survey\",\n      canvas: \"workSpace/canvas\"\n    }),\n    _canvas() {\n      return this.interactionMode ? this.survey : this.canvas;\n    }\n  },\n  mounted() {\n    const serializedMyFonts = this.myFonts.map(f => ({\n      ...f,\n      name: f.name.replace(/\\.ttf/g, \"\").replace(/\\.otf/g, \"\")\n    }));\n    this.fontsListMod = this.allFonts = [...serializedMyFonts, ...this.fonts];\n    this.scrollTrigger();\n  },\n  methods: {\n    async onChangeFontFamily(fontFamily) {\n      await fetchCanvasFont(fontFamily.name, { isActiveObj: false });\n      this._canvas.fire(\"canvas:changes\");\n      this.$emit(\"on-change-font-family\", fontFamily);\n      if (fontFamily.__typename === \"font\") {\n        rating.incrementRating(fontFamily.id, \"font\");\n      }\n    },\n    onHideDropdown(v) {\n      if (!v) this.$refs.fontFamilyInput.blur();\n    },\n    scrollTrigger() {\n      this.observer = new IntersectionObserver(entries => {\n        entries.forEach(async entry => {\n          if (entry.intersectionRatio > 0) {\n            await this.fetchPathFontsList();\n          }\n        });\n      });\n      this.observer.observe(this.$refs.infinityScrollTrigger);\n    },\n    async fetchPathFontsList() {\n      if (this.disableObserve) {\n        this.disableObserve = false;\n        return;\n      }\n      this.showLoader = true;\n      const partFontList = this.fontsListMod.slice(\n        this.maxPerPage * this.currentPage,\n        this.maxPerPage * this.currentPage + this.maxPerPage\n      );\n      const promiseList = [];\n      for (let f of partFontList) {\n        if (f.__typename === \"upload_my_font\") {\n          promiseList.push(fetchCanvasFont(f.name, { isActiveObj: false }));\n        }\n      }\n      await Promise.all(promiseList);\n      this.currentPage += 1;\n      this.showLoader = false;\n      this.fontFamilyList.push(...partFontList);\n    }\n  },\n  watch: {\n    fontInput(value) {\n      this.disableObserve = false;\n      this.currentPage = 0;\n      this.fontFamilyList = [];\n      if (!value) this.fontsListMod = this.allFonts;\n      else\n        this.fontsListMod = this.allFonts.filter(f =>\n          f.name.toLowerCase().includes(this.fontInput.toLowerCase())\n        );\n      this.fetchPathFontsList();\n      this.disableObserve = true;\n    }\n  }\n};\n</script>\n\n<style scoped>\n.el-dropdown-link {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.fonts-input {\n  padding: 0 20px 0 5px;\n  box-sizing: border-box;\n  width: 200px;\n  height: 25px;\n  background: #f8f8f5;\n  border: none;\n  text-align: center;\n  color: #1d2d36;\n  font-size: 12px;\n  border-radius: 7px;\n}\n.fonts-input-arrow {\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  top: 1px;\n  padding: 9px 5px;\n}\n.dropdown-menu-wraper {\n  margin: 0;\n  padding: 0;\n}\n.dropdown-menu-wraper >>> .el-dropdown-menu__item:focus,\n.dropdown-menu-wraper >>> .el-dropdown-menu__item:not(.is-disabled):hover {\n  background-color: white !important;\n  color: black !important;\n}\n.lang-cecker-wraper {\n  display: flex;\n  align-items: center;\n  /* width: 100%; */\n}\n.lang-cecker-wraper span {\n  font-size: 12px;\n  margin-right: 4px;\n}\n.checkbbox {\n  box-sizing: border-box;\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  border: 2px solid black;\n  position: relative;\n  margin: 3px 5px;\n}\n.is-checked {\n  display: none;\n  position: absolute;\n  top: -8px;\n  left: -3px;\n  width: 24px;\n  height: 24px;\n}\ninput[type=\"checkbox\"]:checked + .checkbbox > .is-checked {\n  display: block;\n}\n.font-family-item {\n  display: flex;\n  padding: 0 7px;\n  cursor: pointer;\n}\n.font-family-item:hover {\n  background: #f8f8f5;\n}\n.font-family-name {\n  font-size: 14px;\n  line-height: 22px;\n  min-width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-right: 10px;\n}\n.t-not-found {\n  height: auto;\n  margin: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100px;\n}\n.preloader {\n  position: absolute;\n  height: 100px;\n}\n.loader {\n  height: 5px;\n  position: relative;\n}\n.custom-font {\n  color: #ffe000;\n}\n.dropdown-menu-wraper {\n  min-height: 200px;\n  height: calc(100vh - 350px);\n  max-height: 1000px;\n  width: 280px;\n  border-radius: 10px;\n  overflow: auto;\n}\n.dropdown-menu-wraper >>> .el-dropdown-menu__item {\n  padding: 0;\n}\n.font-family-item img {\n  padding: 3px 0;\n  max-height: 16px;\n}\n@media screen and (max-width: 990px) {\n  .dropdown-menu-wraper {\n    width: 250px;\n    max-height: calc(100vh - 150px);\n  }\n}\n</style>\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!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fontFamilyInput.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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fontFamilyInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fontFamilyInput.vue?vue&type=template&id=438dff51&scoped=true&\"\nimport script from \"./fontFamilyInput.vue?vue&type=script&lang=js&\"\nexport * from \"./fontFamilyInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./fontFamilyInput.vue?vue&type=style&index=0&id=438dff51&prod&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  \"438dff51\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"context-panel-container\"},[_c('div',{staticClass:\"context-panel-scroll\"},[_c('div',{staticClass:\"context-panel-group\"},[_vm._t(\"default\"),_c('div',{staticClass:\"range-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.rangeArray[0]),expression:\"rangeArray[0]\",modifiers:{\"number\":true}}],attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.rangeArray[0])},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.rangeArray, 0, _vm._n($event.target.value))},function($event){return _vm.onChangeRange(0, $event)}],\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{staticClass:\"dash\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.rangeArray[1]),expression:\"rangeArray[1]\",modifiers:{\"number\":true}}],attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.rangeArray[1])},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.rangeArray, 1, _vm._n($event.target.value))},function($event){return _vm.onChangeRange(1, $event)}],\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('font-family-input',{staticClass:\"font-family-container\",attrs:{\"activeFontFamily\":_vm.activeFont},on:{\"on-change-font-family\":_vm.updateFontFamily}}),_c('el-dropdown',{attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"button-action-pickker\"},[_c('div',[_vm._v(_vm._s(_vm.scaleOrientation))]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('el-dropdown-menu',{staticClass:\"dropdown-menu\",attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},_vm._l((_vm.scaleOrientationTypes),function(o,idx){return _c('el-dropdown-item',{key:idx,staticClass:\"dropdown-item\",nativeOn:{\"click\":function($event){return _vm.onChangeOrientation(o)}}},[_vm._v(\" \"+_vm._s(o)+\" \")])}),1)],1),_c('div',{staticClass:\"field-name\"},[_vm._v(\"orientation\")]),_c('div',{staticClass:\"font-size text-settings-wraper\"},[_c('div',{staticClass:\"font-size-controllers minus\",on:{\"click\":function($event){return _vm.onChangeFontSize(--_vm.fontSize)}}},[_vm._v(\" - \")]),_c('input',{staticClass:\"font-size-input\",attrs:{\"type\":\"number\"},domProps:{\"value\":_vm.fontSize},on:{\"input\":function($event){return _vm.onChangeFontSize($event)}}}),_c('div',{staticClass:\"font-size-controllers plus\",on:{\"click\":function($event){return _vm.onChangeFontSize(++_vm.fontSize)}}},[_vm._v(\" + \")])]),_c('div',{staticClass:\"color-opacity\"},_vm._l((3),function(n){return _c('div',{key:n,staticClass:\"color\"},[_c('el-dropdown',{attrs:{\"trigger\":\"click\"}},[_c('span',{staticClass:\"el-dropdown-link\"},[_c('div',{staticClass:\"color-picker-wraper\",style:({\n                  backgroundColor: _vm.colorpickerBackground[n - 1],\n                  border: _vm.getColorBorder({\n                    hex: _vm.colorpickerBackground[n - 1]\n                  })\n                })})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{staticClass:\"picker-element\",attrs:{\"value\":{ hex: _vm.colorpickerBackground[n - 1] }},on:{\"input\":function($event){return _vm.updateColor(n, $event)}}})],1)],1)],1)}),0)],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"context-panel-container\">\n    <div class=\"context-panel-scroll\">\n      <div class=\"context-panel-group\">\n        <slot></slot>\n        <div class=\"range-container\">\n          <input\n            type=\"number\"\n            v-model.number=\"rangeArray[0]\"\n            @input=\"onChangeRange(0, $event)\"\n          />\n          <div class=\"dash\"></div>\n          <input\n            type=\"number\"\n            v-model.number=\"rangeArray[1]\"\n            @input=\"onChangeRange(1, $event)\"\n          />\n        </div>\n        <!-- font-family -->\n        <font-family-input\n          @on-change-font-family=\"updateFontFamily\"\n          :activeFontFamily=\"activeFont\"\n          class=\"font-family-container\"\n        />\n        <!-- orientation -->\n        <el-dropdown placement=\"bottom\" trigger=\"click\">\n          <div class=\"button-action-pickker\">\n            <div>{{ scaleOrientation }}</div>\n            <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n          </div>\n          <el-dropdown-menu slot=\"dropdown\" class=\"dropdown-menu\">\n            <el-dropdown-item\n              @click.native=\"onChangeOrientation(o)\"\n              class=\"dropdown-item\"\n              v-for=\"(o, idx) of scaleOrientationTypes\"\n              :key=\"idx\"\n            >\n              {{ o }}\n            </el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n        <div class=\"field-name\">orientation</div>\n        <!-- font size -->\n        <div class=\"font-size text-settings-wraper\">\n          <div\n            class=\"font-size-controllers minus\"\n            @click=\"onChangeFontSize(--fontSize)\"\n          >\n            -\n          </div>\n          <input\n            type=\"number\"\n            class=\"font-size-input\"\n            :value=\"fontSize\"\n            @input=\"onChangeFontSize($event)\"\n          />\n          <div\n            class=\"font-size-controllers plus\"\n            @click=\"onChangeFontSize(++fontSize)\"\n          >\n            +\n          </div>\n        </div>\n\n        <div class=\"color-opacity\">\n          <div class=\"color\" v-for=\"n in 3\" :key=\"n\">\n            <el-dropdown trigger=\"click\">\n              <span class=\"el-dropdown-link\">\n                <div\n                  class=\"color-picker-wraper\"\n                  :style=\"{\n                    backgroundColor: colorpickerBackground[n - 1],\n                    border: getColorBorder({\n                      hex: colorpickerBackground[n - 1]\n                    })\n                  }\"\n                ></div>\n              </span>\n\n              <el-dropdown-menu slot=\"dropdown\">\n                <chrome-picker\n                  @input=\"updateColor(n, $event)\"\n                  class=\"picker-element\"\n                  :value=\"{ hex: colorpickerBackground[n - 1] }\"\n                />\n              </el-dropdown-menu>\n            </el-dropdown>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColorBorder } from \"@/helpers/hex\";\nimport fontFamilyInput from \"@/components/contextMenu/fontFamilyInput\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport { setSurveyStepParam } from \"@/util/survey/markSurveyObject\";\nimport { addWidget } from \"@/util/survey/widgets\";\nimport { mapGetters } from \"vuex\";\nimport \"@/assets/css/contextMenu.css\";\n\nexport default {\n  name: \"PilScaleWidgetPanel\",\n  components: {\n    ChromePicker,\n    fontFamilyInput\n  },\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    textItems() {\n      return this.activeWidget._objects.filter(i => i.type === \"textbox\");\n    },\n    rectItems() {\n      return this.activeWidget._objects.filter(i => i.type === \"rect\");\n    },\n    configs() {\n      return this.activeWidget?.configs;\n    },\n    scaleOrientation() {\n      return this.configs.orientation;\n    },\n    colorpickerBackground() {\n      this.checker;\n      return [\n        this.activeWidget?.configs?.activeBgColor ?? \"#fff\",\n        this.activeWidget?.configs?.bgColor ?? \"#fff\",\n        this.activeWidget?.configs?.fontColor ?? \"#fff\"\n      ];\n    }\n  },\n  mounted() {\n    this.init();\n  },\n  data() {\n    return {\n      scaleOrientationTypes: [\"vertical\", \"horizontal\"],\n      activeFont: \"Montserrat\",\n      rangeArray: [1, 10],\n      fontSize: 0,\n      timeoutId: null,\n      checker: null,\n      getColorBorder\n    };\n  },\n  created() {\n    this.onFontSizeScaling();\n    this.activeWidget?.on?.(\"scaling\", () => {\n      this.onFontSizeScaling();\n    });\n  },\n  methods: {\n    onFontSizeScaling() {\n      let fontSize =\n        this.textItems[0].get(\"fontSize\") * this.activeWidget.get(\"scaleY\");\n      fontSize = Math.round(fontSize);\n      if (!fontSize) return;\n      this.fontSize = fontSize;\n    },\n    onChangeRange(idx, e) {\n      const value = e.target.value;\n      if (!value) this.configs.rangeArray[idx] = 0;\n      this.onChangeWidget();\n    },\n    onChangeOrientation(orientation) {\n      if (this.configs.orientation === orientation) return;\n      this.configs.orientation = orientation;\n      this.onChangeWidget(true);\n    },\n    async onChangeWidget(alignCenter) {\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      const active = this.activeWidget;\n      await addWidget(\"scale\", this.survey, this.activeWidget, {\n        alignCenter\n      });\n      this.survey.remove(active);\n      this.survey.renderAll();\n      this.survey.fire(\"canvas:changes\");\n    },\n    init() {\n      if (!this.configs) return;\n      this.fontSize = Math.round(\n        this.configs.fontSize * this.activeWidget.get(\"scaleY\")\n      );\n      this.activeFont = this.configs.fontFamily;\n      this.rangeArray = this.configs.rangeArray;\n    },\n    updateFontFamily(fontFamily) {\n      this.textItems.forEach(i => i.set({ fontFamily: fontFamily.name }));\n      this.survey.renderAll();\n      this.activeFont = this.configs.fontFamily = fontFamily.name;\n      this.calucaltePosition();\n      this.configs.fontLink = fontFamily.content;\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      this.survey.fire(\"canvas:changes\");\n    },\n    calucaltePosition() {\n      const groupHeight = this.activeWidget.height;\n      const groupWidth = this.activeWidget.width;\n      const shiftBy =\n        this.activeWidget.configs.orientation === \"vertical\" ? \"y\" : \"x\";\n      const positions = {\n        x: 0,\n        y: 0\n      };\n      positions[shiftBy] =\n        -((shiftBy === \"y\" ? groupHeight : groupWidth) / 2) + 15;\n      for (let i of this.textItems) {\n        const width = i.dynamicMinWidth;\n        const height = i.height;\n        const limit = 27;\n        if (width >= limit || height >= limit) {\n          i.set(\"width\", i.dynamicMinWidth);\n          this.onChangeFontSize(--this.fontSize);\n          break;\n        }\n        // i.set(\"width\", i.dynamicMinWidth);\n        i.setPositionByOrigin(\n          { x: positions.x, y: positions.y },\n          \"center\",\n          \"center\"\n        );\n        positions[shiftBy] += 32;\n      }\n      this.survey.renderAll();\n    },\n    updateColor(idx, { hex }) {\n      if (idx === 1) {\n        this.rectItems[0].setColor(hex);\n        this.configs.activeBgColor = hex;\n      } else if (idx === 2) {\n        this.rectItems.forEach((i, idx) => idx !== 0 && i.setColor(hex));\n        this.configs.bgColor = hex;\n      } else {\n        this.textItems.forEach(i => i.setColor(hex));\n        this.configs.fontColor = hex;\n      }\n      this.survey.renderAll();\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      this.checker = Math.random();\n      if (this.timeoutId) clearTimeout(this.timeoutId);\n      this.timeoutId = setTimeout(() => {\n        this.survey.fire(\"canvas:changes\");\n      }, 500);\n    },\n    onChangeFontSize(size) {\n      let _size = size?.target?.valueAsNumber ?? size;\n      if (_size < 1) _size = 1;\n      else if (_size > 27) _size = 27;\n      const fontSize = Math.round(_size);\n      this.configs.fontSize = fontSize;\n      this.textItems.forEach(i => i.set({ fontSize }));\n      this.fontSize = _size;\n      this.survey.renderAll();\n      this.calucaltePosition();\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      this.survey.fire(\"canvas:changes\");\n    }\n  },\n  watch: {\n    activeWidget() {\n      this.init();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.scale-interaction-panel {\n  width: 100%;\n  padding: 20px 0 15px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.text-settings-wraper {\n  width: 127px;\n  margin: 0 auto;\n}\n.text-settings-wraper {\n  width: 127px;\n  margin: 0 auto;\n}\n.color-opacity {\n  margin: auto;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  height: 30px;\n  border-radius: 6px;\n  width: 165px;\n  background: #f8f8f5;\n  margin-bottom: 20px;\n}\n.el-dropdown-link {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.range-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 207px;\n}\n.range-container input {\n  width: 60px;\n  height: 25px;\n  text-align: center;\n  line-height: 25px;\n  padding: 3px;\n  border-radius: 7px;\n  border: none;\n  background: #f8f8f5;\n  font-size: 12px;\n  box-sizing: border-box;\n}\n.color {\n  display: flex;\n}\n.dash {\n  width: 15px;\n  height: 1px;\n  background: #000;\n}\n.font-family-container {\n  margin: 20px 0 0;\n}\n.button-action-pickker {\n  background: #f8f8f5;\n  border: none;\n  line-height: 25px;\n  height: 25px;\n  width: 200px;\n  text-align: center;\n  padding: 0 5px;\n  box-sizing: border-box;\n  justify-content: space-between;\n  display: flex;\n  align-items: center;\n  border-radius: 5px;\n}\n.button-action-pickker div {\n  width: 100%;\n  font-size: 12px;\n}\n.button-action-pickker img {\n  height: 5px;\n}\n.dropdown-menu {\n  padding: 5px 0;\n  border-radius: 9px;\n  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);\n  max-height: 100vh;\n  overflow: auto;\n}\n.dropdown-item {\n  padding: 0 15px;\n  box-sizing: border-box;\n  font-size: 12px;\n  color: #000;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 280px;\n  white-space: nowrap;\n}\n.dropdown-item:hover {\n  background: #f8f8f5;\n  color: #000;\n}\n.font-size {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 20px;\n}\n@media screen and (max-width: 990px) {\n  .text-interaction-panel {\n    /* width: fit-content; */\n    display: flex;\n    min-height: auto;\n    padding: 0 3px 0 8px;\n    max-width: calc(100vw - 20px);\n    width: fit-content;\n    overflow-y: hidden;\n    border-radius: 7px;\n  }\n  .color-opacity {\n    margin: 1px auto;\n  }\n  .font-size-controllers {\n    margin-top: 8px;\n  }\n  .fz-conter {\n    margin-top: 8px;\n  }\n  .items-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    background: #fff;\n    width: auto;\n  }\n  .text-settings-wraper {\n    width: 127px;\n  }\n  .color-picker-wraper {\n    width: 18px;\n    height: 18px;\n  }\n}\n</style>\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!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scaleWidgetPanel.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--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scaleWidgetPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./scaleWidgetPanel.vue?vue&type=template&id=ff5e08cc&scoped=true&\"\nimport script from \"./scaleWidgetPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./scaleWidgetPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./scaleWidgetPanel.vue?vue&type=style&index=0&id=ff5e08cc&prod&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  \"ff5e08cc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}