{"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/assets/img/select_arrow.svg","webpack:///./src/components/contextMenu/fontFamilyInput.vue?1b5d","webpack:///./src/components/contextMenu/widgets/buttonWidgetPanel.vue","webpack:///src/components/contextMenu/widgets/buttonWidgetPanel.vue","webpack:///./src/components/contextMenu/widgets/buttonWidgetPanel.vue?d04a","webpack:///./src/components/contextMenu/widgets/buttonWidgetPanel.vue?64d3","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/assets/img/qr/Rectangle_radius.svg","webpack:///./src/components/contextMenu/widgets/buttonWidgetPanel.vue?0261","webpack:///./src/assets/img/file.svg","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","btnText","updateBtnText","fontFamily","updateFontFamily","updateFontSize","fontSize","fontStyles","$set","updateFontStyle","device","underline","title","n","style","backgroundColor","border","getColorBorder","hex","onUpdateColor","hideScaleControllers","updateBtnRadius","model","borderRadius","components","ChromePicker","fontFamilyInput","buttonActionDropdown","colorChecker","color","timeoutId","bold","italic","_objects","fill","textItem","buttonItem","mounted","init","_this$activeWidget","_this$activeWidget$on","text","onFontSizeScaling","call","rx","Math","round","ry","calculatePosition","renderAll","clearTimeout","setTimeout","opend","hasControls","paramName","param","fetchCanvasFont","size","_size$target$valueAsN","_size$target","_size","valueAsNumber","isActiveObj","fontLink","groupHeight","height","groupWidth","width","dynamicMinWidth","setCoords","colorIdx","setColor","onHideDropdown","fontInput","ref","activeFontFamily","fontFamilyList","onChangeFontFamily","__typename","preview","showLoader","props","preloader","allFonts","fontsListMod","currentPage","maxPerPage","disableObserve","fonts","myFonts","interactionMode","canvas","_canvas","serializedMyFonts","map","f","replace","scrollTrigger","$emit","rating","incrementRating","v","$refs","blur","observer","IntersectionObserver","entries","forEach","entry","intersectionRatio","fetchPathFontsList","observe","infinityScrollTrigger","partFontList","promiseList","push","Promise","all","filter","toLowerCase"],"mappings":"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","file":"js/buttonWidgetPanel.29f4f840.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","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&\"","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-container\"},[_c('button-action-dropdown',{staticClass:\"btn-action-dropdown\"}),_c('div',{staticClass:\"btn-action-dropdown\"},[_c('div',{staticClass:\"button-text-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.btnText),expression:\"btnText\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.btnText)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.btnText=$event.target.value},_vm.updateBtnText]}})]),_c('div',{staticClass:\"field-name\"},[_vm._v(\"button name\")])])],1),_c('div',{staticClass:\"mob-separator\"}),_c('div',{staticClass:\"context-panel-group-container\"},[_c('font-family-input',{attrs:{\"activeFontFamily\":_vm.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:\"button-colors-container\"},_vm._l((2),function(n){return _c('div',{key:n,staticClass:\"border-color\"},[_c('el-dropdown',{attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"}},[_c('span',{staticClass:\"picker-button\"},[_c('div',{staticClass:\"color-picker-wraper\",style:({\n                  backgroundColor: _vm.backgroundColor[n - 1],\n                  border: _vm.getColorBorder({ hex: _vm.backgroundColor[n - 1] })\n                })})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('chrome-picker',{staticClass:\"picker-element\",attrs:{\"value\":_vm.backgroundColor[n - 1]},on:{\"input\":function($event){return _vm.onUpdateColor(n - 1, $event)}}})],1)],1)],1)}),0),_c('div',{staticClass:\"field-name\"},[_vm._v(\"button color\")]),_c('div',{staticClass:\"button-colors-container\",staticStyle:{\"width\":\"50px\"}},[_c('el-dropdown',{staticClass:\"dropdown-radius\",attrs:{\"placement\":\"bottom\",\"trigger\":\"click\"},on:{\"visible-change\":_vm.hideScaleControllers}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/qr/Rectangle_radius.svg\")}}),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('el-slider',{staticClass:\"slider\",attrs:{\"show-tooltip\":false,\"min\":0,\"max\":15},on:{\"input\":_vm.updateBtnRadius},model:{value:(_vm.borderRadius),callback:function ($$v) {_vm.borderRadius=$$v},expression:\"borderRadius\"}})],1)],1)],1),_c('div',{staticClass:\"field-name\"},[_vm._v(\"radius\")])],1)])])\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-container\">\n        <button-action-dropdown class=\"btn-action-dropdown\" />\n        <div class=\"btn-action-dropdown\">\n          <div class=\"button-text-container\">\n            <input type=\"text\" v-model=\"btnText\" @input=\"updateBtnText\" />\n          </div>\n          <div class=\"field-name\">button name</div>\n        </div>\n      </div>\n      <div class=\"mob-separator\"></div>\n      <div class=\"context-panel-group-container\">\n        <!-- font-family -->\n        <font-family-input\n          @on-change-font-family=\"updateFontFamily\"\n          :activeFontFamily=\"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        <!-- 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        <div class=\"button-colors-container\">\n          <div class=\"border-color\" v-for=\"n in 2\" :key=\"n\">\n            <el-dropdown placement=\"bottom\" trigger=\"click\">\n              <span class=\"picker-button\">\n                <div\n                  :style=\"{\n                    backgroundColor: backgroundColor[n - 1],\n                    border: getColorBorder({ hex: backgroundColor[n - 1] })\n                  }\"\n                  class=\"color-picker-wraper\"\n                ></div>\n              </span>\n              <el-dropdown-menu slot=\"dropdown\">\n                <chrome-picker\n                  class=\"picker-element\"\n                  @input=\"onUpdateColor(n - 1, $event)\"\n                  :value=\"backgroundColor[n - 1]\"\n                />\n              </el-dropdown-menu>\n            </el-dropdown>\n          </div>\n        </div>\n        <div class=\"field-name\">button color</div>\n        <div class=\"button-colors-container\" style=\"width: 50px;\">\n          <el-dropdown\n            @visible-change=\"hideScaleControllers\"\n            placement=\"bottom\"\n            class=\"dropdown-radius\"\n            trigger=\"click\"\n          >\n            <img alt=\"img\" src=\"@/assets/img/qr/Rectangle_radius.svg\" />\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-slider\n                class=\"slider\"\n                :show-tooltip=\"false\"\n                :min=\"0\"\n                :max=\"15\"\n                v-model=\"borderRadius\"\n                @input=\"updateBtnRadius\"\n              />\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n        <div class=\"field-name\">radius</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getColorBorder } from \"@/helpers/hex\";\nimport ChromePicker from \"vue-color/src/components/Chrome\";\nimport fontFamilyInput from \"@/components/contextMenu/fontFamilyInput\";\nimport buttonActionDropdown from \"@/components/contextMenu/widgets/buttonActionDropdown\";\nimport { fetchCanvasFont } from \"@/helpers/fontsHelper\";\nimport { mapGetters } from \"vuex\";\nimport { setSurveyStepParam } from \"@/util/survey/markSurveyObject\";\nimport \"@/assets/css/contextMenu.css\";\n\nexport default {\n  name: \"PilButtonWidgetPanel\",\n  components: {\n    ChromePicker,\n    fontFamilyInput,\n    buttonActionDropdown\n  },\n  data() {\n    return {\n      getColorBorder,\n      colorChecker: null,\n      fontSize: 16,\n      fontFamily: \"Monserrat\",\n      color: {},\n      borderRadius: 0,\n      btnText: \"\",\n      timeoutId: null,\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    };\n  },\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\",\n      survey: \"workSpace/survey\",\n      activeWidget: \"workSpace/activeWidget\"\n    }),\n    backgroundColor() {\n      return [\n        this.activeWidget._objects[0].fill,\n        this.activeWidget._objects[1].fill\n      ];\n    },\n    textItem() {\n      return this.activeWidget._objects[1];\n    },\n    configs() {\n      return this.activeWidget.configs;\n    },\n    buttonItem() {\n      return this.activeWidget._objects[0];\n    }\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    init() {\n      this.btnText = this.textItem.text;\n      this.fontStyles.bold.checked = this.textItem.get(\"fontWeight\") === \"bold\";\n      this.fontStyles.italic.checked =\n        this.textItem.get(\"fontStyle\") === \"italic\";\n      this.fontStyles.underline.checked = this.textItem.get(\"underline\");\n      this.fontFamily = this.textItem.get(\"fontFamily\");\n\n      this.onFontSizeScaling();\n      this.activeWidget?.on?.(\"scaling\", () => {\n        this.onFontSizeScaling();\n      });\n      this.borderRadius = this.buttonItem.rx;\n    },\n    onFontSizeScaling() {\n      this.fontSize = Math.round(\n        this.textItem.get(\"fontSize\") * this.activeWidget.get(\"scaleY\")\n      );\n    },\n    updateBtnRadius() {\n      this.buttonItem.set({\n        rx: this.borderRadius,\n        ry: this.borderRadius\n      });\n      this.calculatePosition();\n      this.survey.renderAll();\n      this.survey.fire(\"canvas:changes\");\n    },\n    updateBtnText() {\n      this.textItem.set(\"text\", this.btnText);\n      this.calculatePosition();\n      this.survey.renderAll();\n      if (this.timeoutId) clearTimeout(this.timeoutId);\n      this.timeoutId = setTimeout(() => {\n        this.survey.fire(\"canvas:changes\");\n      }, 500);\n    },\n    hideScaleControllers(opend) {\n      if (opend) {\n        this.activeWidget.hasControls = false;\n      } else {\n        this.activeWidget.hasControls = true;\n      }\n      this.survey.renderAll();\n    },\n    updateFontStyle({ key, value }) {\n      fetchCanvasFont(this.textItem.fontFamily, { survey: true });\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.textItem.set(paramName, param);\n      this.survey.renderAll();\n      this.calculatePosition();\n      this.survey.fire(\"canvas:changes\");\n    },\n    updateFontSize(size) {\n      const _size = size?.target?.valueAsNumber ?? size;\n      this.textItem.set(\"fontSize\", _size > 0 ? _size : 1);\n      this.fontSize = _size > 0 ? _size : 1;\n      this.survey.renderAll();\n      this.calculatePosition();\n      this.survey.fire(\"canvas:changes\");\n    },\n    async updateFontFamily(fontFamily) {\n      await fetchCanvasFont(fontFamily, { isActiveObj: false });\n      this.textItem.set(\"fontFamily\", fontFamily.name);\n      this.fontFamily = fontFamily.name;\n      this.survey.renderAll();\n      this.calculatePosition();\n      this.configs.fontLink = fontFamily.content;\n      setSurveyStepParam(\"configs\", this.activeWidget, this.configs);\n      this.survey.fire(\"canvas:changes\");\n    },\n    calculatePosition() {\n      const groupHeight = this.activeWidget.height;\n      const groupWidth = this.activeWidget.width;\n      const width = this.textItem.dynamicMinWidth;\n      const height = this.textItem.height;\n      if (height >= groupHeight) {\n        this.buttonItem.set(\"height\", height);\n        this.activeWidget.set(\"height\", height);\n        this.activeWidget.setCoords();\n      }\n      if (width > groupWidth) {\n        this.updateFontSize(--this.fontSize);\n        return;\n      }\n      this.textItem.set(\"width\", groupWidth);\n    },\n    onUpdateColor(colorIdx, { hex }) {\n      this.activeWidget._objects[colorIdx].setColor(hex);\n      this.survey.renderAll();\n      if (this.timeoutId) clearTimeout(this.timeoutId);\n      this.timeoutId = setTimeout(() => {\n        this.survey.fire(\"canvas:changes\");\n      }, 500);\n    }\n  },\n  watch: {\n    activeWidget() {\n      this.init();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.button-panel-wraper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding-left: 7px;\n  box-sizing: border-box;\n}\n.button-text-container input {\n  background: #f8f8f5;\n  border: none;\n  line-height: 25px;\n  font-size: 12px;\n  height: 25px;\n  width: 200px;\n  text-align: center;\n}\n.items-container {\n  margin-top: 15px;\n  width: 100%;\n  padding: 0 20px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.panel-title {\n  color: #1d2d36;\n  font-size: 12px;\n  font-weight: 600;\n  text-align: center;\n  margin-top: 10px;\n}\n.button-colors-container {\n  margin: 0 auto;\n  background: #f8f8f5;\n  display: flex;\n  width: 115px;\n  height: 30px;\n  display: flex;\n  border-radius: 5px;\n  align-items: center;\n  justify-content: space-around;\n}\n\n.border-color {\n  display: flex;\n  cursor: pointer;\n  position: relative;\n}\n.picker-label {\n  width: 24px;\n  height: 24px;\n  border: 1px solid black;\n}\n\n.font-style,\n.text-align,\n.color {\n  display: flex;\n  justify-content: space-between;\n  width: 120px;\n  margin: auto;\n}\n.font-style {\n  margin-bottom: 20px;\n}\n.label {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  min-width: 26px;\n  height: 26px;\n  background: #f8f8f5;\n  border-radius: 4px;\n}\n\n.input-wrapper::after {\n  width: 15px;\n}\n.slider {\n  width: 200px;\n}\n.dropdown-radius {\n  display: flex;\n}\n.dropdown-radius img {\n  cursor: pointer;\n  height: 22px;\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  .button-text-container input {\n    margin-top: 0;\n  }\n  .btn-action-dropdown.button-action-container {\n    padding: 0;\n    justify-content: flex-start;\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!./buttonWidgetPanel.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!./buttonWidgetPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./buttonWidgetPanel.vue?vue&type=template&id=7d0bec29&scoped=true&\"\nimport script from \"./buttonWidgetPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./buttonWidgetPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./buttonWidgetPanel.vue?vue&type=style&index=0&id=7d0bec29&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  \"7d0bec29\",\n  null\n  \n)\n\nexport default component.exports","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","module.exports = __webpack_public_path__ + \"img/Rectangle_radius.a4dd30ac.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!./buttonWidgetPanel.vue?vue&type=style&index=0&id=7d0bec29&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/file.3db5fd48.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!./buttonActionDropdown.vue?vue&type=style&index=0&id=ca5d773c&prod&scoped=true&lang=css&\""],"sourceRoot":""}