{"version":3,"sources":["webpack:///./src/components/contextMenu/widgets/buttonActionDropdown.vue","webpack:///src/components/contextMenu/widgets/buttonActionDropdown.vue","webpack:///./src/components/contextMenu/widgets/buttonActionDropdown.vue?e7b0","webpack:///./src/components/contextMenu/widgets/buttonActionDropdown.vue?1715","webpack:///./src/components/contextMenu/textPanel.vue?ca61","webpack:///./src/assets/img/fonts-panel/textPosLeft.svg","webpack:///./src/assets/img/select_arrow.svg","webpack:///./src/assets/img/fonts-panel/textPosCenter.svg","webpack:///./src/components/contextMenu/utils/colorPicker.vue?dca2","webpack:///./src/components/contextMenu/fontFamilyInput.vue?1b5d","webpack:///./src/assets/img/fonts-panel/textPosRigth.svg","webpack:///./src/assets/img/text-effect/lift.webp","webpack:///./src/assets/img/text-effect/hollow.webp","webpack:///./src/assets/img/text-effect/neon.webp","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/textPanel.vue","webpack:///./src/components/contextMenu/textEffects.vue","webpack:///src/components/contextMenu/textEffects.vue","webpack:///./src/components/contextMenu/textEffects.vue?c327","webpack:///./src/components/contextMenu/textEffects.vue?965c","webpack:///src/components/contextMenu/textPanel.vue","webpack:///./src/components/contextMenu/textPanel.vue?a8fa","webpack:///./src/components/contextMenu/textPanel.vue?7c6c","webpack:///./src/components/contextMenu/utils/colorPicker.vue","webpack:///src/components/contextMenu/utils/colorPicker.vue","webpack:///./src/components/contextMenu/utils/colorPicker.vue?a94c","webpack:///./src/components/contextMenu/utils/colorPicker.vue?8293","webpack:///./src/components/contextMenu/textEffects.vue?43bc","webpack:///./src/assets/img/text-effect/shadow.webp","webpack:///./src/assets/img/file.svg","webpack:///./src/assets/img/text-effect/no.webp","webpack:///./src/components/contextMenu/widgets/buttonActionDropdown.vue?934c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","actionType","require","slot","_l","actionTypesList","t","idx","key","nativeOn","$event","onChangeBtnAction","directives","name","rawName","value","expression","url","domProps","on","target","composing","linkTarget","linkTargetsList","staticStyle","pageTarget","pagesLength","p","$store","dispatch","type","data","callback","updateAttachmentById","attachment","content","onError","_e","stopPropagation","allowedFileTypeMod","selectAllFileTypes","fileTypes","s","allowedFileType","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","class","active","includes","sizeLimit","modifiers","_n","$forceUpdate","staticRenderFns","computed","mapGetters","myAttachments","survey","activeWidget","activeMyInteraction","configs","_this$activeMyInterac","_this$activeMyInterac2","img","length","get","set","setSurveyStepParam","fire","_this$allowedFileType","join","actionWidgetTypesList","created","attachmentId","methods","first","myAttachment","find","a","id","pageIdx","e","src","watch","component","module","exports","onHideDropdown","fontInput","ref","activeFontFamily","fontFamilyList","n","onChangeFontFamily","__typename","preview","style","showLoader","props","components","preloader","allFonts","fontsListMod","currentPage","maxPerPage","disableObserve","fonts","myFonts","device","interactionMode","canvas","_canvas","mounted","serializedMyFonts","map","f","replace","scrollTrigger","fontFamily","fetchCanvasFont","isActiveObj","$emit","rating","incrementRating","v","$refs","fontFamilyInput","blur","observer","IntersectionObserver","entries","forEach","entry","intersectionRatio","fetchPathFontsList","observe","infinityScrollTrigger","partFontList","promiseList","push","Promise","all","filter","toLowerCase","_activeCanvasObject","updateFontFamily","updateFontSize","fontSize","fontStyles","$set","updateFontStyle","underline","title","textAlignMock","textAlign","_q","updateTextAlign","onToggleColorDropdown","backgroundColor","colorpickerBackground","border","getColorBorder","hex","updateColor","setEffect","activeEffect","model","shadowOffset","shadowDirection","shadowBlur","shadowColor","liftIntensity","hollowThickness","neonIntensity","colorPicker","ChromePicker","activeCanvasObject","textEffect","hex8","shadow","color","effect","_this$_activeCanvasOb","textColor","stroke","fill","strokeWidth","setNeonColor","renderAll","calculateShadowOffset","deg","offset","x","y","Math","abs","offsetX","offsetY","rgb","hexToRgb","c","round","newColor","rgbToHex","deep","handler","newValue","nameCanvasObject","buttonActionDropdown","textEffects","colorChecker","timeoutId","bold","italic","left","center","right","init","onFontSizeScaling","paramName","param","setColor","random","clearTimeout","setTimeout","size","save","_size$target$valueAsN","_size$target","_size","valueAsNumber","setCoords","fontLink","hoverTitle","pickerStyle","colorObject","_this$colorObject$hex","_this$colorObject","_this$colorObject2"],"mappings":"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","file":"js/textPanel.27e3a153.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"button-action-container\"},[_c('el-dropdown',{attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"button-action-pickker\"},[_c('div',[_vm._v(_vm._s(_vm.actionType))]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"action\")]),_c('el-dropdown-menu',{staticClass:\"dropdown-menu\",attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},_vm._l((_vm.actionTypesList),function(t,idx){return _c('el-dropdown-item',{key:idx,staticClass:\"dropdown-item\",nativeOn:{\"click\":function($event){return _vm.onChangeBtnAction(t)}}},[_vm._v(\" \"+_vm._s(t)+\" \")])}),1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.actionType === 'external link'),expression:\"actionType === 'external link'\"}],staticClass:\"url-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.url),expression:\"url\"}],staticClass:\"url-field\",attrs:{\"placeholder\":\"http://\",\"type\":\"text\"},domProps:{\"value\":(_vm.url)},on:{\"input\":function($event){if($event.target.composing)return;_vm.url=$event.target.value}}}),_c('div',{staticClass:\"field-name\"},[_vm._v(\"link\")])]),_c('el-dropdown',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.actionType === 'external link'),expression:\"actionType === 'external link'\"}],attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"button-action-pickker open-link\"},[_c('div',[_vm._v(_vm._s(_vm.linkTarget))]),_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.linkTargetsList),function(t,idx){return _c('el-dropdown-item',{key:idx,staticClass:\"dropdown-item\",nativeOn:{\"click\":function($event){_vm.linkTarget = t}}},[_vm._v(\" \"+_vm._s(t)+\" \")])}),1)],1),_c('el-dropdown',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.actionType === 'internal link'),expression:\"actionType === 'internal link'\"}],attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"pages-container\"},[_c('div',{staticClass:\"button-action-pickker\",staticStyle:{\"margin-top\":\"0px\",\"width\":\"50px\"}},[_c('div',[_vm._v(_vm._s(_vm.pageTarget))]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"page to navigate\")])]),_c('el-dropdown-menu',{staticClass:\"dropdown-menu\",attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},_vm._l((_vm.pagesLength),function(p){return _c('el-dropdown-item',{key:p,staticClass:\"dropdown-item\",nativeOn:{\"click\":function($event){_vm.pageTarget = p}}},[_vm._v(\" \"+_vm._s(p)+\" \")])}),1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.actionType === 'download file'),expression:\"actionType === 'download file'\"}],staticClass:\"attachment-container\"},[_c('div',{staticClass:\"file-preview\",on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n          type: 'changeAttachment',\n          data: { callback: _vm.updateAttachmentById }\n        })}}},[(_vm.attachment && _vm.attachment.content)?_c('img',{attrs:{\"alt\":\"img\",\"g\":\"\",\"src\":_vm.attachment.content},on:{\"error\":_vm.onError}}):_vm._e()]),(!_vm.attachment)?_c('div',{staticClass:\"field-name\"},[_vm._v(\"choose file\")]):_c('div',{staticClass:\"field-name\"},[_vm._v(\" \"+_vm._s(_vm.attachment.name)+\" \"),_c('div',{staticClass:\"remove-attachment\",on:{\"click\":function($event){$event.stopPropagation();return _vm.updateAttachmentById(null)}}},[_vm._v(\" × \")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.actionType === 'upload file'),expression:\"actionType === 'upload file'\"}],staticClass:\"attachment-container\"},[_c('el-dropdown',{attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"button-action-pickker\"},[_c('div',[_vm._v(_vm._s(_vm.allowedFileTypeMod))]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"file type allow\")]),_c('el-dropdown-menu',{staticClass:\"dropdown-menu\",attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('div',{staticClass:\"dropdown-item select-all\",on:{\"click\":_vm.selectAllFileTypes}},[_vm._v(\" all file types \")]),_vm._l((_vm.fileTypes),function(s,idx){return _c('div',{key:idx,staticClass:\"dropdown-item format\"},[_c('label',{staticClass:\"checkbox-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.allowedFileType),expression:\"allowedFileType\"}],attrs:{\"type\":\"checkbox\",\"hidden\":\"\"},domProps:{\"value\":s,\"checked\":Array.isArray(_vm.allowedFileType)?_vm._i(_vm.allowedFileType,s)>-1:(_vm.allowedFileType)},on:{\"change\":function($event){var $$a=_vm.allowedFileType,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=s,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.allowedFileType=$$a.concat([$$v]))}else{$$i>-1&&(_vm.allowedFileType=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.allowedFileType=$$c}}}}),_c('div',{staticClass:\"checkbox\",class:{ active: _vm.allowedFileType.includes(s) }}),_c('div',{staticClass:\"format\"},[_vm._v(_vm._s(s))])])])})],2)],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.sizeLimit),expression:\"sizeLimit\",modifiers:{\"number\":true}}],staticClass:\"size-field\",attrs:{\"placeholder\":\"1\",\"type\":\"number\"},domProps:{\"value\":(_vm.sizeLimit)},on:{\"input\":function($event){if($event.target.composing)return;_vm.sizeLimit=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{staticClass:\"field-name\"},[_vm._v(\"file max size(mb)\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"button-action-container\">\n    <!-- action type -->\n    <el-dropdown placement=\"bottom\" trigger=\"click\">\n      <div class=\"button-action-pickker\">\n        <div>{{ actionType }}</div>\n        <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n      </div>\n      <div class=\"field-name\">action</div>\n      <el-dropdown-menu slot=\"dropdown\" class=\"dropdown-menu\">\n        <el-dropdown-item\n          @click.native=\"onChangeBtnAction(t)\"\n          class=\"dropdown-item\"\n          v-for=\"(t, idx) of actionTypesList\"\n          :key=\"idx\"\n        >\n          {{ t }}\n        </el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown>\n    <!-- external -->\n    <div class=\"url-container\" v-show=\"actionType === 'external link'\">\n      <input\n        placeholder=\"http://\"\n        type=\"text\"\n        class=\"url-field\"\n        v-model=\"url\"\n      />\n      <div class=\"field-name\">link</div>\n    </div>\n    <el-dropdown\n      v-show=\"actionType === 'external link'\"\n      placement=\"bottom\"\n      trigger=\"click\"\n    >\n      <div class=\"button-action-pickker open-link\">\n        <div>{{ linkTarget }}</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=\"linkTarget = t\"\n          class=\"dropdown-item\"\n          v-for=\"(t, idx) of linkTargetsList\"\n          :key=\"idx\"\n        >\n          {{ t }}\n        </el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown>\n    <!-- internal -->\n    <el-dropdown\n      v-show=\"actionType === 'internal link'\"\n      placement=\"bottom\"\n      trigger=\"click\"\n    >\n      <div class=\"pages-container\">\n        <div\n          class=\"button-action-pickker\"\n          style=\"margin-top: 0px; width: 50px;\"\n        >\n          <div>{{ pageTarget }}</div>\n          <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n        </div>\n        <div class=\"field-name\">page to navigate</div>\n      </div>\n      <el-dropdown-menu slot=\"dropdown\" class=\"dropdown-menu\">\n        <el-dropdown-item\n          @click.native=\"pageTarget = p\"\n          class=\"dropdown-item\"\n          v-for=\"p in pagesLength\"\n          :key=\"p\"\n        >\n          {{ p }}\n        </el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown>\n    <!-- download -->\n    <div class=\"attachment-container\" v-show=\"actionType === 'download file'\">\n      <div\n        class=\"file-preview\"\n        @click=\"\n          $store.dispatch('workSpace/showPopup', {\n            type: 'changeAttachment',\n            data: { callback: updateAttachmentById }\n          })\n        \"\n      >\n        <img\n          alt=\"img\"\n          g\n          v-if=\"attachment && attachment.content\"\n          :src=\"attachment.content\"\n          @error=\"onError\"\n        />\n      </div>\n      <div v-if=\"!attachment\" class=\"field-name\">choose file</div>\n      <div v-else class=\"field-name\">\n        {{ attachment.name }}\n        <div class=\"remove-attachment\" @click.stop=\"updateAttachmentById(null)\">\n          &times;\n        </div>\n      </div>\n    </div>\n    <!-- upload -->\n    <div class=\"attachment-container\" v-show=\"actionType === 'upload file'\">\n      <el-dropdown placement=\"bottom\" trigger=\"click\">\n        <div class=\"button-action-pickker\">\n          <div>{{ allowedFileTypeMod }}</div>\n          <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n        </div>\n        <div class=\"field-name\">file type allow</div>\n        <el-dropdown-menu slot=\"dropdown\" class=\"dropdown-menu\">\n          <!-- @click=\"uploadAllowdFormatsList(s)\" -->\n          <div class=\"dropdown-item select-all\" @click=\"selectAllFileTypes\">\n            all file types\n          </div>\n          <div\n            class=\"dropdown-item format\"\n            v-for=\"(s, idx) of fileTypes\"\n            :key=\"idx\"\n          >\n            <label class=\"checkbox-container\">\n              <input\n                type=\"checkbox\"\n                :value=\"s\"\n                v-model=\"allowedFileType\"\n                hidden\n              />\n              <div\n                class=\"checkbox\"\n                :class=\"{ active: allowedFileType.includes(s) }\"\n              ></div>\n              <div class=\"format\">{{ s }}</div>\n            </label>\n          </div>\n        </el-dropdown-menu>\n      </el-dropdown>\n      <input\n        placeholder=\"1\"\n        type=\"number\"\n        class=\"size-field\"\n        v-model.number=\"sizeLimit\"\n      />\n      <div class=\"field-name\">file max size(mb)</div>\n    </div>\n    <!-- social sharing -->\n    <!-- <el-dropdown\n      v-show=\"actionType === 'social sharing'\"\n      placement=\"bottom\"\n      trigger=\"click\"\n    >\n      <div class=\"button-action-pickker\">\n        <div>{{ socialNetwork }}</div>\n        <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n      </div>\n      <div class=\"field-name\">type</div>\n      <el-dropdown-menu slot=\"dropdown\" class=\"dropdown-menu\">\n        <el-dropdown-item\n          @click.native=\"socialNetwork = s\"\n          class=\"dropdown-item\"\n          v-for=\"(s, idx) of socialNetworksList\"\n          :key=\"idx\"\n        >\n          {{ s }}\n        </el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown> -->\n  </div>\n</template>\n\n<script>\nimport { setSurveyStepParam } from \"@/util/survey/markSurveyObject\";\nimport { mapGetters } from \"vuex\";\nimport fileTypes from \"@/store/mocks/uploadAllowedFormats\";\n\nexport default {\n  name: \"PILButtonActionDropdown\",\n  computed: {\n    ...mapGetters({\n      myAttachments: \"customContent/myAttachments\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\",\n      activeMyInteraction: \"workSpace/activeMyInteraction\"\n    }),\n    configs() {\n      return this.activeWidget.configs;\n    },\n    pagesLength() {\n      return this.activeMyInteraction?.img?.length ?? 1;\n    },\n    actionType() {\n      return this.activeWidget.configs.actionType;\n    },\n    linkTarget: {\n      get() {\n        return this.configs.linkTarget;\n      },\n      set(linkTarget) {\n        this.configs.linkTarget = linkTarget;\n        setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n        this.survey.fire(\"canvas:changes\");\n      }\n    },\n    pageTarget: {\n      get() {\n        return this.configs.pageTarget;\n      },\n      set(pageTarget) {\n        this.configs.pageTarget = pageTarget;\n        setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n        this.survey.fire(\"canvas:changes\");\n      }\n    },\n    url: {\n      get() {\n        return this.configs.url || \"\";\n      },\n      set(url) {\n        this.configs.url = url;\n        setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n        this.survey.fire(\"canvas:changes\");\n      }\n    },\n    // socialNetwork: {\n    //   get() {\n    //     return this.configs.socialNetwork || \"\";\n    //   },\n    //   set(socialNetwork) {\n    //     this.configs.socialNetwork = socialNetwork;\n    //     setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n    //   },\n    // },\n    allowedFileType: {\n      get() {\n        return this.configs.allowedFileType || [];\n      },\n      set(allowedFileType) {\n        if (!allowedFileType.length) {\n          return;\n        }\n        this.survey.fire(\"canvas:changes\");\n        this.configs.allowedFileType = allowedFileType;\n        setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      }\n    },\n    allowedFileTypeMod() {\n      if (!this.allowedFileType?.length) return \"...\";\n      else if (this.allowedFileType.length < fileTypes.length) {\n        return this.allowedFileType.join(\", \");\n      } else return \"all file types\";\n    },\n    sizeLimit: {\n      get() {\n        return this.configs.sizeLimit || \"\";\n      },\n      set(sizeLimit) {\n        this.configs.sizeLimit = sizeLimit;\n        setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n        this.survey.fire(\"canvas:changes\");\n      }\n    }\n  },\n  data() {\n    return {\n      actionTypesList: [\n        \"no action\",\n        \"internal link\",\n        \"external link\",\n        \"download file\",\n        \"upload file\"\n        // \"social sharing\",\n        // \"submit\",\n      ],\n      attachment: null,\n      linkTargetsList: [\"open in existing tab\", \"open in a new tab\"],\n      actionWidgetTypesList: [\"button\", \"icon\"],\n      fileTypes\n      // socialNetworksList: [\n      //   \"none\",\n      //   \"Facebook\",\n      //   \"Email\",\n      //   \"LinkedIn\",\n      //   \"Messenger\",\n      //   \"WhatsApp\",\n      //   \"Pinterest\",\n      //   \"Skype\",\n      //   \"SMS\",\n      //   \"Telegram\",\n      //   \"Twitter\",\n      //   \"Viber\",\n      //   \"VK\",\n      //   \"Reddit\",\n      //   \"Odnoklassniki\",\n      //   \"InstaPaper\",\n      //   \"FlipBoard\",\n      // ],\n    };\n  },\n  created() {\n    this.updateAttachmentById(this.configs.attachmentId, true);\n  },\n  methods: {\n    selectAllFileTypes() {\n      this.allowedFileType = [...fileTypes];\n    },\n    async updateAttachmentById(attachmentId, first = false) {\n      if (attachmentId) {\n        const myAttachment = this.myAttachments.find(\n          a => a.id === attachmentId\n        );\n        if (!myAttachment) this.configs.attachmentId = this.attachment = null;\n        else {\n          this.configs.attachmentId = attachmentId;\n          this.attachment = myAttachment;\n        }\n      } else this.configs.attachmentId = this.attachment = null;\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      if (!first) this.survey.fire(\"canvas:changes\");\n    },\n    onChangeBtnAction(type) {\n      if (this.configs.actionType === type) return;\n      this.configs.actionType = type;\n      if (type !== \"external link\") {\n        this.url = this.linkTarget = this.configs.url = \"\";\n      } else {\n        this.linkTarget = \"open in existing tab\";\n      }\n      if (type !== \"internal link\") {\n        this.pageIdx = 1;\n      }\n      if (type !== \"download file\") {\n        this.updateAttachmentById(false);\n      }\n      if (type !== \"upload file\") {\n        this.allowedFileType = [...fileTypes];\n        this.sizeLimit = 1;\n      }\n      // if (type !== \"social sharing\") {\n      //   this.socialNetwork = \"none\";\n      // }\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      this.survey.fire(\"canvas:changes\");\n    },\n    onError(e) {\n      e.target.src = require(\"@/assets/img/file.svg\");\n    }\n  },\n  watch: {\n    activeWidget() {\n      this.updateAttachmentById(this.configs.attachmentId, true);\n    }\n  }\n};\n</script>\n\n<style scoped>\n.button-action-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: column;\n}\n\n.checkbox {\n  width: 18px;\n  height: 18px;\n  background: #f8f8f5;\n  border-radius: 4px;\n  margin-right: 5px;\n}\n.checkbox.active {\n  background: #ffe000;\n}\n.url-container input {\n  background: #f8f8f5;\n  border: none;\n  line-height: 25px;\n  height: 25px;\n  width: 200px;\n  text-align: center;\n}\n.url-container input {\n  text-align: center;\n}\n.button-action-pickker {\n  background: #f8f8f5;\n  border: none;\n  font-size: 12px;\n  line-height: 25px;\n  height: 25px;\n  width: 200px;\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  text-align: center;\n}\n.checkbox-container {\n  padding: 7px 0px;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n}\n.el-dropdown-menu {\n  margin: 0;\n}\n.file-preview {\n  box-sizing: border-box;\n  padding: 8px;\n  background: #f8f8f5;\n  width: 100px;\n  height: 100px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.file-preview img {\n  max-width: 100%;\n  object-fit: contain;\n  max-height: 100%;\n}\n.dropdown-item.select-all {\n  cursor: pointer;\n  padding: 5px;\n  text-align: center;\n}\n.button-action-pickker div {\n  width: 100%;\n  max-width: calc(100% - 10px);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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.open-link {\n  margin-bottom: 28px;\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.pages-container {\n  display: grid;\n  justify-items: center;\n  width: 70px;\n}\n.attachment-container {\n  display: grid;\n  justify-items: center;\n}\n.page-label {\n  font-size: 12px;\n  margin-left: 5px;\n}\n.attachment-icon {\n  max-height: 12px;\n  margin-left: 10px;\n  cursor: pointer;\n  font-weight: 600;\n}\n.size-field {\n  background: #f8f8f5;\n  border: none;\n  line-height: 25px;\n  height: 25px;\n  width: 70px;\n  text-align: center;\n}\n.attachmentname {\n  margin-left: 10px;\n  max-width: 150px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 600;\n}\n.close {\n  margin-left: 10px;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 0;\n}\n.field-name .remove-attachment {\n  margin-left: 10px;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n}\n@media screen and (max-width: 990px) {\n  .btn-type-checker {\n    margin-top: 0;\n  }\n  /* .button-action-container {\n    justify-content: start;\n  }\n  .button-action-pickker {\n    width: 150px;\n    margin: 0 20px;\n  }\n  .btn-type-checker {\n    margin-bottom: 20px;\n  }\n  .pages-container {\n    width: 150px;\n    margin: 20px 20px 0;\n  }\n  .page-label {\n    font-size: 8px;\n  }\n  .pages-container .button-action-pickker {\n    margin: 0;\n  }\n  .attachment-container {\n    margin: 20px 20px 0;\n    width: 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!./buttonActionDropdown.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!./buttonActionDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./buttonActionDropdown.vue?vue&type=template&id=ca5d773c&scoped=true&\"\nimport script from \"./buttonActionDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./buttonActionDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./buttonActionDropdown.vue?vue&type=style&index=0&id=ca5d773c&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  \"ca5d773c\",\n  null\n  \n)\n\nexport default component.exports","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!./textPanel.vue?vue&type=style&index=0&id=102211d8&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/textPosLeft.985af18d.svg\";","module.exports = __webpack_public_path__ + \"img/select_arrow.c1529dcc.svg\";","module.exports = __webpack_public_path__ + \"img/textPosCenter.68bbb8e9.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!./colorPicker.vue?vue&type=style&index=0&id=08a00ce6&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!./fontFamilyInput.vue?vue&type=style&index=0&id=438dff51&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/textPosRigth.6d07de6c.svg\";","module.exports = \"data:image/webp;base64,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\"","module.exports = \"data:image/webp;base64,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\"","module.exports = \"data:image/webp;base64,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\"","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\"},[(_vm.interactionMode && _vm.device === 'desktop')?_c('button-action-dropdown'):_vm._e(),_c('div',{staticClass:\"context-panel-group\"},[_c('font-family-input',{staticClass:\"font-family-dropdown-container\",attrs:{\"activeFontFamily\":_vm._activeCanvasObject.fontFamily},on:{\"on-change-font-family\":_vm.updateFontFamily}}),_c('div',{staticClass:\"font-size text-settings-wraper\"},[_c('div',{staticClass:\"font-size-controllers minus\",on:{\"click\":function($event){return _vm.updateFontSize(--_vm.fontSize)}}},[_vm._v(\" - \")]),_c('input',{staticClass:\"font-size-input\",attrs:{\"type\":\"number\"},domProps:{\"value\":_vm.fontSize},on:{\"input\":function($event){return _vm.updateFontSize($event)}}}),_c('div',{staticClass:\"font-size-controllers plus\",on:{\"click\":function($event){return _vm.updateFontSize(++_vm.fontSize)}}},[_vm._v(\" + \")])]),_c('div',{staticClass:\"font-style text-settings-wraper\"},_vm._l((_vm.fontStyles),function(value,key,idx){return _c('label',{key:idx,staticClass:\"label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fontStyles[key].checked),expression:\"fontStyles[key].checked\"}],staticClass:\"checkbox-button\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.fontStyles[key].checked)?_vm._i(_vm.fontStyles[key].checked,null)>-1:(_vm.fontStyles[key].checked)},on:{\"change\":[function($event){var $$a=_vm.fontStyles[key].checked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.fontStyles[key], \"checked\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.fontStyles[key], \"checked\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.fontStyles[key], \"checked\", $$c)}},function($event){return _vm.updateFontStyle({ key, value })}]}}),_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":key,\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('span',{staticClass:\"input-wrapper fs\",class:{ underline: idx === 2 }},[_vm._v(_vm._s(value.title))])])],1)}),0),_c('div',{staticClass:\"text-align\"},_vm._l((_vm.textAlignMock),function(value,key,idx){return _c('label',{key:idx,staticClass:\"label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.textAlign),expression:\"textAlign\"}],staticClass:\"radio-button\",attrs:{\"type\":\"radio\",\"name\":\"text-align\"},domProps:{\"value\":key,\"checked\":_vm._q(_vm.textAlign,key)},on:{\"change\":[function($event){_vm.textAlign=key},_vm.updateTextAlign]}}),_c('el-tooltip',{staticClass:\"input-wrapper\",attrs:{\"placement\":\"bottom\",\"content\":key,\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{class:{\n                active:\n                  key ===\n                  (_vm._activeCanvasObject && _vm._activeCanvasObject.textAlign)\n              }},[_c('img',{attrs:{\"alt\":\"img\",\"src\":value}})])])],1)}),0),(_vm.device === 'mobile')?_c('div',{staticClass:\"color\"},[_c('el-dropdown',{attrs:{\"trigger\":\"click\",\"placement\":\"bottom\"},on:{\"visible-change\":_vm.onToggleColorDropdown}},[_c('span',{staticClass:\"el-dropdown-link\"},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"color\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"color-picker-wraper\",style:({\n                  backgroundColor: _vm.colorpickerBackground,\n                  border: _vm.getColorBorder(_vm.colorpickerBackground)\n                })})])],1),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{staticClass:\"picker-element\",attrs:{\"value\":{ hex: _vm.colorpickerBackground }},on:{\"input\":_vm.updateColor}})],1)],1)],1):_c('chrome-picker',{staticClass:\"picker-element\",attrs:{\"value\":{ hex: _vm.colorpickerBackground }},on:{\"input\":_vm.updateColor}})],1),_c('div',{staticClass:\"mob-separator\"}),_c('div',{staticClass:\"context-panel-group\"},[(_vm.interactionMode && _vm.device === 'mobile')?_c('button-action-dropdown'):_vm._e(),_c('div',{staticClass:\"effects-container\"},[_c('text-effects')],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"text-effect-wraper\"},[_c('div',{staticClass:\"effects-container\"},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"None\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.setEffect('none')}}},[_c('img',{class:{ active: _vm.activeEffect === 'none' },attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/text-effect/no.webp\")}})])]),_c('el-dropdown',{attrs:{\"placement\":_vm.device === 'mobile' ? 'top' : 'bottom',\"trigger\":\"click\"}},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"Shadow\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.setEffect('shadow')}}},[_c('img',{class:{ active: _vm.activeEffect === 'shadow' },attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/text-effect/shadow.webp\")}})])]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('div',{staticClass:\"setting-item\"},[_c('div',{staticClass:\"effect-param-container\"},[_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":100},model:{value:(_vm.shadowOffset),callback:function ($$v) {_vm.shadowOffset=$$v},expression:\"shadowOffset\"}})],1),_c('span',{staticClass:\"field-name up\"},[_vm._v(\"offset\")]),_c('div',{staticClass:\"effect-param-container\"},[_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":360},model:{value:(_vm.shadowDirection),callback:function ($$v) {_vm.shadowDirection=$$v},expression:\"shadowDirection\"}}),_c('span',{staticClass:\"field-name up\"},[_vm._v(\"direction\")])],1),_c('div',{staticClass:\"effect-param-container\"},[_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":100},model:{value:(_vm.shadowBlur),callback:function ($$v) {_vm.shadowBlur=$$v},expression:\"shadowBlur\"}}),_c('span',{staticClass:\"field-name up\"},[_vm._v(\"blur\")])],1),_c('div',{staticClass:\"effect-param-container\"},[(_vm.device === 'mobile')?_c('colorPicker',{attrs:{\"colorObject\":_vm.shadowColor,\"hoverPosition\":'left-hover',\"hoverTitle\":''},on:{\"input\":function($event){_vm.shadowColor = $event}}}):_c('chrome-picker',{staticClass:\"picker-element\",attrs:{\"value\":_vm.shadowColor},on:{\"input\":function($event){_vm.shadowColor = $event}}}),_c('span',{staticClass:\"field-name\"},[_vm._v(\"color\")])],1)])])],1),_c('el-dropdown',{attrs:{\"placement\":_vm.device === 'mobile' ? 'top' : 'bottom',\"trigger\":\"click\"}},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"Lift\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.setEffect('lift')}}},[_c('img',{class:{ active: _vm.activeEffect === 'lift' },attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/text-effect/lift.webp\")}})])]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('div',{staticClass:\"setting-item\"},[_c('div',{staticClass:\"effect-param-container\"},[_c('span',[_vm._v(\"intensity\")]),_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":100},model:{value:(_vm.liftIntensity),callback:function ($$v) {_vm.liftIntensity=$$v},expression:\"liftIntensity\"}})],1)])])],1),_c('el-dropdown',{attrs:{\"placement\":_vm.device === 'mobile' ? 'top' : 'bottom',\"trigger\":\"click\"}},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"Hollow\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.setEffect('hollow')}}},[_c('img',{class:{ active: _vm.activeEffect === 'hollow' },attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/text-effect/hollow.webp\")}})])]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('div',{staticClass:\"setting-item\"},[_c('div',{staticClass:\"effect-param-container\"},[_c('span',[_vm._v(\"thickness\")]),_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":1,\"max\":100},model:{value:(_vm.hollowThickness),callback:function ($$v) {_vm.hollowThickness=$$v},expression:\"hollowThickness\"}})],1)])])],1),_c('el-dropdown',{attrs:{\"placement\":_vm.device === 'mobile' ? 'top' : 'bottom',\"trigger\":\"click\"}},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":\"Neon\",\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.setEffect('neon')}}},[_c('img',{class:{ active: _vm.activeEffect === 'neon' },attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/text-effect/neon.webp\")}})])]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('div',{staticClass:\"setting-item\"},[_c('div',{staticClass:\"effect-param-container\"},[_c('span',[_vm._v(\"intensity\")]),_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":100},model:{value:(_vm.neonIntensity),callback:function ($$v) {_vm.neonIntensity=$$v},expression:\"neonIntensity\"}})],1)])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"text-effect-wraper\">\n    <!-- effect types -->\n    <div class=\"effects-container\">\n      <el-tooltip\n        placement=\"bottom\"\n        content=\"None\"\n        transition=\"fade-tooltip\"\n        :disabled=\"device === 'mobile'\"\n      >\n        <div class=\"item\" @click=\"setEffect('none')\">\n          <img\n            alt=\"img\"\n            :class=\"{ active: activeEffect === 'none' }\"\n            src=\"@/assets/img/text-effect/no.webp\"\n          />\n        </div>\n      </el-tooltip>\n\n      <el-dropdown\n        :placement=\"device === 'mobile' ? 'top' : 'bottom'\"\n        trigger=\"click\"\n      >\n        <el-tooltip\n          placement=\"bottom\"\n          content=\"Shadow\"\n          transition=\"fade-tooltip\"\n          :disabled=\"device === 'mobile'\"\n        >\n          <div class=\"item\" @click=\"setEffect('shadow')\">\n            <img\n              alt=\"img\"\n              :class=\"{ active: activeEffect === 'shadow' }\"\n              src=\"@/assets/img/text-effect/shadow.webp\"\n            />\n            <!-- <span>Shadow</span> -->\n          </div>\n        </el-tooltip>\n        <el-dropdown-menu slot=\"dropdown\">\n          <div class=\"setting-item\">\n            <div class=\"effect-param-container\">\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"100\"\n                v-model=\"shadowOffset\"\n              />\n            </div>\n            <span class=\"field-name up\">offset</span>\n            <div class=\"effect-param-container\">\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"360\"\n                v-model=\"shadowDirection\"\n              />\n              <span class=\"field-name up\">direction</span>\n            </div>\n            <div class=\"effect-param-container\">\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"100\"\n                v-model=\"shadowBlur\"\n              />\n              <span class=\"field-name up\">blur</span>\n            </div>\n            <div class=\"effect-param-container\">\n              <colorPicker\n                v-if=\"device === 'mobile'\"\n                :colorObject=\"shadowColor\"\n                @input=\"shadowColor = $event\"\n                :hoverPosition=\"'left-hover'\"\n                :hoverTitle=\"''\"\n              />\n              <chrome-picker\n                v-else\n                @input=\"shadowColor = $event\"\n                class=\"picker-element\"\n                :value=\"shadowColor\"\n              />\n              <span class=\"field-name\">color</span>\n            </div>\n          </div>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown\n        :placement=\"device === 'mobile' ? 'top' : 'bottom'\"\n        trigger=\"click\"\n      >\n        <el-tooltip\n          placement=\"bottom\"\n          content=\"Lift\"\n          transition=\"fade-tooltip\"\n          :disabled=\"device === 'mobile'\"\n        >\n          <div class=\"item\" @click=\"setEffect('lift')\">\n            <img\n              alt=\"img\"\n              :class=\"{ active: activeEffect === 'lift' }\"\n              src=\"@/assets/img/text-effect/lift.webp\"\n            />\n          </div>\n        </el-tooltip>\n        <el-dropdown-menu slot=\"dropdown\">\n          <div class=\"setting-item\">\n            <div class=\"effect-param-container\">\n              <span>intensity</span>\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"100\"\n                v-model=\"liftIntensity\"\n              />\n            </div>\n          </div>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown\n        :placement=\"device === 'mobile' ? 'top' : 'bottom'\"\n        trigger=\"click\"\n      >\n        <el-tooltip\n          placement=\"bottom\"\n          content=\"Hollow\"\n          transition=\"fade-tooltip\"\n          :disabled=\"device === 'mobile'\"\n        >\n          <div class=\"item\" @click=\"setEffect('hollow')\">\n            <img\n              alt=\"img\"\n              :class=\"{ active: activeEffect === 'hollow' }\"\n              src=\"@/assets/img/text-effect/hollow.webp\"\n            />\n          </div>\n        </el-tooltip>\n        <el-dropdown-menu slot=\"dropdown\">\n          <div class=\"setting-item\">\n            <div class=\"effect-param-container\">\n              <span>thickness</span>\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"1\"\n                :max=\"100\"\n                v-model=\"hollowThickness\"\n              />\n            </div>\n          </div>\n        </el-dropdown-menu>\n      </el-dropdown>\n\n      <el-dropdown\n        :placement=\"device === 'mobile' ? 'top' : 'bottom'\"\n        trigger=\"click\"\n      >\n        <el-tooltip\n          placement=\"bottom\"\n          content=\"Neon\"\n          transition=\"fade-tooltip\"\n          :disabled=\"device === 'mobile'\"\n        >\n          <div class=\"item\" @click=\"setEffect('neon')\">\n            <img\n              alt=\"img\"\n              :class=\"{ active: activeEffect === 'neon' }\"\n              src=\"@/assets/img/text-effect/neon.webp\"\n            />\n          </div>\n        </el-tooltip>\n        <el-dropdown-menu slot=\"dropdown\">\n          <div class=\"setting-item\">\n            <div class=\"effect-param-container\">\n              <span>intensity</span>\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"100\"\n                v-model=\"neonIntensity\"\n              />\n            </div>\n          </div>\n        </el-dropdown-menu>\n      </el-dropdown>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport colorPicker from \"@/components/contextMenu/utils/colorPicker\";\nimport nameCanvasObject from \"@/util/canvas/nameCanvasObject\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport { hexToRgb, rgbToHex } from \"@/helpers/hex\";\n\nexport default {\n  name: \"textEffects\",\n  components: {\n    colorPicker,\n    ChromePicker\n  },\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      activeCanvasObject: \"workSpace/activeCanvasObject\",\n      device: \"workSpace/device\",\n      interactionMode: \"workSpace/interactionMode\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    _canvas() {\n      return this.interactionMode ? this.survey : this.canvas;\n    },\n    _activeCanvasObject() {\n      return this.interactionMode ? this.activeWidget : this.activeCanvasObject;\n    }\n  },\n  data() {\n    return {\n      activeEffect: \"none\",\n      shadowOffset: 50,\n      shadowDirection: 135,\n      shadowBlur: 0,\n      shadowColor: {},\n      liftIntensity: 50,\n      hollowThickness: 50,\n      neonIntensity: 50\n    };\n  },\n  mounted() {\n    this.activeEffect = this._activeCanvasObject.textEffect || \"none\";\n    if (this.activeEffect === \"shadow\") {\n      this.shadowColor = { hex8: this._activeCanvasObject.shadow.color };\n    }\n  },\n  methods: {\n    setEffect(effect) {\n      if (this.activeEffect === effect) return;\n      this.activeEffect = effect;\n      const textColor =\n        this._activeCanvasObject.stroke ?? this._activeCanvasObject.fill;\n      if (effect === \"none\") {\n        this._activeCanvasObject.set({\n          shadow: null,\n          strokeWidth: 0,\n          fill: textColor\n        });\n      } else if (effect === \"shadow\") {\n        this._activeCanvasObject.set({\n          shadow: `${textColor.slice(0, 7)}7f 2px 2px 0px`,\n          strokeWidth: 0,\n          fill: textColor\n        });\n        this.shadowColor = {\n          hex8: `${textColor.slice(0, 7)}7f`,\n          hex: textColor.slice(0, 7),\n          a: 0.5\n        };\n      } else if (effect === \"lift\") {\n        this._activeCanvasObject.set({\n          shadow: `#0000007f 0px 0px 5px`,\n          strokeWidth: 0,\n          fill: textColor\n        });\n      } else if (effect === \"hollow\") {\n        this._activeCanvasObject.set({\n          shadow: null,\n          strokeWidth: 0.5,\n          stroke: textColor,\n          fill: \"#FFFFFF00\"\n        });\n      } else if (effect === \"neon\") {\n        this._activeCanvasObject.set({\n          shadow: `${textColor} 0px 0px 8px`,\n          strokeWidth: 0.5,\n          stroke: textColor\n        });\n        this.neonIntensity = 50;\n        this.setNeonColor(this.neonIntensity);\n      }\n      this._canvas.fire(\"canvas:changes\");\n      this._canvas.renderAll();\n    },\n    calculateShadowOffset(deg, offset) {\n      let x, y;\n      if (deg >= 0 && deg < 90) {\n        x = deg / 30;\n        y = (deg - 90) / 30;\n      }\n      if (deg >= 90 && deg < 180) {\n        x = (180 - deg) / 30;\n        y = (deg - 90) / 30;\n      }\n      if (deg >= 180 && deg < 270) {\n        x = (180 - deg) / 30;\n        y = Math.abs(deg - 270) / 30;\n      }\n      if (deg >= 270 && deg <= 360) {\n        x = (deg - 360) / 30;\n        y = (270 - deg) / 30;\n      }\n      x = (x / 50) * offset;\n      y = (y / 50) * offset;\n      this._activeCanvasObject.shadow.offsetX = x;\n      this._activeCanvasObject.shadow.offsetY = y;\n      this._canvas.renderAll();\n    },\n    setNeonColor(value) {\n      const hex =\n        this._activeCanvasObject.stroke || this.activeCanvasObject.fill;\n      const rgb = hexToRgb(hex.toLowerCase());\n      for (let c in rgb)\n        rgb[c] = Math.round(((255 - rgb[c]) * value) / 100 + rgb[c]);\n      const newColor = rgbToHex(rgb);\n      this._activeCanvasObject.set({ fill: newColor });\n      this._canvas.renderAll();\n    }\n  },\n  watch: {\n    shadowColor: {\n      deep: true,\n      handler(newValue) {\n        this._activeCanvasObject.shadow.color = newValue.hex8;\n        this._canvas.renderAll();\n      }\n    },\n    shadowDirection(deg) {\n      this.calculateShadowOffset(deg, this.shadowOffset);\n    },\n    shadowOffset(offset) {\n      this.calculateShadowOffset(this.shadowDirection, offset);\n    },\n    shadowBlur(blur) {\n      this._activeCanvasObject.shadow.blur = blur / 30;\n      this._canvas.renderAll();\n    },\n    liftIntensity(value) {\n      this._activeCanvasObject.shadow.blur = value / 10;\n      this._canvas.renderAll();\n    },\n    hollowThickness(value) {\n      this._activeCanvasObject.strokeWidth = value / 50;\n      this._canvas.renderAll();\n    },\n    neonIntensity(value) {\n      this.setNeonColor(value);\n    },\n    activeEffect(textEffect) {\n      nameCanvasObject(this._activeCanvasObject, \"text\", null, { textEffect });\n    }\n  }\n};\n</script>\n\n<style scoped>\n.effects-container {\n  display: flex;\n  justify-content: space-between;\n  width: 230px;\n}\n.effecgt-review {\n  width: 90px;\n  margin: 5px;\n}\n.item {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  transition: 0.2s all;\n}\n.item img {\n  border-radius: 5px;\n  overflow: hidden;\n  max-width: 30px;\n  border: 1px solid #bcbccb;\n  transition: 0.2s all;\n  cursor: pointer;\n}\n\n.field-name {\n  max-width: 100%;\n}\n.field-name.up {\n  margin-top: -5px;\n}\n.item img.active {\n  border: 1px solid #ffe000;\n}\n.item span {\n  font-size: 8px;\n}\n.picker-label {\n  width: 24px;\n  height: 24px;\n  border: 1px solid black;\n}\n.effect-param-container {\n  display: grid;\n  justify-items: center;\n}\n.effect-param-container span {\n  font-size: 12px;\n  padding-right: 15px;\n}\n.slider {\n  width: 100%;\n}\n.setting-item {\n  width: 250px;\n  padding: 0 20px;\n}\n@media screen and (max-width: 990px) {\n  .item img {\n    margin: 0 7px;\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!./textEffects.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!./textEffects.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textEffects.vue?vue&type=template&id=899c8bde&scoped=true&\"\nimport script from \"./textEffects.vue?vue&type=script&lang=js&\"\nexport * from \"./textEffects.vue?vue&type=script&lang=js&\"\nimport style0 from \"./textEffects.vue?vue&type=style&index=0&id=899c8bde&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  \"899c8bde\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"context-panel-container\">\n    <div class=\"context-panel-scroll\">\n      <button-action-dropdown v-if=\"interactionMode && device === 'desktop'\" />\n      <div class=\"context-panel-group\">\n        <!-- font-family -->\n        <font-family-input\n          class=\"font-family-dropdown-container\"\n          @on-change-font-family=\"updateFontFamily\"\n          :activeFontFamily=\"_activeCanvasObject.fontFamily\"\n        />\n        <!-- font size -->\n        <div class=\"font-size text-settings-wraper\">\n          <div\n            class=\"font-size-controllers minus\"\n            @click=\"updateFontSize(--fontSize)\"\n          >\n            -\n          </div>\n          <input\n            type=\"number\"\n            class=\"font-size-input\"\n            :value=\"fontSize\"\n            @input=\"updateFontSize($event)\"\n          />\n          <div\n            class=\"font-size-controllers plus\"\n            @click=\"updateFontSize(++fontSize)\"\n          >\n            +\n          </div>\n        </div>\n\n        <!-- font-style -->\n        <div class=\"font-style text-settings-wraper\">\n          <label\n            class=\"label\"\n            v-for=\"(value, key, idx) of fontStyles\"\n            :key=\"idx\"\n          >\n            <input\n              class=\"checkbox-button\"\n              v-model=\"fontStyles[key].checked\"\n              type=\"checkbox\"\n              @change=\"updateFontStyle({ key, value })\"\n            />\n            <el-tooltip\n              placement=\"bottom\"\n              :content=\"key\"\n              transition=\"fade-tooltip\"\n              :disabled=\"device === 'mobile'\"\n            >\n              <span\n                class=\"input-wrapper fs\"\n                :class=\"{ underline: idx === 2 }\"\n                >{{ value.title }}</span\n              >\n            </el-tooltip>\n          </label>\n        </div>\n        <!-- text-align -->\n        <div class=\"text-align\">\n          <label\n            class=\"label\"\n            v-for=\"(value, key, idx) of textAlignMock\"\n            :key=\"idx\"\n          >\n            <input\n              @change=\"updateTextAlign\"\n              class=\"radio-button\"\n              v-model=\"textAlign\"\n              type=\"radio\"\n              name=\"text-align\"\n              :value=\"key\"\n            />\n            <el-tooltip\n              placement=\"bottom\"\n              class=\"input-wrapper\"\n              :content=\"key\"\n              transition=\"fade-tooltip\"\n              :disabled=\"device === 'mobile'\"\n            >\n              <div\n                :class=\"{\n                  active:\n                    key ===\n                    (_activeCanvasObject && _activeCanvasObject.textAlign)\n                }\"\n              >\n                <img alt=\"img\" :src=\"value\" />\n              </div>\n            </el-tooltip>\n          </label>\n        </div>\n        <!-- color  -->\n        <div class=\"color\" v-if=\"device === 'mobile'\">\n          <el-dropdown\n            @visible-change=\"onToggleColorDropdown\"\n            trigger=\"click\"\n            placement=\"bottom\"\n          >\n            <span class=\"el-dropdown-link\">\n              <el-tooltip\n                placement=\"bottom\"\n                content=\"color\"\n                transition=\"fade-tooltip\"\n                :disabled=\"device === 'mobile'\"\n              >\n                <div\n                  class=\"color-picker-wraper\"\n                  :style=\"{\n                    backgroundColor: colorpickerBackground,\n                    border: getColorBorder(colorpickerBackground)\n                  }\"\n                ></div>\n              </el-tooltip>\n            </span>\n\n            <el-dropdown-menu slot=\"dropdown\">\n              <chrome-picker\n                @input=\"updateColor\"\n                class=\"picker-element\"\n                :value=\"{ hex: colorpickerBackground }\"\n              />\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n        <chrome-picker\n          v-else\n          @input=\"updateColor\"\n          class=\"picker-element\"\n          :value=\"{ hex: colorpickerBackground }\"\n        />\n      </div>\n      <div class=\"mob-separator\"></div>\n      <div class=\"context-panel-group\">\n        <button-action-dropdown v-if=\"interactionMode && device === 'mobile'\" />\n        <div class=\"effects-container\">\n          <text-effects />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport textEffects from \"@/components/contextMenu/textEffects\";\nimport fontFamilyInput from \"@/components/contextMenu/fontFamilyInput\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport { fetchCanvasFont } from \"@/helpers/fontsHelper\";\nimport { getColorBorder, hexToRgb, rgbToHex } from \"@/helpers/hex\";\nimport { setSurveyStepParam } from \"@/util/survey/markSurveyObject\";\nimport { mapGetters } from \"vuex\";\nimport buttonActionDropdown from \"@/components/contextMenu/widgets/buttonActionDropdown\";\nimport \"@/assets/css/contextMenu.css\";\n\nexport default {\n  name: \"PilTextPanel\",\n  components: {\n    buttonActionDropdown,\n    ChromePicker,\n    textEffects,\n    fontFamilyInput\n  },\n  data() {\n    return {\n      getColorBorder,\n      colorChecker: null,\n      timeoutId: null,\n      fontSize: 16,\n      textAlign: \"center\",\n      fontFamily: \"Monserrat\",\n      color: {},\n      fontStyles: {\n        bold: {\n          title: \"B\",\n          checked: false\n        },\n        italic: {\n          title: \"I\",\n          checked: false\n        },\n        underline: {\n          title: \"U\",\n          checked: false\n        }\n      },\n      textAlignMock: {\n        left: require(\"@/assets/img/fonts-panel/textPosLeft.svg\"),\n        center: require(\"@/assets/img/fonts-panel/textPosCenter.svg\"),\n        right: require(\"@/assets/img/fonts-panel/textPosRigth.svg\")\n      }\n    };\n  },\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      activeCanvasObject: \"workSpace/activeCanvasObject\",\n      device: \"workSpace/device\",\n      interactionMode: \"workSpace/interactionMode\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    _canvas() {\n      return this.interactionMode ? this.survey : this.canvas;\n    },\n    _activeCanvasObject() {\n      return this.interactionMode ? this.activeWidget : this.activeCanvasObject;\n    },\n    colorpickerBackground() {\n      if (!this._activeCanvasObject) return;\n      // this.colorChecker;\n      return this._activeCanvasObject.textEffect === \"neon\" ||\n        this._activeCanvasObject.textEffect === \"hollow\"\n        ? this._activeCanvasObject.get(\"stroke\").slice(0, 7)\n        : this._activeCanvasObject.fill.slice(0, 7);\n    }\n  },\n  created() {\n    this.init();\n    this._activeCanvasObject.on(\"scaling\", () => {\n      this.onFontSizeScaling();\n    });\n  },\n  methods: {\n    init() {\n      this.fontStyles.bold.checked =\n        this._activeCanvasObject.get(\"fontWeight\") === \"bold\";\n      this.fontStyles.italic.checked =\n        this._activeCanvasObject.get(\"fontStyle\") === \"italic\";\n      this.fontStyles.underline.checked = this._activeCanvasObject.get(\n        \"underline\"\n      );\n      this.textAlign = this._activeCanvasObject.get(\"textAlign\");\n      this.fontFamily = this._activeCanvasObject.get(\"fontFamily\");\n      this.fontSize = Math.round(\n        this._activeCanvasObject.get(\"fontSize\") *\n          this._activeCanvasObject.get(\"scaleY\")\n      );\n    },\n    updateFontStyle({ key, value }) {\n      fetchCanvasFont(this._activeCanvasObject, {\n        survey: this.interactionMode\n      });\n      let paramName, param;\n      if (key === \"bold\")\n        [paramName, param] = [\"fontWeight\", value.checked ? \"bold\" : \"normal\"];\n      if (key === \"italic\")\n        [paramName, param] = [\"fontStyle\", value.checked ? \"italic\" : \"normal\"];\n      if (key === \"underline\")\n        [paramName, param] = [\"underline\", value.checked];\n      this._activeCanvasObject.set(paramName, param);\n      this._canvas.renderAll();\n      this._canvas.fire(\"canvas:changes\");\n    },\n    onFontSizeScaling() {\n      let fontSize =\n        this._activeCanvasObject.get(\"fontSize\") *\n        this._activeCanvasObject.get(\"scaleY\");\n      fontSize = Math.round(fontSize);\n      if (!fontSize) return;\n      this.fontSize = fontSize;\n    },\n    onToggleColorDropdown(e) {\n      if (!e) this._canvas.fire(\"canvas:changes\");\n    },\n    updateColor(value) {\n      if (this._activeCanvasObject.textEffect === \"neon\") {\n        this._activeCanvasObject.set({\n          stroke: value.hex8,\n          shadow: {\n            ...this._activeCanvasObject.shadow,\n            color: value.hex8\n          }\n        });\n        this.setNeonColor(50);\n      } else if (this._activeCanvasObject.textEffect === \"hollow\") {\n        this._activeCanvasObject.set({\n          stroke: value.hex + \"ff\"\n        });\n      } else {\n        this.color = value;\n        const color = this.color.hex8;\n        this._activeCanvasObject.setColor(color);\n      }\n      this._canvas.renderAll();\n      this.colorChecker = Math.random();\n      if (this.timeoutId) clearTimeout(this.timeoutId);\n      this.timeoutId = setTimeout(() => {\n        this._canvas.fire(\"canvas:changes\");\n      }, 500);\n    },\n    updateFontSize(size, save = true) {\n      const _size = size?.target?.valueAsNumber ?? size;\n      const fontSize = Math.round(\n        _size / this._activeCanvasObject.get(\"scaleY\")\n      );\n      this._activeCanvasObject.set(\"fontSize\", fontSize > 0 ? fontSize : 1);\n      this._activeCanvasObject.setCoords();\n      this._canvas.renderAll();\n      if (save) this._canvas.fire(\"canvas:changes\");\n    },\n    updateTextAlign() {\n      this._activeCanvasObject.set(\"textAlign\", this.textAlign);\n      this._canvas.renderAll();\n      this._canvas.fire(\"canvas:changes\");\n    },\n    async updateFontFamily(fontFamily) {\n      await fetchCanvasFont(fontFamily, { isActiveObj: false });\n      this._activeCanvasObject.set(\"fontFamily\", fontFamily.name);\n      if (this.interactionMode && this.activeWidget.configs) {\n        this.activeWidget.configs.fontLink = fontFamily.content;\n        setSurveyStepParam(\n          \"configs\",\n          this.activeWidget,\n          this.activeWidget.configs\n        );\n      }\n      this._canvas.renderAll();\n      this._canvas.fire(\"canvas:changes\");\n    },\n    setNeonColor(value) {\n      const hex = this._activeCanvasObject.stroke.toLowerCase();\n      const rgb = hexToRgb(hex);\n      if (!rgb) return;\n      for (let c in rgb)\n        rgb[c] = Math.round(((255 - rgb[c]) * value) / 100 + rgb[c]);\n      const newColor = rgbToHex(rgb);\n      this._activeCanvasObject.set({ fill: newColor });\n      this._canvas.renderAll();\n    }\n  },\n  watch: {\n    _activeCanvasObject() {\n      this.init();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.picker-element {\n  padding: 8px;\n  border-radius: 7px;\n  background: #f8f8f5;\n  box-shadow: none;\n}\n.fz-conter {\n  margin-top: 20px;\n}\n.span {\n  font-size: 8px;\n  margin: 2px auto;\n  color: #1d2d36;\n  text-align: center;\n  width: 43px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.font-style,\n.text-align,\n.color {\n  padding: 0 5px;\n  display: flex;\n  justify-content: space-between;\n}\n.font-style {\n  margin-top: 12px;\n}\n.text-align {\n  margin: 20px 0 20px;\n  width: 120px;\n}\n.label {\n  display: flex;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  background: #f8f8f5;\n  border-radius: 2px;\n}\n.input-wrapper::after {\n  width: 15px;\n}\n.effects-container {\n  background: #f8f8f5;\n  margin-top: 20px;\n  padding: 8px;\n  border-radius: 7px;\n}\n.el-dropdown-link {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.label,\n.font-size-controllers {\n  cursor: pointer;\n}\n.text-settings-wraper {\n  width: 127px;\n  margin: 0 auto;\n}\n.input-field {\n  border-radius: 7px;\n}\n.custom-font {\n  color: #ffe000;\n}\n.copy-paste {\n  width: 100%;\n  display: flex;\n}\n.copy-paste img {\n  margin: 0 auto 24px;\n  cursor: pointer;\n}\n.font-size {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n@media screen and (max-width: 990px) {\n  .effects-container,\n  .font-family-dropdown-container {\n    margin-top: 0;\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!./textPanel.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!./textPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textPanel.vue?vue&type=template&id=102211d8&scoped=true&\"\nimport script from \"./textPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./textPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./textPanel.vue?vue&type=style&index=0&id=102211d8&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  \"102211d8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"color-picker-conteiner\"},[_c('el-dropdown',{attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"},on:{\"visible-change\":function($event){return _vm.$emit('visible-change', $event)}}},[_c('el-tooltip',{attrs:{\"placement\":\"bottom\",\"content\":_vm.hoverTitle,\"transition\":\"fade-tooltip\",\"disabled\":_vm.device === 'mobile'}},[_c('div',{staticClass:\"color-picker-wraper\",style:(_vm.pickerStyle)})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{attrs:{\"value\":_vm.colorObject},on:{\"input\":function($event){return _vm.$emit('input', $event)}}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"color-picker-conteiner\">\n    <el-dropdown\n      placement=\"bottom\"\n      @visible-change=\"$emit('visible-change', $event)\"\n      trigger=\"click\"\n    >\n      <el-tooltip\n        placement=\"bottom\"\n        :content=\"hoverTitle\"\n        transition=\"fade-tooltip\"\n        :disabled=\"device === 'mobile'\"\n      >\n        <div :style=\"pickerStyle\" class=\"color-picker-wraper\"></div>\n      </el-tooltip>\n\n      <el-dropdown-menu slot=\"dropdown\">\n        <chrome-picker :value=\"colorObject\" @input=\"$emit('input', $event)\" />\n      </el-dropdown-menu>\n    </el-dropdown>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport { getColorBorder } from \"@/helpers/hex\";\n\nexport default {\n  name: \"PilColorPicker\",\n  props: [\"colorObject\", \"hoverTitle\", \"hoverPosition\"],\n  components: {\n    ChromePicker\n  },\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\"\n    }),\n    pickerStyle() {\n      if (!this.colorObject)\n        return {\n          border: `1px solid #ffe000`\n        };\n      return {\n        backgroundColor: this.colorObject?.hex8 ?? this.colorObject?.hex,\n        border: getColorBorder(this.colorObject)\n      };\n    }\n  }\n};\n</script>\n\n<style scoped>\n.border-color {\n  cursor: pointer;\n  position: relative;\n}\n.color-picker-wraper {\n  width: 22px;\n  height: 22px;\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!./colorPicker.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!./colorPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./colorPicker.vue?vue&type=template&id=08a00ce6&scoped=true&\"\nimport script from \"./colorPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./colorPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./colorPicker.vue?vue&type=style&index=0&id=08a00ce6&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  \"08a00ce6\",\n  null\n  \n)\n\nexport default component.exports","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!./textEffects.vue?vue&type=style&index=0&id=899c8bde&prod&scoped=true&lang=css&\"","module.exports = \"data:image/webp;base64,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\"","module.exports = __webpack_public_path__ + \"img/file.3db5fd48.svg\";","module.exports = \"data:image/webp;base64,UklGRlwGAABXRUJQVlA4IFAGAAAQKgCdASrIAMgAPlEokkWjoqIS2iSMOAUEtLdwuPCN+av5a/pfZx/M+UBSGfVD8R/VP6j/veQ/gBfi/8o/z29UgA+qP+n4yvrv6Jv5x/uOOZoB/zD+i/9r+s+uD/1f5nzufR//V9wz+R/2v/pdhP9yPZH/U8e5lQyEBKh1MqGQgJUOplQyEBKh1LEv1Y1NgIORNqHUymVBm6XBE2AHQEqKa4/5/kYeGqmDWiNbmMn4IAIB8k1G/JVZ1NVl3a+YL6eEsuX5i0TLyEmwRwPml++XFHAjH9JtrhByoC7+/+K7VEYm++GliEVOoS2JJYHUrN0KK+nhRixISS0P/9oR3CypwueMCvdtSMnwPaDnThqnlMpulegOv27IoeP5PRDqf1Uw9E435sf+VKiM0EQ1+L9vk7UOpkSUjdsc2xpLRGnIPMRe+wPUyoZC1modTKhkICTmL4yEBKh1KgAA/v97Nf+WwG/ADHo78jQjL+RTTtR4AwSl+u2+F0piTEZ/SSCtT2EuE7ghEzdZK/hyewfqkQPkHOoGQuiI+oFEaXOb47IiaMgJcoR35kAhJuaEf45DCwYvJGWix8M9hJg0HTfjy6vG9q1+Yum6yNqHibMdTwox6ARf2bmcZItsjlrxDYeE/hTtGxTxGWecJVUlL3fhkOUP8f92XJv3LTWFyrXNKEoUDVpBtBfjPI/Yq9rNRpdzgT0738ha2jPZCMn9XRWQClN4dtmFfWxo/aobcDvtPiRpKrgw81FOye072MnH4619WW4C/u49XlcI2WYE1MfObf+FfjsmTZ8mtCyX5gTtkLyeC2rxQoA+n/zXeQSgZxaHMtKTt7lO8gJbdf5oNjgJspcm8pFHi4vL//UXku8m8jhbBkrzzNGfBG2WK8NcXJehbiSx8zqNe/WWQmNa4qN5btEN9454zIy2B26yXWJ+ugsU/jw8PUUF9LaLOeopUFDw/kGVEMb0l3d2pBYHzBOoQp3VgcV0LmB/Qwm4v/oCkqju/jggPVYoAFZ2kEOYKH6jgS6lbxRs0cdPaqFlxq9uRDSWZ+eUmrjnj5ycXOZ1F1w8+kq2oJ15gjPkvNcawL7Y9rGYZYVoOvUv4EDYoRBSW4OOKHyiVSHQZiDrBWw9RCWGiAZmOdFdYirj+knd31s8RjqQRSHMva7zVf7q08u7aA5hMG6p/oPq4oAYReUgye8aOd4O/+LaPAXQ11N2pUdx/eTIF+faPV2oYJbBo382NUdclCo8UeRy5Sav925ZEpQkMRd1oeaW9owTivEszrpU/byXoeTOCA8MzuZOxwTJNSeSm0g1tcOI8cB1PC1+bDtBjh1FkqvH0Ga/dwlJm3vbwHUnSojxf0a+aHOr161U8o5mhu4wTlPxmLlZ1sUFfzOj/wrwaC+offkwjZrd3FwcerZlWOmExtd52f9a0jIw06hPQIad/sHhsSx/rRRAK1Dqgs7yusXP8E08XShuxyqIOgBboua3aPsK701LmV7E9Fb5bW9vp1//ikwJ+3phs9Ri85GbwRfbBARZ505xmSIpilNeArufbDYunD3osiybCBfgi/gstorT+TpwXKcV7t0xS8AUJOFT/3vpvQ2oRzDraJlI8xUIepxFw5xbf+jd+OdmRx75IHpDxnEakHtIOcvX9TSvWEbGXuLvMxW8nha08q5VTGwmWB80QFPFg+YcyrloBRuTBJS5dMX+H4fRjQfLKZwHDLJKp3ubeOHUeJFAvJhmmcUV7NFKhVeBj4Bt6ntYnomKiknVgYX6vk5OIn3wvErRNueSZViX7Wdmf8xnwQSu0Gi6tezR7YO2GdvkXuxHFfc/098/Q89LurJyQrmmneTKdOtPMWAQnNB/MZ3Sgk4S7tLoZHE32BXtsMAGaZu/OWqApx9izttfaw62RKW/PzJ+MbfkUA1POFmLbhmyYu+Z70kV21MSe4rj/kXTDnL+nNja5Ld1b5AIpX+5QGhJhEs/iq49m21dgDEXTNgXxRKiq0A/xjZXN3ZWdb/OFlEgTtC6iZdNzjgxp4r610YGMB5TrM7uQyNcqxuLh0yHQh8G9Ij/kIUDNcjAZgkZj/eNQM7jIaFypaO0O3zT34ucAf7ooqKBq49dkT+hKmC6JWOUl1uvn7/YSzVn887AtwiqnYf7u2LBnfIAVTOAAAAAAA==\"","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!./buttonActionDropdown.vue?vue&type=style&index=0&id=ca5d773c&prod&scoped=true&lang=css&\""],"sourceRoot":""}