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

package/es2018/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
  */
 
 
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var o=e();for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[391],{50722:function(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:function(t,e,o){"use strict";o.r(e),o.d(e,{backup:function(){return h}});var i=o(97582),s=(o(19775),o(7324)),n=o(1844),a=o(71298),r=o(75004),c=o(50526),l=o(88292);class h extends s.S{constructor(){var t;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=null!==(t=this.jodit.o.backup.remoteStore)&&void 0!==t?t: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){var e;null===(e=this.__dialog)||void 0===e||e.close(),this.j.value=t.html,this.j.s.focus()}addButtonsToDialog(){var t;const{jodit:e}=this,o=(0,r.zx)(e,{name:"ok",tabIndex:0,variant:"primary",text:"Ok"}),i=(0,r.zx)(e,{variant:"secondary",tabIndex:0,text:"Cancel"}),s=(0,r.zx)(e,{name:"clear",tabIndex:0,variant:"secondary",text:"Remove all"});o.onAction((()=>{this.__box.chooseSelected()})),i.onAction((()=>{var t;null===(t=this.__dialog)||void 0===t||t.close()})),s.onAction((()=>{e.confirm("Are you sure?",void 0,(t=>{var e;t&&(this.__storage.clear(),null===(e=this.__dialog)||void 0===e||e.close())}))}));const n=new r.eC(e,[s,i,o]);n.container.style.margin="0",n.container.style.justifyContent="flex-end",n.container.style.width="100%",null===(t=this.__dialog)||void 0===t||t.setFooter(n)}beforeDestruct(){var t;const{j:e}=this;e.async.clearTimeout(this.timeout),e.e.off(this.__box,"choose",this.onSelectItem).off(e.ow,"beforeunload.backup"),this.__box.destruct(),null===(t=this.__dialog)||void 0===t||t.destruct()}}h.requires=["license"],(0,i.gn)([c.autobind],h.prototype,"onSaveBackup",null),(0,i.gn)([c.autobind],h.prototype,"onOpenBackupDialog",null),(0,i.gn)([c.autobind],h.prototype,"onSelectItem",null),l.y.plugins.add("backup",h)},19775:function(t,e,o){"use strict";var i=o(77628),s=o(10503),n=o(81160);i.Config.prototype.backup={interval:30,limit:50,dialogWidth:700,hotkeys:["ctrl+shift+b","cmd+shift+b"]},i.Config.prototype.controls.backup={store:{command:"saveBackup",text:"Save backup now"},restore:{tooltip:"Restore",list:["backup.store"],exec(t){t.execCommand("openBackupDialog")}}},s.J.set("restore",o(50722)),(0,n.xl)(o(10188))},10188:function(t,e,o){"use strict";o.r(e)},1844:function(t,e,o){"use strict";o.d(e,{W:function(){return i}});class i{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:function(t,e,o){"use strict";o.d(e,{j:function(){return r}});var i=o(97582),s=o(50526),n=o(75004),a=o(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,i.gn)([s.autobind],r.prototype,"onSelectItem",null),(0,i.gn)([s.autobind],r.prototype,"onChooseItem",null),r=(0,i.gn)([s.component],r)},64741:function(t,e,o){"use strict";o.d(e,{O:function(){return n}});var i=o(75004),s=o(95582);class n extends i.u1{className(){return"UIBackupItem"}constructor(t,e){super(t),this.data=e,this.container.innerHTML=this.formatDate(e.created),(0,s.attr)(this.container,"tabIndex",0)}formatDate(t){const e=new Date,o=(0,s.isString)(t)?new Date(t):t,i=(e.getTime()-o.getTime())/1e3;return(0,s.isFunction)(this.j.o.backup.formatDate)?this.j.o.backup.formatDate(o):.2>i?this.j.i18n("Current"):60>i?this.j.i18n("Less minute"):i>3600?i>86400?`${o.toDateString()} ${o.toLocaleTimeString()}`:this.j.i18n("%s hours  ago",Math.floor(i/3600)):this.j.i18n("%s minutes ago",Math.floor(i/60))}focus(){this.container.focus()}}},75696:function(t,e,o){"use strict";o.d(e,{A:function(){return l}});var i=o(97582),s=o(75004),n=o(50526),a=o(64741),r=o(11612),c=o(95582);let l=class t extends s.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 o=new a.O(this.jodit,t);this.append(o),this.j.e.on(o.container,"focus",(()=>this.onSelect(e))).on(o.container,"click",(()=>this.onSelect(e))).on(o.container,"dblclick",(()=>this.onChoose(e)))})),this.currentSelection=0,this.onChangeCurrentSelection(void 0,-1,0)}onChangeCurrentSelection(t,e,o){var i,s,n;null===(i=this.elements[e])||void 0===i||i.setMod("active",!1),null===(s=this.elements[o])||void 0===s||s.setMod("active",!0),null===(n=this.elements[o])||void 0===n||n.focus(),this.j.e.fire(this,"select",this.elements[o].data)}onSelect(t){this.currentSelection=t}onChoose(t){this.j.e.fire(this,"choose",this.elements[null!=t?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,i.gn)([(0,n.watch)("currentSelection")],l.prototype,"onChangeCurrentSelection",null),(0,i.gn)([n.autobind],l.prototype,"onSelect",null),(0,i.gn)([n.autobind],l.prototype,"onChoose",null),l=(0,i.gn)([n.component],l)}},function(t){return t(t.s=32100)}])}));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var o=e();for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[391],{50722:function(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:function(t,e,o){"use strict";o.r(e),o.d(e,{backup:function(){return h}});var i=o(97582),s=(o(19775),o(7324)),n=o(75004),a=o(50526),r=o(53852),c=o(1844),l=o(71298);class h extends s.S{constructor(){var t;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=null!==(t=this.jodit.o.backup.remoteStore)&&void 0!==t?t: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){var e;null===(e=this.__dialog)||void 0===e||e.close(),this.j.value=t.html,this.j.s.focus()}addButtonsToDialog(){var t;const{jodit:e}=this,o=(0,n.zx)(e,{name:"ok",tabIndex:0,variant:"primary",text:"Ok"}),i=(0,n.zx)(e,{variant:"secondary",tabIndex:0,text:"Cancel"}),s=(0,n.zx)(e,{name:"clear",tabIndex:0,variant:"secondary",text:"Remove all"});o.onAction((()=>{this.__box.chooseSelected()})),i.onAction((()=>{var t;null===(t=this.__dialog)||void 0===t||t.close()})),s.onAction((()=>{e.confirm("Are you sure?",void 0,(t=>{var e;t&&(this.__storage.clear(),null===(e=this.__dialog)||void 0===e||e.close())}))}));const a=new n.eC(e,[s,i,o]);a.container.style.margin="0",a.container.style.justifyContent="flex-end",a.container.style.width="100%",null===(t=this.__dialog)||void 0===t||t.setFooter(a)}beforeDestruct(){var t;const{j:e}=this;e.async.clearTimeout(this.timeout),e.e.off(this.__box,"choose",this.onSelectItem).off(e.ow,"beforeunload.backup"),this.__box.destruct(),null===(t=this.__dialog)||void 0===t||t.destruct()}}h.requires=["license"],(0,i.gn)([a.autobind],h.prototype,"onSaveBackup",null),(0,i.gn)([a.autobind],h.prototype,"onOpenBackupDialog",null),(0,i.gn)([a.autobind],h.prototype,"onSelectItem",null),r.y.plugins.add("backup",h)},19775:function(t,e,o){"use strict";var i=o(77628),s=o(10503),n=o(81160),a=o(10188),r=o(50722),c=o.n(r);i.Config.prototype.backup={interval:30,limit:50,dialogWidth:700,hotkeys:["ctrl+shift+b","cmd+shift+b"]},i.Config.prototype.controls.backup={store:{command:"saveBackup",text:"Save backup now"},restore:{tooltip:"Restore",list:["backup.store"],exec(t){t.execCommand("openBackupDialog")}}},s.J.set("restore",c()),(0,n.xl)(a)},10188:function(t,e,o){"use strict";o.r(e)},1844:function(t,e,o){"use strict";o.d(e,{W:function(){return i}});class i{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:function(t,e,o){"use strict";o.d(e,{j:function(){return r}});var i=o(97582),s=o(50526),n=o(84789),a=o(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,i.gn)([s.autobind],r.prototype,"onSelectItem",null),(0,i.gn)([s.autobind],r.prototype,"onChooseItem",null),r=(0,i.gn)([s.component],r)},64741:function(t,e,o){"use strict";o.d(e,{O:function(){return n}});var i=o(75004),s=o(95582);class n extends i.u1{className(){return"UIBackupItem"}constructor(t,e){super(t),this.data=e,this.container.innerHTML=this.formatDate(e.created),(0,s.attr)(this.container,"tabIndex",0)}formatDate(t){const e=new Date,o=(0,s.isString)(t)?new Date(t):t,i=(e.getTime()-o.getTime())/1e3;return(0,s.isFunction)(this.j.o.backup.formatDate)?this.j.o.backup.formatDate(o):.2>i?this.j.i18n("Current"):60>i?this.j.i18n("Less minute"):i>3600?i>86400?`${o.toDateString()} ${o.toLocaleTimeString()}`:this.j.i18n("%s hours  ago",Math.floor(i/3600)):this.j.i18n("%s minutes ago",Math.floor(i/60))}focus(){this.container.focus()}}},75696:function(t,e,o){"use strict";o.d(e,{A:function(){return l}});var i=o(97582),s=o(75004),n=o(50526),a=o(64741),r=o(11612),c=o(95582);let l=class t extends s.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 o=new a.O(this.jodit,t);this.append(o),this.j.e.on(o.container,"focus",(()=>this.onSelect(e))).on(o.container,"click",(()=>this.onSelect(e))).on(o.container,"dblclick",(()=>this.onChoose(e)))})),this.currentSelection=0,this.onChangeCurrentSelection(void 0,-1,0)}onChangeCurrentSelection(t,e,o){var i,s,n;null===(i=this.elements[e])||void 0===i||i.setMod("active",!1),null===(s=this.elements[o])||void 0===s||s.setMod("active",!0),null===(n=this.elements[o])||void 0===n||n.focus(),this.j.e.fire(this,"select",this.elements[o].data)}onSelect(t){this.currentSelection=t}onChoose(t){this.j.e.fire(this,"choose",this.elements[null!=t?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,i.gn)([(0,n.watch)("currentSelection")],l.prototype,"onChangeCurrentSelection",null),(0,i.gn)([n.autobind],l.prototype,"onSelect",null),(0,i.gn)([n.autobind],l.prototype,"onChoose",null),l=(0,i.gn)([n.component],l)}},function(t){return t(t.s=32100)}])}));

package/es2018/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/es2018/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 = [
             {
@@ -577,7 +575,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);
 
 
 /***/ }),
@@ -587,7 +585,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.
@@ -595,9 +595,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'));
     },
@@ -608,7 +609,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');
 }
@@ -623,11 +624,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;
 
 /*!
@@ -650,8 +653,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;
@@ -709,7 +713,7 @@ let UIGButton = UIGButton_1 = class UIGButton extends jodit_core_ui__WEBPACK_IMP
         });
     }
     update() {
-        this.updateStyles();
+        this.__updateStyles();
     }
     /** @override */
     render() {
@@ -808,10 +812,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);
 
@@ -828,9 +832,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.
@@ -880,7 +884,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,
@@ -1019,13 +1023,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.
@@ -1040,7 +1046,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() {
@@ -1089,8 +1095,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;
@@ -1101,8 +1107,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', () => {
@@ -1161,11 +1167,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);
 
 
@@ -1180,10 +1186,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/)
@@ -1223,7 +1230,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',
@@ -1234,7 +1241,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) {
@@ -1259,7 +1266,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);
 
 
@@ -1272,7 +1279,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);
@@ -1280,6 +1287,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.
@@ -1356,13 +1365,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);