jodit-pro 2.0.0-beta.12 → 2.0.0-beta.21

package/es2021/plugins/backup/backup.min.js

@@ -1,10 +1,10 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v2.0.0-beta.12
+ * Version: v2.0.0-beta.21
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
 
 
-((t,e)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var s=e();for(var o in s)("object"==typeof exports?exports:t)[o]=s[o]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[391],{50722(t){t.exports='<?xml version="1.0" ?><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><g id="Upload"><path d="M16,26h8V50a2,2,0,0,0,2,2H38a2,2,0,0,0,2-2V26h8a2,2,0,0,0,1.4946-3.3291l-16-18a2,2,0,0,0-2.9892,0l-16,18A2,2,0,0,0,16,26ZM32,9.0107,43.5464,22H38a2,2,0,0,0-2,2V48H28V24a2,2,0,0,0-2-2H20.4536Z"/><path d="M53,42a2,2,0,0,0-2,2V54a2.0023,2.0023,0,0,1-2,2H15a2.0023,2.0023,0,0,1-2-2V44a2,2,0,0,0-4,0V54a6.0066,6.0066,0,0,0,6,6H49a6.0066,6.0066,0,0,0,6-6V44A2,2,0,0,0,53,42Z"/></g></svg>'},32100(t,e,s){"use strict";s.r(e),s.d(e,{backup(){return h}});var o=s(97582),i=(s(19775),s(7324)),n=s(1844),a=s(71298),r=s(75004),c=s(50526),l=s(88292);class h extends i.S{constructor(){super(...arguments),this.hasStyle=!l.y.fatMode,this.buttons=[{name:"backup.restore",group:"history"}],this.__box=new a.j(this.j),this.__dialog=null,this.__storage=this.jodit.o.backup.remoteStore??new n.W(this.jodit),this.timeout=0}afterInit(t){t.registerCommand("saveBackup",this.onSaveBackup).registerCommand("openBackupDialog",{exec:this.onOpenBackupDialog,hotkeys:t.o.backup.hotkeys});const e=()=>{this.timeout=t.async.setTimeout((()=>{this.onSaveBackup(),e()}),1e3*t.o.backup.interval)};e(),t.e.on(this.__box,"choose",this.onSelectItem).on(t.ow,"beforeunload.backup",(()=>{this.onSaveBackup()}))}prepareDialog(){this.__dialog||(this.__dialog=this.j.dlg({minWidth:this.j.o.backup.dialogWidth,buttons:["fullsize","dialog.close"]}).setContent(this.__box.container)),this.__dialog.setHeader(this.jodit.i18n("Restore")),this.addButtonsToDialog()}onSaveBackup(){this.__storage.add({created:new Date,html:this.j.value})}async onOpenBackupDialog(){this.prepareDialog();const{__dialog:t}=this;if(!t)return;t.open().setModal(!0);const e=await this.__storage.items();this.__box.build([{created:new Date,html:this.j.value},...e]),t.calcAutoSize(),t.setPosition()}onSelectItem(t){this.__dialog?.close(),this.j.value=t.html,this.j.s.focus()}addButtonsToDialog(){const{jodit:t}=this,e=(0,r.zx)(t,{name:"ok",tabIndex:0,variant:"primary",text:"Ok"}),s=(0,r.zx)(t,{variant:"secondary",tabIndex:0,text:"Cancel"}),o=(0,r.zx)(t,{name:"clear",tabIndex:0,variant:"secondary",text:"Remove all"});e.onAction((()=>{this.__box.chooseSelected()})),s.onAction((()=>{this.__dialog?.close()})),o.onAction((()=>{t.confirm("Are you sure?",void 0,(t=>{t&&(this.__storage.clear(),this.__dialog?.close())}))}));const i=new r.eC(t,[o,s,e]);i.container.style.margin="0",i.container.style.justifyContent="flex-end",i.container.style.width="100%",this.__dialog?.setFooter(i)}beforeDestruct(){const{j:t}=this;t.async.clearTimeout(this.timeout),t.e.off(this.__box,"choose",this.onSelectItem).off(t.ow,"beforeunload.backup"),this.__box.destruct(),this.__dialog?.destruct()}}h.requires=["license"],(0,o.gn)([c.autobind],h.prototype,"onSaveBackup",null),(0,o.gn)([c.autobind],h.prototype,"onOpenBackupDialog",null),(0,o.gn)([c.autobind],h.prototype,"onSelectItem",null),l.y.plugins.add("backup",h)},19775(t,e,s){"use strict";var o=s(77628),i=s(10503),n=s(81160);o.Config.prototype.backup={interval:30,limit:50,dialogWidth:700,hotkeys:["ctrl+shift+b","cmd+shift+b"]},o.Config.prototype.controls.backup={store:{command:"saveBackup",text:"Save backup now"},restore:{tooltip:"Restore",list:["backup.store"],exec(t){t.execCommand("openBackupDialog")}}},i.J.set("restore",s(50722)),(0,n.xl)(s(10188))},10188(t,e,s){"use strict";s.r(e)},1844(t,e,s){"use strict";s.d(e,{W(){return o}});class o{constructor(t){this.jodit=t,this.key="backup.default.storage"}async add(t){if(!t.html.trim().length)return!1;const e=this.jodit.storage.get(this.key)||[];return e.find((e=>e.html===t.html))||(e.unshift(t),e.length>this.jodit.o.backup.limit&&(e.length=this.jodit.o.backup.limit),this.jodit.storage.set(this.key,e)),!1}items(){return Promise.resolve(this.jodit.storage.get(this.key)||[])}clear(){return this.jodit.storage.delete(this.key),Promise.resolve(!1)}}},71298(t,e,s){"use strict";s.d(e,{j(){return r}});var o=s(97582),i=s(50526),n=s(75004),a=s(75696);let r=class t extends n.u1{className(){return"UIBackupBox"}constructor(t){super(t),this.list=new a.A(this.j),this.preview=this.j.c.div(this.getFullElName("preview")),this.container.appendChild(this.list.container),this.container.appendChild(this.preview),this.list.container.classList.add(this.getFullElName("list")),t.e.on(this.list,"select",this.onSelectItem).on(this.list,"choose",this.onChooseItem)}build(t){this.preview.innerHTML="",this.list.build(t)}destruct(){return this.j.e.off(this.list,"select",this.onSelectItem),this.list.destruct(),super.destruct()}onSelectItem(t){this.latestSelected=t,this.preview.innerHTML=t.html||`<div class="${this.getFullElName("empty")}">${this.j.i18n("Empty")}</div>`}onChooseItem(t){this.j.e.fire(this,"choose",t)}chooseSelected(){this.onChooseItem(this.latestSelected)}};(0,o.gn)([i.autobind],r.prototype,"onSelectItem",null),(0,o.gn)([i.autobind],r.prototype,"onChooseItem",null),r=(0,o.gn)([i.component],r)},64741(t,e,s){"use strict";s.d(e,{O(){return n}});var o=s(75004),i=s(95582);class n extends o.u1{className(){return"UIBackupItem"}constructor(t,e){super(t),this.data=e,this.container.innerHTML=this.formatDate(e.created),(0,i.attr)(this.container,"tabIndex",0)}formatDate(t){const e=new Date,s=(0,i.isString)(t)?new Date(t):t,o=(e.getTime()-s.getTime())/1e3;return(0,i.isFunction)(this.j.o.backup.formatDate)?this.j.o.backup.formatDate(s):.2>o?this.j.i18n("Current"):60>o?this.j.i18n("Less minute"):o>3600?o>86400?`${s.toDateString()} ${s.toLocaleTimeString()}`:this.j.i18n("%s hours  ago",Math.floor(o/3600)):this.j.i18n("%s minutes ago",Math.floor(o/60))}focus(){this.container.focus()}}},75696(t,e,s){"use strict";s.d(e,{A(){return l}});var o=s(97582),i=s(75004),n=s(50526),a=s(64741),r=s(11612),c=s(95582);let l=class t extends i.qe{className(){return"UIBackupList"}createContainer(t){const e=super.createContainer(t);return(0,c.attr)(e,"tabIndex","-1"),e}constructor(t){super(t),this.elements=[],this.currentSelection=-1,t.e.on(this.container,"keydown",(t=>{switch(t.key){case r.KEY_ENTER:t.preventDefault(),t.stopPropagation(),this.onChoose(this.currentSelection);break;case r.KEY_DOWN:this.selectNext();break;case r.KEY_UP:this.selectPrevious()}}))}build(t){this.clear(),t.forEach(((t,e)=>{const s=new a.O(this.jodit,t);this.append(s),this.j.e.on(s.container,"focus",(()=>this.onSelect(e))).on(s.container,"click",(()=>this.onSelect(e))).on(s.container,"dblclick",(()=>this.onChoose(e)))})),this.currentSelection=0,this.onChangeCurrentSelection(void 0,-1,0)}onChangeCurrentSelection(t,e,s){this.elements[e]?.setMod("active",!1),this.elements[s]?.setMod("active",!0),this.elements[s]?.focus(),this.j.e.fire(this,"select",this.elements[s].data)}onSelect(t){this.currentSelection=t}onChoose(t){this.j.e.fire(this,"choose",this.elements[t??this.currentSelection].data)}selectNext(){this.currentSelection+1>this.elements.length-1?this.currentSelection=0:this.currentSelection+=1}selectPrevious(){0>this.currentSelection-1?this.currentSelection=this.elements.length-1:this.currentSelection-=1}};(0,o.gn)([(0,n.watch)("currentSelection")],l.prototype,"onChangeCurrentSelection",null),(0,o.gn)([n.autobind],l.prototype,"onSelect",null),(0,o.gn)([n.autobind],l.prototype,"onChoose",null),l=(0,o.gn)([n.component],l)}},t=>t(t.s=32100)])}));
+((t,e)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var s=e();for(var o in s)("object"==typeof exports?exports:t)[o]=s[o]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[391],{50722(t){t.exports='<?xml version="1.0" ?><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><g id="Upload"><path d="M16,26h8V50a2,2,0,0,0,2,2H38a2,2,0,0,0,2-2V26h8a2,2,0,0,0,1.4946-3.3291l-16-18a2,2,0,0,0-2.9892,0l-16,18A2,2,0,0,0,16,26ZM32,9.0107,43.5464,22H38a2,2,0,0,0-2,2V48H28V24a2,2,0,0,0-2-2H20.4536Z"/><path d="M53,42a2,2,0,0,0-2,2V54a2.0023,2.0023,0,0,1-2,2H15a2.0023,2.0023,0,0,1-2-2V44a2,2,0,0,0-4,0V54a6.0066,6.0066,0,0,0,6,6H49a6.0066,6.0066,0,0,0,6-6V44A2,2,0,0,0,53,42Z"/></g></svg>'},32100(t,e,s){"use strict";s.r(e),s.d(e,{backup(){return h}});var o=s(97582),i=(s(19775),s(7324)),n=s(75004),a=s(50526),r=s(53852),c=s(1844),l=s(71298);class h extends i.S{constructor(){super(...arguments),this.hasStyle=!r.y.fatMode,this.buttons=[{name:"backup.restore",group:"history"}],this.__box=new l.j(this.j),this.__dialog=null,this.__storage=this.jodit.o.backup.remoteStore??new c.W(this.jodit),this.timeout=0}afterInit(t){t.registerCommand("saveBackup",this.onSaveBackup).registerCommand("openBackupDialog",{exec:this.onOpenBackupDialog,hotkeys:t.o.backup.hotkeys});const e=()=>{this.timeout=t.async.setTimeout((()=>{this.onSaveBackup(),e()}),1e3*t.o.backup.interval)};e(),t.e.on(this.__box,"choose",this.onSelectItem).on(t.ow,"beforeunload.backup",(()=>{this.onSaveBackup()}))}prepareDialog(){this.__dialog||(this.__dialog=this.j.dlg({minWidth:this.j.o.backup.dialogWidth,buttons:["fullsize","dialog.close"]}).setContent(this.__box.container)),this.__dialog.setHeader(this.jodit.i18n("Restore")),this.addButtonsToDialog()}onSaveBackup(){this.__storage.add({created:new Date,html:this.j.value})}async onOpenBackupDialog(){this.prepareDialog();const{__dialog:t}=this;if(!t)return;t.open().setModal(!0);const e=await this.__storage.items();this.__box.build([{created:new Date,html:this.j.value},...e]),t.calcAutoSize(),t.setPosition()}onSelectItem(t){this.__dialog?.close(),this.j.value=t.html,this.j.s.focus()}addButtonsToDialog(){const{jodit:t}=this,e=(0,n.zx)(t,{name:"ok",tabIndex:0,variant:"primary",text:"Ok"}),s=(0,n.zx)(t,{variant:"secondary",tabIndex:0,text:"Cancel"}),o=(0,n.zx)(t,{name:"clear",tabIndex:0,variant:"secondary",text:"Remove all"});e.onAction((()=>{this.__box.chooseSelected()})),s.onAction((()=>{this.__dialog?.close()})),o.onAction((()=>{t.confirm("Are you sure?",void 0,(t=>{t&&(this.__storage.clear(),this.__dialog?.close())}))}));const i=new n.eC(t,[o,s,e]);i.container.style.margin="0",i.container.style.justifyContent="flex-end",i.container.style.width="100%",this.__dialog?.setFooter(i)}beforeDestruct(){const{j:t}=this;t.async.clearTimeout(this.timeout),t.e.off(this.__box,"choose",this.onSelectItem).off(t.ow,"beforeunload.backup"),this.__box.destruct(),this.__dialog?.destruct()}}h.requires=["license"],(0,o.gn)([a.autobind],h.prototype,"onSaveBackup",null),(0,o.gn)([a.autobind],h.prototype,"onOpenBackupDialog",null),(0,o.gn)([a.autobind],h.prototype,"onSelectItem",null),r.y.plugins.add("backup",h)},19775(t,e,s){"use strict";var o=s(77628),i=s(10503),n=s(81160),a=s(10188),r=s(50722),c=s.n(r);o.Config.prototype.backup={interval:30,limit:50,dialogWidth:700,hotkeys:["ctrl+shift+b","cmd+shift+b"]},o.Config.prototype.controls.backup={store:{command:"saveBackup",text:"Save backup now"},restore:{tooltip:"Restore",list:["backup.store"],exec(t){t.execCommand("openBackupDialog")}}},i.J.set("restore",c()),(0,n.xl)(a)},10188(t,e,s){"use strict";s.r(e)},1844(t,e,s){"use strict";s.d(e,{W(){return o}});class o{constructor(t){this.jodit=t,this.key="backup.default.storage"}async add(t){if(!t.html.trim().length)return!1;const e=this.jodit.storage.get(this.key)||[];return e.find((e=>e.html===t.html))||(e.unshift(t),e.length>this.jodit.o.backup.limit&&(e.length=this.jodit.o.backup.limit),this.jodit.storage.set(this.key,e)),!1}items(){return Promise.resolve(this.jodit.storage.get(this.key)||[])}clear(){return this.jodit.storage.delete(this.key),Promise.resolve(!1)}}},71298(t,e,s){"use strict";s.d(e,{j(){return r}});var o=s(97582),i=s(50526),n=s(84789),a=s(75696);let r=class t extends n.u{className(){return"UIBackupBox"}constructor(t){super(t),this.list=new a.A(this.j),this.preview=this.j.c.div(this.getFullElName("preview")),this.container.appendChild(this.list.container),this.container.appendChild(this.preview),this.list.container.classList.add(this.getFullElName("list")),t.e.on(this.list,"select",this.onSelectItem).on(this.list,"choose",this.onChooseItem)}build(t){this.preview.innerHTML="",this.list.build(t)}destruct(){return this.j.e.off(this.list,"select",this.onSelectItem),this.list.destruct(),super.destruct()}onSelectItem(t){this.latestSelected=t,this.preview.innerHTML=t.html||`<div class="${this.getFullElName("empty")}">${this.j.i18n("Empty")}</div>`}onChooseItem(t){this.j.e.fire(this,"choose",t)}chooseSelected(){this.onChooseItem(this.latestSelected)}};(0,o.gn)([i.autobind],r.prototype,"onSelectItem",null),(0,o.gn)([i.autobind],r.prototype,"onChooseItem",null),r=(0,o.gn)([i.component],r)},64741(t,e,s){"use strict";s.d(e,{O(){return n}});var o=s(75004),i=s(95582);class n extends o.u1{className(){return"UIBackupItem"}constructor(t,e){super(t),this.data=e,this.container.innerHTML=this.formatDate(e.created),(0,i.attr)(this.container,"tabIndex",0)}formatDate(t){const e=new Date,s=(0,i.isString)(t)?new Date(t):t,o=(e.getTime()-s.getTime())/1e3;return(0,i.isFunction)(this.j.o.backup.formatDate)?this.j.o.backup.formatDate(s):.2>o?this.j.i18n("Current"):60>o?this.j.i18n("Less minute"):o>3600?o>86400?`${s.toDateString()} ${s.toLocaleTimeString()}`:this.j.i18n("%s hours  ago",Math.floor(o/3600)):this.j.i18n("%s minutes ago",Math.floor(o/60))}focus(){this.container.focus()}}},75696(t,e,s){"use strict";s.d(e,{A(){return l}});var o=s(97582),i=s(75004),n=s(50526),a=s(64741),r=s(11612),c=s(95582);let l=class t extends i.qe{className(){return"UIBackupList"}createContainer(t){const e=super.createContainer(t);return(0,c.attr)(e,"tabIndex","-1"),e}constructor(t){super(t),this.elements=[],this.currentSelection=-1,t.e.on(this.container,"keydown",(t=>{switch(t.key){case r.KEY_ENTER:t.preventDefault(),t.stopPropagation(),this.onChoose(this.currentSelection);break;case r.KEY_DOWN:this.selectNext();break;case r.KEY_UP:this.selectPrevious()}}))}build(t){this.clear(),t.forEach(((t,e)=>{const s=new a.O(this.jodit,t);this.append(s),this.j.e.on(s.container,"focus",(()=>this.onSelect(e))).on(s.container,"click",(()=>this.onSelect(e))).on(s.container,"dblclick",(()=>this.onChoose(e)))})),this.currentSelection=0,this.onChangeCurrentSelection(void 0,-1,0)}onChangeCurrentSelection(t,e,s){this.elements[e]?.setMod("active",!1),this.elements[s]?.setMod("active",!0),this.elements[s]?.focus(),this.j.e.fire(this,"select",this.elements[s].data)}onSelect(t){this.currentSelection=t}onChoose(t){this.j.e.fire(this,"choose",this.elements[t??this.currentSelection].data)}selectNext(){this.currentSelection+1>this.elements.length-1?this.currentSelection=0:this.currentSelection+=1}selectPrevious(){0>this.currentSelection-1?this.currentSelection=this.elements.length-1:this.currentSelection-=1}};(0,o.gn)([(0,n.watch)("currentSelection")],l.prototype,"onChangeCurrentSelection",null),(0,o.gn)([n.autobind],l.prototype,"onSelect",null),(0,o.gn)([n.autobind],l.prototype,"onChoose",null),l=(0,o.gn)([n.component],l)}},t=>t(t.s=32100)])}));

package/es2021/plugins/button-generator/button-generator.css

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v2.0.0-beta.12
+ * Version: v2.0.0-beta.21
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021/plugins/button-generator/button-generator.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v2.0.0-beta.12
+ * Version: v2.0.0-beta.21
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -367,7 +367,6 @@ module.exports = "<svg stroke=\"black\" viewBox=\"0 0 32 32\" xml:space=\"preser
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50526);
 /* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95582);
-/* harmony import */ var autobind_decorator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23185);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -378,7 +377,6 @@ module.exports = "<svg stroke=\"black\" viewBox=\"0 0 32 32\" xml:space=\"preser
 
 
 
-
 let UIRange = class UIRange extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3 {
     /** @override */
     className() {
@@ -456,7 +454,7 @@ let UIRange = class UIRange extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/*
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)(['handle:mousedown', 'handle:touchstart'])
 ], UIRange.prototype, "onDragStart", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate */ .gn)([
-    autobind_decorator__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
 ], UIRange.prototype, "onDrag", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate */ .gn)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)(['j.ow:mouseup', 'j.ow:touchend'])
@@ -481,7 +479,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7324);
-/* harmony import */ var _JoditPro__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(88292);
+/* harmony import */ var jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53852);
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50526);
 /* harmony import */ var jodit_modules_dialog_dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1875);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44913);
@@ -503,7 +501,7 @@ class buttonGenerator extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__/* .
     constructor() {
         super(...arguments);
         /** @override */
-        this.hasStyle = !_JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.fatMode */ .y.fatMode;
+        this.hasStyle = !jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.fatMode */ .y.fatMode;
         /** @override */
         this.buttons = [
             {
@@ -576,7 +574,7 @@ buttonGenerator.requires = ['license', 'color-picker'];
 (0,tslib__WEBPACK_IMPORTED_MODULE_9__/* .__decorate */ .gn)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.watch)(':dblclick')
 ], buttonGenerator.prototype, "onDblClick", null);
-_JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.plugins.add */ .y.plugins.add('button-generator', buttonGenerator);
+jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.plugins.add */ .y.plugins.add('button-generator', buttonGenerator);
 
 
 /***/ }),
@@ -586,7 +584,9 @@ _JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.plugins.add */ .y.plugins.add
 
 "use strict";
 /* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77628);
-/* harmony import */ var jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71350);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57728);
+/* harmony import */ var _icon_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3334);
+/* harmony import */ var _icon_svg__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_icon_svg__WEBPACK_IMPORTED_MODULE_1__);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -594,9 +594,10 @@ _JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.plugins.add */ .y.plugins.add
  */
 
 
+
 jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.buttonGenerator = {
     tooltip: 'Button generator',
-    icon: __webpack_require__(3334),
+    icon: (_icon_svg__WEBPACK_IMPORTED_MODULE_1___default()),
     isActive(editor) {
         return Boolean(editor.e.fire('isButtonGeneratorOpened'));
     },
@@ -607,7 +608,7 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.buttonGenera
 // @ts-ignore
 jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.button = ['buttonGenerator'];
 // @ts-ignore
-if ((0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_1__/* .isArray */ .kJ)(jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.a)) {
+if ((0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_2__/* .isArray */ .k)(jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.a)) {
     // @ts-ignore
     jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.a.push('buttonGenerator');
 }
@@ -622,11 +623,13 @@ if ((0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_1__/* .isArray */ .kJ
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "L": function() { return /* binding */ UIGButton; }
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97582);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
 /* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95582);
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50526);
 /* harmony import */ var jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71350);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52378);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4__);
 var UIGButton_1;
 
 /*!
@@ -649,8 +652,9 @@ let UIGButton = UIGButton_1 = class UIGButton extends jodit_core_ui__WEBPACK_IMP
     constructor(jodit, style) {
         super(jodit);
         this.style = style;
+        this.__updateStyles();
     }
-    updateStyles() {
+    __updateStyles() {
         const { style } = this;
         const btn = this.getElm('button');
         void 0;
@@ -708,7 +712,7 @@ let UIGButton = UIGButton_1 = class UIGButton extends jodit_core_ui__WEBPACK_IMP
         });
     }
     update() {
-        this.updateStyles();
+        this.__updateStyles();
     }
     /** @override */
     render() {
@@ -805,10 +809,10 @@ let UIGButton = UIGButton_1 = class UIGButton extends jodit_core_ui__WEBPACK_IMP
         });
     }
 };
-(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+(0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.watch)('style')
-], UIGButton.prototype, "updateStyles", null);
-UIGButton = UIGButton_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+], UIGButton.prototype, "__updateStyles", null);
+UIGButton = UIGButton_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
     jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.component
 ], UIGButton);
 
@@ -825,9 +829,9 @@ UIGButton = UIGButton_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
 /* harmony import */ var jodit_core_helpers_array_to_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84621);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44913);
-/* harmony import */ var _core_ui_form_range_range__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48163);
-/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52378);
-/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52378);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var jodit_pro_core_ui_form_range_range__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48163);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -877,7 +881,7 @@ class UIFormButtonGenerator extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/*
             if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.isTag */ .i.isTag(input, 'input')) {
                 switch (input.type) {
                     case 'range': {
-                        const uiInput = new _core_ui_form_range_range__WEBPACK_IMPORTED_MODULE_3__/* .UIRange */ .W(this.j, {
+                        const uiInput = new jodit_pro_core_ui_form_range_range__WEBPACK_IMPORTED_MODULE_4__/* .UIRange */ .W(this.j, {
                             label: input.placeholder,
                             name: input.name,
                             min: parseInt(input.min, 0) || 0,
@@ -1016,13 +1020,15 @@ class UIFormButtonGenerator extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/*
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "t": function() { return /* binding */ UIButtonGenerator; }
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(97582);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
-/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50526);
-/* harmony import */ var _preview_preview__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73314);
-/* harmony import */ var _button_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(66629);
-/* harmony import */ var _form_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53231);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95582);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52378);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50526);
+/* harmony import */ var jodit_pro_plugins_button_generator_ui_preview_preview__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(73314);
+/* harmony import */ var jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66629);
+/* harmony import */ var jodit_pro_plugins_button_generator_ui_form_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53231);
+/* harmony import */ var jodit_pro_plugins_button_generator_assets_styles_json__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(93050);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -1037,7 +1043,7 @@ var UIButtonGenerator_1;
 
 
 
-const styles = __webpack_require__(93050);
+
 let UIButtonGenerator = UIButtonGenerator_1 = class UIButtonGenerator extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u1 {
     /** @override */
     className() {
@@ -1086,8 +1092,8 @@ let UIButtonGenerator = UIButtonGenerator_1 = class UIButtonGenerator extends jo
             textShadowOffsetX: 0,
             textShadowOffsetY: 1
         };
-        this.preview = new _preview_preview__WEBPACK_IMPORTED_MODULE_2__/* .UIPreviewButtonGenerator */ .o(this.j, this.state, this.updateState);
-        this.form = new _form_form__WEBPACK_IMPORTED_MODULE_4__/* .UIFormButtonGenerator */ .h(this.j, this.state, this.updateState);
+        this.preview = new jodit_pro_plugins_button_generator_ui_preview_preview__WEBPACK_IMPORTED_MODULE_3__/* .UIPreviewButtonGenerator */ .o(this.j, this.state, this.updateState);
+        this.form = new jodit_pro_plugins_button_generator_ui_form_form__WEBPACK_IMPORTED_MODULE_5__/* .UIFormButtonGenerator */ .h(this.j, this.state, this.updateState);
         this.generateLibrary();
         const preview = this.getElm('preview');
         void 0;
@@ -1098,8 +1104,8 @@ let UIButtonGenerator = UIButtonGenerator_1 = class UIButtonGenerator extends jo
     }
     generateLibrary() {
         const group = new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIGroup */ .qe(this.j);
-        styles.map(UIButtonGenerator_1.mapKey).forEach((style) => {
-            const button = new _button_button__WEBPACK_IMPORTED_MODULE_3__/* .UIGButton */ .L(this.j, style);
+        jodit_pro_plugins_button_generator_assets_styles_json__WEBPACK_IMPORTED_MODULE_6__.map(UIButtonGenerator_1.mapKey).forEach((style) => {
+            const button = new jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_4__/* .UIGButton */ .L(this.j, style);
             button.setMod('mode', 'library');
             group.append(button);
             this.j.e.on(button.container, 'click', () => {
@@ -1158,11 +1164,11 @@ let UIButtonGenerator = UIButtonGenerator_1 = class UIButtonGenerator extends jo
         }
     }
 };
-(0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .gn)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.autobind
 ], UIButtonGenerator.prototype, "updateState", null);
-UIButtonGenerator = UIButtonGenerator_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .gn)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
+UIButtonGenerator = UIButtonGenerator_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.component
 ], UIButtonGenerator);
 
 
@@ -1177,10 +1183,11 @@ UIButtonGenerator = UIButtonGenerator_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_6__/
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
-/* harmony import */ var _button_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66629);
-/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50526);
-/* harmony import */ var _color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39445);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95582);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50526);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(52378);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(66629);
+/* harmony import */ var jodit_pro_plugins_color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39445);
 
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
@@ -1220,7 +1227,7 @@ let UIPreviewButtonGenerator = class UIPreviewButtonGenerator extends jodit_core
         super(jodit);
         this.state = state;
         this.updateState = updateState;
-        this.button = new _button_button__WEBPACK_IMPORTED_MODULE_1__/* .UIGButton */ .L(this.j, this.state);
+        this.button = new jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_3__/* .UIGButton */ .L(this.j, this.state);
         this.lockUpdate = false;
         this.colors = [
             'bgStart',
@@ -1231,7 +1238,7 @@ let UIPreviewButtonGenerator = class UIPreviewButtonGenerator extends jodit_core
             'textShadowColor',
             'previewBgColor'
         ].map((key) => {
-            return new _color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_3__/* .ColorInput */ .T(this.j, {
+            return new jodit_pro_plugins_color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_4__/* .ColorInput */ .T(this.j, {
                 name: key,
                 onChange: (value) => {
                     if (!this.lockUpdate) {
@@ -1256,7 +1263,7 @@ let UIPreviewButtonGenerator = class UIPreviewButtonGenerator extends jodit_core
     }
 };
 UIPreviewButtonGenerator = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_2__.component
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
 ], UIPreviewButtonGenerator);
 
 
@@ -1269,7 +1276,7 @@ UIPreviewButtonGenerator = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate *
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "T": function() { return /* binding */ ColorInput; }
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(97582);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(97582);
 /* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50526);
 /* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95582);
@@ -1277,6 +1284,8 @@ UIPreviewButtonGenerator = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate *
 /* harmony import */ var a_color_picker__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(a_color_picker__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var jodit_modules__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8079);
 /* harmony import */ var jodit_core_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(11612);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(52378);
+/* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_6__);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -1351,13 +1360,13 @@ let ColorInput = class ColorInput extends jodit_core_ui__WEBPACK_IMPORTED_MODULE
         }
     }
 };
-(0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .gn)([
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)(':change')
 ], ColorInput.prototype, "onChangeSelfValue", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .gn)([
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('nativeInput:keydown')
 ], ColorInput.prototype, "onEscKeyDown", null);
-ColorInput = (0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .gn)([
+ColorInput = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
     jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
 ], ColorInput);