jodit 3.9.3 → 3.10.2

package/build/jodit.es2018.en.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.9.3
+ * Version: v3.10.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -197,13 +197,9 @@ class Config {
                 group: 'font-style',
                 buttons: []
             },
-            {
-                group: 'script',
-                buttons: []
-            },
             {
                 group: 'list',
-                buttons: ['ul', 'ol']
+                buttons: []
             },
             {
                 group: 'indent',
@@ -217,6 +213,11 @@ class Config {
                 group: 'color',
                 buttons: []
             },
+            '---',
+            {
+                group: 'script',
+                buttons: []
+            },
             {
                 group: 'media',
                 buttons: []
@@ -238,6 +239,7 @@ class Config {
                 group: 'form',
                 buttons: []
             },
+            '---',
             {
                 group: 'history',
                 buttons: []
@@ -260,8 +262,6 @@ class Config {
             }
         ];
         this.buttonsMD = [
-            'source',
-            '|',
             'bold',
             'italic',
             '|',
@@ -273,24 +273,23 @@ class Config {
             'fontsize',
             'brush',
             'paragraph',
-            '|',
+            'align',
+            '---',
             'image',
             'table',
-            'link',
             '|',
-            'align',
+            'link',
             '\n',
-            'undo',
-            'redo',
-            '|',
             'hr',
             'copyformat',
             'fullsize',
+            '---',
+            'undo',
+            'redo',
+            '|',
             'dots'
         ];
         this.buttonsSM = [
-            'source',
-            '|',
             'bold',
             'italic',
             '|',
@@ -301,7 +300,7 @@ class Config {
             'fontsize',
             'brush',
             'paragraph',
-            '|',
+            '---',
             'image',
             'table',
             '\n',
@@ -314,21 +313,21 @@ class Config {
             '|',
             'copyformat',
             'fullsize',
+            '---',
             'dots'
         ];
         this.buttonsXS = [
             'bold',
-            'image',
-            '|',
             'brush',
             'paragraph',
             'eraser',
+            '---',
+            'image',
             '\n',
             'align',
-            '|',
             'undo',
             'redo',
-            '|',
+            '---',
             'dots'
         ];
         this.events = {};
@@ -802,7 +801,7 @@ class EventEmitter {
         }
         const newCallback = (...args) => {
             this.off(subject, events, newCallback);
-            callback(...args);
+            return callback(...args);
         };
         this.on(subject, events, newCallback, onTop);
         return this;
@@ -980,7 +979,7 @@ class EventsNative extends EventEmitter {
 
 // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
 var tslib_es6 = __webpack_require__(18);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/decorators/index.ts + 10 modules
 var decorators = __webpack_require__(17);
@@ -1255,6 +1254,7 @@ __webpack_require__.d(__webpack_exports__, {
   "keys": function() { return /* reexport */ utils/* keys */.XP; },
   "loadImage": function() { return /* reexport */ utils/* loadImage */.po; },
   "loadNext": function() { return /* reexport */ loadNext; },
+  "loadNextStyle": function() { return /* reexport */ loadNextStyle; },
   "markAsAtomic": function() { return /* reexport */ markAsAtomic; },
   "markDeprecated": function() { return /* reexport */ utils/* markDeprecated */.Q8; },
   "markOwner": function() { return /* reexport */ utils/* markOwner */.MN; },
@@ -1279,6 +1279,7 @@ __webpack_require__.d(__webpack_exports__, {
   "scrollIntoViewIfNeeded": function() { return /* reexport */ scrollIntoViewIfNeeded; },
   "set": function() { return /* reexport */ utils/* set */.t8; },
   "setTimeout": function() { return /* reexport */ set_timeout_setTimeout; },
+  "size": function() { return /* reexport */ size; },
   "splitArray": function() { return /* reexport */ splitArray; },
   "sprintf": function() { return /* reexport */ string/* sprintf */.gB; },
   "stringify": function() { return /* reexport */ string/* stringify */.Pz; },
@@ -1450,7 +1451,7 @@ var constants = __webpack_require__(2);
 var type = __webpack_require__(4);
 // EXTERNAL MODULE: ./src/core/helpers/string/index.ts + 5 modules
 var string = __webpack_require__(27);
-// EXTERNAL MODULE: ./src/core/ui/index.ts + 1 modules
+// EXTERNAL MODULE: ./src/core/ui/index.ts + 2 modules
 var ui = __webpack_require__(32);
 ;// CONCATENATED MODULE: ./src/core/helpers/selector.ts
 /*!
@@ -1920,6 +1921,23 @@ function position(elm, jodit, recurse = false) {
     };
 }
 
+;// CONCATENATED MODULE: ./src/core/helpers/size/object-size.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+function size(subject) {
+    if ((0,checker/* isString */.HD)(subject) || (0,checker/* isArray */.kJ)(subject)) {
+        return subject.length;
+    }
+    if ((0,checker/* isPlainObject */.PO)(subject)) {
+        return Object.keys(subject).length;
+    }
+    return 0;
+}
+
 ;// CONCATENATED MODULE: ./src/core/helpers/size/index.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -1932,6 +1950,7 @@ function position(elm, jodit, recurse = false) {
 
 
 
+
 ;// CONCATENATED MODULE: ./src/core/helpers/complete-url.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -2010,6 +2029,12 @@ const loadNext = (jodit, urls, i = 0) => {
     }
     return appendScriptAsync(jodit, urls[i]).then(() => loadNext(jodit, urls, i + 1));
 };
+const loadNextStyle = (jodit, urls, i = 0) => {
+    if (!(0,checker/* isString */.HD)(urls[i])) {
+        return Promise.resolve();
+    }
+    return appendStyleAsync(jodit, urls[i]).then(() => loadNextStyle(jodit, urls, i + 1));
+};
 
 ;// CONCATENATED MODULE: ./src/core/helpers/browser.ts
 /*!
@@ -2645,15 +2670,14 @@ __webpack_require__.d(__webpack_exports__, {
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-var STATUSES;
-(function (STATUSES) {
-    STATUSES["beforeInit"] = "beforeInit";
-    STATUSES["ready"] = "ready";
-    STATUSES["beforeDestruct"] = "beforeDestruct";
-    STATUSES["destructed"] = "destructed";
-})(STATUSES || (STATUSES = {}));
+const STATUSES = {
+    beforeInit: 'beforeInit',
+    ready: 'ready',
+    beforeDestruct: 'beforeDestruct',
+    destructed: 'destructed'
+};
 
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/global.ts
 var global = __webpack_require__(13);
@@ -2671,10 +2695,15 @@ class Component {
     constructor() {
         this.ownerWindow = window;
         this.__componentStatus = STATUSES.beforeInit;
-        this.componentName =
-            'jodit-' + (0,helpers.kebabCase)(this.className() || (0,helpers.getClassName)(this));
         this.uid = 'jodit-uid-' + (0,global/* uniqueUid */.fe)();
     }
+    get componentName() {
+        if (!this.__componentName) {
+            this.__componentName =
+                'jodit-' + (0,helpers.kebabCase)(this.className() || (0,helpers.getClassName)(this));
+        }
+        return this.__componentName;
+    }
     getFullElName(elementName, mod, modValue) {
         const result = [this.componentName];
         if (elementName) {
@@ -2709,14 +2738,8 @@ class Component {
         return (STATUSES.beforeDestruct === this.componentStatus ||
             STATUSES.destructed === this.componentStatus);
     }
-    bindDestruct(jodit) {
-        const destructMe = () => {
-            !this.isInDestruct && this.destruct();
-        };
-        jodit.e && jodit.e.on(STATUSES.beforeDestruct, destructMe);
-        this.hookStatus(STATUSES.beforeDestruct, () => {
-            jodit.e && jodit.e.off(STATUSES.beforeDestruct, destructMe);
-        });
+    bindDestruct(component) {
+        component.hookStatus(STATUSES.beforeDestruct, () => !this.isInDestruct && this.destruct());
         return this;
     }
     destruct() {
@@ -2837,9 +2860,18 @@ class ViewComponent extends Component {
 
 const instances = {};
 let counter = 1;
+const uuids = new Set();
 function uniqueUid() {
-    counter += 10 * (Math.random() + 1);
-    return Math.round(counter).toString(16);
+    function gen() {
+        counter += 10 * (Math.random() + 1);
+        return Math.round(counter).toString(16);
+    }
+    let uid = gen();
+    while (uuids.has(uid)) {
+        uid = gen();
+    }
+    uuids.add(uid);
+    return uid;
 }
 const pluginSystem = new _plugin_system__WEBPACK_IMPORTED_MODULE_0__/* .PluginSystem */ .h();
 const modules = {};
@@ -3147,6 +3179,9 @@ class Dom {
         }
     }
     static replace(elm, newTagName, create, withAttributes = false, notMoveContent = false) {
+        if ((0,_helpers__WEBPACK_IMPORTED_MODULE_1__.isHTML)(newTagName)) {
+            newTagName = create.fromHTML(newTagName);
+        }
         const tag = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.isString)(newTagName)
             ? create.element(newTagName)
             : newTagName;
@@ -3168,8 +3203,12 @@ class Dom {
     static isEmptyTextNode(node) {
         return (Dom.isText(node) &&
             (!node.nodeValue ||
-                node.nodeValue.replace(_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP(), '')
-                    .length === 0));
+                node.nodeValue
+                    .replace(_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP(), '')
+                    .trim().length === 0));
+    }
+    static isEmptyContent(node) {
+        return Dom.each(node, (elm) => Dom.isEmptyTextNode(elm));
     }
     static isEmpty(node, condNoEmptyElement = /^(img|svg|canvas|input|textarea|form)$/) {
         if (!node) {
@@ -3527,7 +3566,7 @@ class Dom {
         if (!Dom.isElement(element)) {
             return false;
         }
-        return _selection__WEBPACK_IMPORTED_MODULE_2__/* .Select.isMarker */ .P.isMarker(element) || (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, _constants__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR) === 'true';
+        return _selection__WEBPACK_IMPORTED_MODULE_2__/* .Select.isMarker */ .Ph.isMarker(element) || (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(element, _constants__WEBPACK_IMPORTED_MODULE_0__.TEMP_ATTR) === 'true';
     }
     static replaceTemporaryFromString(value) {
         return value.replace(/<([a-z]+)[^>]+data-jodit-temp[^>]+>(.+?)<\/\1>/gi, '$2');
@@ -3546,28 +3585,21 @@ class Dom {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "R": function() { return /* reexport */ CommitStyle; },
-  "P": function() { return /* reexport */ Select; }
+  "RP": function() { return /* reexport */ CommitStyle; },
+  "Ph": function() { return /* reexport */ Select; }
 });
 
+// UNUSED EXPORTS: CHANGE, INITIAL, REPLACE, UNSET, UNWRAP, WRAP
+
 // EXTERNAL MODULE: ./src/core/constants.ts
 var constants = __webpack_require__(2);
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
+var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
-var helpers = __webpack_require__(8);
-;// CONCATENATED MODULE: ./src/core/selection/style/api/is-normal-node.ts
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-function isNormalNode(elm) {
-    return Boolean(elm && !dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(elm) && !dom/* Dom.isTemporary */.i.isTemporary(elm));
-}
-
-;// CONCATENATED MODULE: ./src/core/selection/style/api/element-has-same-style.ts
+// EXTERNAL MODULE: ./src/core/global.ts
+var global = __webpack_require__(13);
+;// CONCATENATED MODULE: ./src/core/selection/style/api/toggle/toggle-css.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -3575,108 +3607,77 @@ function isNormalNode(elm) {
  */
 
 
-function elementHasSameStyle(elm, rules) {
-    return Boolean(!dom/* Dom.isTag */.i.isTag(elm, 'font') &&
-        dom/* Dom.isHTMLElement */.i.isHTMLElement(elm) &&
-        Object.keys(rules).every(property => {
-            const value = (0,helpers.css)(elm, property, true);
-            return (!(0,helpers.isVoid)(value) &&
-                value !== '' &&
-                !(0,helpers.isVoid)(rules[property]) &&
-                (0,helpers.normalizeCssValue)(property, rules[property])
-                    .toString()
-                    .toLowerCase() === value.toString().toLowerCase());
-        }));
-}
-function elementHasSameStyleKeys(elm, rules) {
-    return Boolean(!dom/* Dom.isTag */.i.isTag(elm, 'font') &&
-        dom/* Dom.isHTMLElement */.i.isHTMLElement(elm) &&
-        Object.keys(rules).every(property => !(0,helpers.isVoid)((0,helpers.css)(elm, property, true))));
-}
-
-;// CONCATENATED MODULE: ./src/core/selection/style/api/is-suit-element.ts
-
 
 
-function isSuitElement(commitStyle, elm, strict) {
-    if (!elm) {
-        return false;
-    }
-    const { element, elementIsDefault, options } = commitStyle;
-    const elmHasSameStyle = Boolean(options.style && elementHasSameStyle(elm, options.style));
-    const elmIsSame = elm.nodeName.toLowerCase() === element;
-    if (((!elementIsDefault || !strict) && elmIsSame) ||
-        (elmHasSameStyle && isNormalNode(elm))) {
-        return true;
-    }
-    return Boolean(!elmIsSame && !strict && elementIsDefault && dom/* Dom.isInlineBlock */.i.isInlineBlock(elm));
-}
-function isSameStyleChild(commitStyle, elm) {
-    const { element, options } = commitStyle;
-    if (!elm || !isNormalNode(elm)) {
-        return false;
+function toggleCSS(commitStyle, elm, jodit, mode, dry = false) {
+    const { style, className } = commitStyle.options;
+    if (style && (0,helpers.size)(style) > 0) {
+        Object.keys(style).forEach((rule) => {
+            const inlineValue = elm.style.getPropertyValue((0,helpers.kebabCase)(rule));
+            if (inlineValue === '' && style[rule] == null) {
+                return;
+            }
+            if (getNativeCSSValue(jodit, elm, rule) ===
+                (0,helpers.normalizeCssValue)(rule, style[rule])) {
+                !dry && (0,helpers.css)(elm, rule, null);
+                mode = UNSET;
+                mode = removeExtraCSS(commitStyle, elm, mode);
+                return;
+            }
+            mode = CHANGE;
+            !dry && (0,helpers.css)(elm, rule, style[rule]);
+        });
     }
-    const elmIsSame = elm.nodeName.toLowerCase() === element;
-    const elmHasSameStyle = Boolean(options.style && elementHasSameStyleKeys(elm, options.style));
-    return elmIsSame && elmHasSameStyle;
-}
-
-;// CONCATENATED MODULE: ./src/core/selection/style/api/get-suit-parent.ts
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-
-
-function getSuitParent(style, node, root) {
-    const { parentNode } = node;
-    if (dom/* Dom.isHTMLElement */.i.isHTMLElement(parentNode) &&
-        !dom/* Dom.next */.i.next(node, isNormalNode, parentNode) &&
-        !dom/* Dom.prev */.i.prev(node, isNormalNode, parentNode) &&
-        isSuitElement(style, parentNode, false) &&
-        parentNode !== root &&
-        (!dom/* Dom.isBlock */.i.isBlock(parentNode) || style.elementIsBlock)) {
-        return parentNode;
+    if (className) {
+        if (elm.classList.contains(className)) {
+            elm.classList.remove(className);
+            mode = UNSET;
+        }
+        else {
+            elm.classList.add(className);
+            mode = CHANGE;
+        }
     }
-    return null;
+    return mode;
 }
-
-;// CONCATENATED MODULE: ./src/core/selection/style/api/get-suit-child.ts
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-
-
-function getSuitChild(style, font) {
-    let { firstChild: child } = font;
-    while (child && !isNormalNode(child)) {
-        child = child.nextSibling;
-        if (!child) {
-            return null;
+function removeExtraCSS(commitStyle, elm, mode) {
+    if (!(0,helpers.attr)(elm, 'style')) {
+        (0,helpers.attr)(elm, 'style', null);
+        if (elm.tagName.toLowerCase() === commitStyle.defaultTag) {
+            dom/* Dom.unwrap */.i.unwrap(elm);
+            mode = UNWRAP;
         }
     }
-    if (child &&
-        !dom/* Dom.next */.i.next(child, isNormalNode, font) &&
-        isSuitElement(style, child, false)) {
-        return child;
+    return mode;
+}
+function getShadowRoot(jodit) {
+    var _a;
+    if ((0,helpers.dataBind)(jodit, 'shadowRoot') !== undefined) {
+        return (0,helpers.dataBind)(jodit, 'shadowRoot');
     }
-    return null;
+    const container = (0,global/* getContainer */.ZO)(jodit, function Utils() { });
+    const iframe = document.createElement('iframe');
+    (0,helpers.css)(iframe, {
+        width: 0,
+        height: 0,
+        position: 'absolute',
+        border: 0
+    });
+    iframe.src = 'about:blank';
+    container.appendChild(iframe);
+    const doc = (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document;
+    const shadowRoot = !doc ? jodit.od.body : doc.body;
+    (0,helpers.dataBind)(jodit, 'shadowRoot', shadowRoot);
+    return shadowRoot;
 }
-
-;// CONCATENATED MODULE: ./src/core/selection/style/api/check-special-elements.ts
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-function checkSpecialElements(font, root) {
-    return Boolean(dom/* Dom.closest */.i.closest(font, ['style', 'script'], root));
+function getNativeCSSValue(jodit, elm, key) {
+    const newElm = jodit.create.element(elm.tagName.toLowerCase());
+    newElm.style.cssText = elm.style.cssText;
+    const root = getShadowRoot(jodit);
+    root.appendChild(newElm);
+    const result = (0,helpers.css)(newElm, key);
+    dom/* Dom.safeRemove */.i.safeRemove(newElm);
+    return result;
 }
 
 // EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
@@ -4489,6 +4490,9 @@ class Select {
         return currentBox.previousElementSibling;
     }
 }
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], Select.prototype, "createRange", null);
 (0,tslib_es6/* __decorate */.gn)([
     decorators.autobind
 ], Select.prototype, "focus", null);
@@ -4502,7 +4506,7 @@ class Select {
     decorators.autobind
 ], Select.prototype, "setCursorIn", null);
 
-;// CONCATENATED MODULE: ./src/core/selection/style/api/get-closest-wrapper.ts
+;// CONCATENATED MODULE: ./src/core/selection/style/api/extract.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -4511,29 +4515,20 @@ class Select {
 
 
 
-
-function getClosestWrapper(style, font, root, getRange) {
-    const wrapper = dom/* Dom.closest */.i.closest(font, node => isSuitElement(style, node, true), root);
-    if (wrapper) {
-        if (style.elementIsBlock) {
-            return wrapper;
-        }
-        const range = getRange();
-        const leftEdge = Select.isMarker(font.previousSibling)
-            ? font.previousSibling
-            : font;
-        range.setStartBefore(wrapper);
-        range.setEndBefore(leftEdge);
-        extractAndMove(wrapper, range, true);
-        const rightEdge = Select.isMarker(font.nextSibling)
-            ? font.nextSibling
-            : font;
-        range.setStartAfter(rightEdge);
-        range.setEndAfter(wrapper);
-        extractAndMove(wrapper, range, false);
-        return wrapper;
-    }
-    return null;
+function extractSelectedPart(wrapper, font, jodit) {
+    const range = jodit.s.createRange();
+    const leftEdge = Select.isMarker(font.previousSibling)
+        ? font.previousSibling
+        : font;
+    range.setStartBefore(wrapper);
+    range.setEndBefore(leftEdge);
+    extractAndMove(wrapper, range, true);
+    const rightEdge = Select.isMarker(font.nextSibling)
+        ? font.nextSibling
+        : font;
+    range.setStartAfter(rightEdge);
+    range.setEndAfter(wrapper);
+    extractAndMove(wrapper, range, false);
 }
 function extractAndMove(wrapper, range, left) {
     const fragment = range.extractContents();
@@ -4546,7 +4541,7 @@ function extractAndMove(wrapper, range, left) {
     }
 }
 
-;// CONCATENATED MODULE: ./src/core/selection/style/api/unwrap-children.ts
+;// CONCATENATED MODULE: ./src/core/selection/style/api/toggle/toggle-ordered-list.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -4555,78 +4550,278 @@ function extractAndMove(wrapper, range, left) {
 
 
 
-function unwrapChildren(style, font) {
-    const needUnwrap = [];
-    const needChangeStyle = [];
-    let firstElementSuit;
-    const cssStyle = style.options.style;
-    if (font.firstChild) {
-        const gen = dom/* Dom.eachGen */.i.eachGen(font);
-        let item = gen.next();
-        while (!item.done) {
-            const elm = item.value;
-            if (isSuitElement(style, elm, true)) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = true;
-                }
-                needUnwrap.push(elm);
-            }
-            else if (cssStyle && isSameStyleChild(style, elm)) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = false;
-                }
-                needChangeStyle.push(() => {
-                    (0,helpers.css)(elm, Object.keys(cssStyle).reduce((acc, key) => {
-                        acc[key] = null;
-                        return acc;
-                    }, {}));
-                    if (!(0,helpers.attr)(elm, 'style')) {
-                        (0,helpers.attr)(elm, 'style', null);
-                    }
-                    if (elm.nodeName.toLowerCase() === style.element) {
-                        needUnwrap.push(elm);
-                    }
-                });
-            }
-            else if (!dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(elm)) {
-                if (firstElementSuit === undefined) {
-                    firstElementSuit = false;
-                }
-            }
-            item = gen.next();
-        }
+
+function toggleOrderedList(style, li, jodit, mode) {
+    if (!li) {
+        return mode;
     }
-    needChangeStyle.forEach(clb => clb());
-    needUnwrap.forEach(dom/* Dom.unwrap */.i.unwrap);
-    return Boolean(firstElementSuit);
+    const list = li.parentElement;
+    if (!list) {
+        return mode;
+    }
+    if (list.tagName.toLowerCase() !== style.element) {
+        const newList = dom/* Dom.replace */.i.replace(list, style.element, jodit.createInside);
+        toggleCSS(style, newList, jodit, mode);
+        return REPLACE;
+    }
+    if (toggleCSS(style, li.parentElement, jodit, INITIAL, true) === CHANGE) {
+        return toggleCSS(style, li.parentElement, jodit, mode);
+    }
+    extractSelectedPart(list, li, jodit);
+    dom/* Dom.unwrap */.i.unwrap(li.parentElement);
+    dom/* Dom.replace */.i.replace(li, jodit.o.enter, jodit.createInside);
+    return mode;
 }
 
-;// CONCATENATED MODULE: ./src/core/selection/style/api/post-process-list-element.ts
+;// CONCATENATED MODULE: ./src/core/selection/style/api/element-has-same-style.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-function postProcessListElement(style, wrapper, ci) {
-    if (/^(OL|UL)$/i.test(style.element) &&
-        !dom/* Dom.isTag */.i.isTag(wrapper.firstElementChild, 'li')) {
-        const li = dom/* Dom.replace */.i.replace(wrapper, 'li', ci), ul = dom/* Dom.wrap */.i.wrap(li, style.element, ci);
-        if (ul) {
-            return ul;
-        }
-    }
-    return wrapper;
+
+function elementHasSameStyle(elm, rules) {
+    return Boolean(!dom/* Dom.isTag */.i.isTag(elm, 'font') &&
+        dom/* Dom.isHTMLElement */.i.isHTMLElement(elm) &&
+        Object.keys(rules).every(property => {
+            const value = (0,helpers.css)(elm, property, true);
+            return (!(0,helpers.isVoid)(value) &&
+                value !== '' &&
+                !(0,helpers.isVoid)(rules[property]) &&
+                (0,helpers.normalizeCssValue)(property, rules[property])
+                    .toString()
+                    .toLowerCase() === value.toString().toLowerCase());
+        }));
+}
+function elementHasSameStyleKeys(elm, rules) {
+    return Boolean(!dom/* Dom.isTag */.i.isTag(elm, 'font') &&
+        dom/* Dom.isHTMLElement */.i.isHTMLElement(elm) &&
+        Object.keys(rules).every(property => !(0,helpers.isVoid)((0,helpers.css)(elm, property, true))));
 }
 
-;// CONCATENATED MODULE: ./src/core/selection/style/api/wrap-unwrapped-text.ts
+;// CONCATENATED MODULE: ./src/core/selection/style/api/finite-state-machine.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-
-
+class FiniteStateMachine {
+    constructor(state, transitions) {
+        this.state = state;
+        this.transitions = transitions;
+        this.subState = '';
+        this.silent = true;
+    }
+    setState(state, subState) {
+        this.state = state;
+        if (subState != null) {
+            this.subState = subState;
+        }
+    }
+    getState() {
+        return this.state;
+    }
+    getSubState() {
+        return this.subState;
+    }
+    disableSilent() {
+        this.silent = false;
+    }
+    dispatch(actionName, ...attrs) {
+        const action = this.transitions[this.state][actionName];
+        if (action) {
+            if (!this.silent) {
+                console.log('State: ' + this.state, 'Action: ' + actionName);
+            }
+            const res = action.call(this, ...attrs);
+            if (!this.silent) {
+                console.log('State: ' + this.state);
+            }
+            return res;
+        }
+        if (!this.silent) {
+            throw new Error('invalid action: ' + this.state + '.' + actionName);
+        }
+        return;
+    }
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/is-normal-node.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+function isNormalNode(elm) {
+    return Boolean(elm && !dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(elm) && !dom/* Dom.isTemporary */.i.isTemporary(elm));
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/is-suit-element.ts
+
+
+
+function isSuitElement(commitStyle, elm, strict) {
+    if (!elm) {
+        return false;
+    }
+    const { element, elementIsDefault, options } = commitStyle;
+    const elmHasSameStyle = Boolean(options.style && elementHasSameStyle(elm, options.style));
+    const elmIsSame = elm.nodeName.toLowerCase() === element ||
+        (dom/* Dom.isTag */.i.isTag(elm, ['ul', 'ol']) && commitStyle.elementIsList);
+    if (((!elementIsDefault || !strict) && elmIsSame) ||
+        (elmHasSameStyle && isNormalNode(elm))) {
+        return true;
+    }
+    return Boolean(!elmIsSame && !strict && elementIsDefault && dom/* Dom.isInlineBlock */.i.isInlineBlock(elm));
+}
+function isSameStyleChild(commitStyle, elm) {
+    const { element, options } = commitStyle;
+    if (!elm || !isNormalNode(elm)) {
+        return false;
+    }
+    const elmIsSame = elm.nodeName.toLowerCase() === element;
+    const elmHasSameStyle = Boolean(options.style && elementHasSameStyleKeys(elm, options.style));
+    return elmIsSame && elmHasSameStyle;
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/get-suit-child.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+function getSuitChild(style, font) {
+    let { firstChild: child } = font;
+    while (child && !isNormalNode(child)) {
+        child = child.nextSibling;
+        if (!child) {
+            return null;
+        }
+    }
+    if (child &&
+        !dom/* Dom.next */.i.next(child, isNormalNode, font) &&
+        isSuitElement(style, child, false)) {
+        return child;
+    }
+    return null;
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/get-suit-parent.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+function getSuitParent(style, node, root) {
+    const { parentNode } = node;
+    if (dom/* Dom.isHTMLElement */.i.isHTMLElement(parentNode) &&
+        !dom/* Dom.next */.i.next(node, isNormalNode, parentNode) &&
+        !dom/* Dom.prev */.i.prev(node, isNormalNode, parentNode) &&
+        isSuitElement(style, parentNode, false) &&
+        parentNode !== root &&
+        (!dom/* Dom.isBlock */.i.isBlock(parentNode) || style.elementIsBlock)) {
+        return parentNode;
+    }
+    return null;
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/is-inside-invisible-element.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+function isInsideInvisibleElement(font, root) {
+    return Boolean(dom/* Dom.closest */.i.closest(font, ['style', 'script'], root));
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/toggle-commit-styles.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+function toggleCommitStyles(commitStyle, elm) {
+    if (commitStyle.elementIsBlock ||
+        (dom/* Dom.isTag */.i.isTag(elm, commitStyle.element) && !commitStyle.elementIsDefault)) {
+        dom/* Dom.unwrap */.i.unwrap(elm);
+        return true;
+    }
+    return false;
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/unwrap-children.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+function unwrapChildren(style, font) {
+    const needUnwrap = [];
+    const needChangeStyle = [];
+    let firstElementSuit;
+    const cssStyle = style.options.style;
+    if (font.firstChild) {
+        const gen = dom/* Dom.eachGen */.i.eachGen(font);
+        let item = gen.next();
+        while (!item.done) {
+            const elm = item.value;
+            if (isSuitElement(style, elm, true)) {
+                if (firstElementSuit === undefined) {
+                    firstElementSuit = true;
+                }
+                needUnwrap.push(elm);
+            }
+            else if (cssStyle && isSameStyleChild(style, elm)) {
+                if (firstElementSuit === undefined) {
+                    firstElementSuit = false;
+                }
+                needChangeStyle.push(() => {
+                    (0,helpers.css)(elm, Object.keys(cssStyle).reduce((acc, key) => {
+                        acc[key] = null;
+                        return acc;
+                    }, {}));
+                    if (!(0,helpers.attr)(elm, 'style')) {
+                        (0,helpers.attr)(elm, 'style', null);
+                    }
+                    if (elm.nodeName.toLowerCase() === style.element) {
+                        needUnwrap.push(elm);
+                    }
+                });
+            }
+            else if (!dom/* Dom.isEmptyTextNode */.i.isEmptyTextNode(elm)) {
+                if (firstElementSuit === undefined) {
+                    firstElementSuit = false;
+                }
+            }
+            item = gen.next();
+        }
+    }
+    needChangeStyle.forEach(clb => clb());
+    needUnwrap.forEach(dom/* Dom.unwrap */.i.unwrap);
+    return Boolean(firstElementSuit);
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/wrap-unwrapped-text.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
 function wrapUnwrappedText(style, elm, jodit, getRange) {
     const root = jodit.editor, ci = jodit.createInside, edge = (n, key = 'previousSibling') => {
         let edgeNode = n, node = n;
@@ -4657,11 +4852,10 @@ function wrapUnwrappedText(style, elm, jodit, getRange) {
     range.setStartBefore(start);
     range.setEndAfter(end);
     const fragment = range.extractContents();
-    let wrapper = ci.element(style.element);
+    const wrapper = ci.element(style.element);
     wrapper.appendChild(fragment);
     range.insertNode(wrapper);
     if (style.elementIsBlock) {
-        wrapper = postProcessListElement(style, wrapper, ci);
         if (dom/* Dom.isEmpty */.i.isEmpty(wrapper) &&
             !dom/* Dom.isTag */.i.isTag(wrapper.firstElementChild, 'br')) {
             wrapper.appendChild(ci.element('br'));
@@ -4670,46 +4864,67 @@ function wrapUnwrappedText(style, elm, jodit, getRange) {
     return wrapper;
 }
 
-;// CONCATENATED MODULE: ./src/core/selection/style/api/toggle-styles.ts
+;// CONCATENATED MODULE: ./src/core/selection/style/api/wrap-ordered-list.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-
-function toggleStyles(style, elm, wrap) {
-    const { options: { style: styles }, defaultTag, element } = style;
-    const tag = elm.nodeName.toLowerCase(), isStyleCommit = style.elementIsDefault && dom/* Dom.isInlineBlock */.i.isInlineBlock(elm);
-    if (styles && (tag === defaultTag || isStyleCommit)) {
-        Object.keys(styles).forEach(rule => {
-            if (wrap === false ||
-                (0,helpers.css)(elm, rule) ===
-                    (0,helpers.normalizeCssValue)(rule, styles[rule])) {
-                (0,helpers.css)(elm, rule, '');
-                if (wrap == null) {
-                    wrap = false;
-                }
-            }
-            else {
-                (0,helpers.css)(elm, rule, styles[rule]);
-                if (wrap == null) {
-                    wrap = true;
-                }
-            }
-        });
+function wrapOrderedList(commitStyle, wrapper, jodit) {
+    const newWrapper = dom/* Dom.replace */.i.replace(wrapper, 'li', jodit.createInside);
+    let list = newWrapper.previousElementSibling || newWrapper.nextElementSibling;
+    if (!dom/* Dom.isTag */.i.isTag(list, ['ul', 'ol'])) {
+        list = jodit.createInside.element(commitStyle.element);
+        dom/* Dom.before */.i.before(newWrapper, list);
     }
-    const isBlock = dom/* Dom.isBlock */.i.isBlock(elm);
-    const isSuitableInline = !isBlock &&
-        (!(0,helpers.attr)(elm, 'style') || (tag !== defaultTag && tag === element));
-    const isSameBlockElement = !isSuitableInline && isBlock && tag === element;
-    if (isSuitableInline || isSameBlockElement) {
-        dom/* Dom.unwrap */.i.unwrap(elm);
-        if (wrap == null) {
-            wrap = false;
+    if (newWrapper.previousElementSibling === list) {
+        dom/* Dom.append */.i.append(list, newWrapper);
+    }
+    else {
+        dom/* Dom.prepend */.i.prepend(list, newWrapper);
+    }
+    return list;
+}
+
+;// CONCATENATED MODULE: ./src/core/selection/style/api/wrap-and-commit-style.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+
+function wrapAndCommitStyle(commitStyle, font, jodit) {
+    const wrapper = findOrCreateWrapper(commitStyle, font, jodit);
+    return commitStyle.elementIsList
+        ? wrapOrderedList(commitStyle, wrapper, jodit)
+        : dom/* Dom.replace */.i.replace(wrapper, commitStyle.element, jodit.createInside, true);
+}
+function findOrCreateWrapper(commitStyle, font, jodit) {
+    if (commitStyle.elementIsBlock) {
+        const box = dom/* Dom.up */.i.up(font, node => dom/* Dom.isBlock */.i.isBlock(node) &&
+            !dom/* Dom.isTag */.i.isTag(node, [
+                'td',
+                'th',
+                'tr',
+                'tbody',
+                'table',
+                'li',
+                'ul',
+                'ol'
+            ]), jodit.editor);
+        if (box) {
+            return box;
         }
     }
-    return wrap;
+    if (commitStyle.elementIsBlock) {
+        return wrapUnwrappedText(commitStyle, font, jodit, jodit.s.createRange);
+    }
+    (0,helpers.attr)(font, 'size', null);
+    return font;
 }
 
 ;// CONCATENATED MODULE: ./src/core/selection/style/api/index.ts
@@ -4727,6 +4942,13 @@ function toggleStyles(style, elm, wrap) {
 
 
 
+
+
+
+
+
+
+
 ;// CONCATENATED MODULE: ./src/core/selection/style/apply-style.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -4736,70 +4958,137 @@ function toggleStyles(style, elm, wrap) {
 
 
 
-function ApplyStyle(jodit, style) {
-    const { s: sel } = jodit, rng = () => sel.createRange();
-    let wrap = null;
-    sel.save();
-    (0,helpers.normalizeNode)(sel.area.firstChild);
-    const gen = jodit.s.wrapInTagGen();
-    let font = gen.next();
-    while (!font.done) {
-        wrap = applyToElement(style, font.value, rng, jodit, wrap);
-        font = gen.next();
-    }
-    sel.restore();
-}
-function applyToElement(style, font, range, jodit, wrap) {
-    const root = jodit.editor;
-    if (checkSpecialElements(font, root)) {
-        return wrap;
-    }
-    const toggleNode = getSuitParent(style, font, root) ||
-        getSuitChild(style, font) ||
-        getClosestWrapper(style, font, root, range);
-    if (toggleNode) {
-        return toggleStyles(style, toggleNode, wrap);
-    }
-    if (unwrapChildren(style, font)) {
-        return wrap;
-    }
-    if (wrap == null) {
-        wrap = true;
-    }
-    if (!wrap) {
-        return wrap;
-    }
-    let wrapper = font;
-    if (style.elementIsBlock) {
-        const ulReg = /^(ul|ol|li|td|th|tr|tbody|table)$/i;
-        const box = dom/* Dom.up */.i.up(font, node => {
-            if (dom/* Dom.isBlock */.i.isBlock(node)) {
-                if (ulReg.test(style.element) ||
-                    !ulReg.test(node.nodeName)) {
-                    return true;
+
+
+function ApplyStyle(jodit, cs) {
+    const { s: sel, editor } = jodit;
+    const fsm = new FiniteStateMachine('start', {
+        start: {
+            start() {
+                sel.save();
+                (0,helpers.normalizeNode)(editor.firstChild);
+                this.setState('generator');
+            }
+        },
+        generator: {
+            initGenerator() {
+                return jodit.s.wrapInTagGen();
+            },
+            nextFont(gen) {
+                const font = gen.next();
+                if (font.done) {
+                    this.setState('end');
+                    return;
+                }
+                if (isInsideInvisibleElement(font.value, editor) ||
+                    dom/* Dom.isEmptyContent */.i.isEmptyContent(font.value)) {
+                    return;
                 }
+                this.setState('check');
+                return font.value;
+            }
+        },
+        check: {
+            work(font) {
+                let elm = getSuitParent(cs, font, jodit.editor) ||
+                    getSuitChild(cs, font);
+                if (elm) {
+                    this.setState('wholeElement');
+                    return elm;
+                }
+                elm = dom/* Dom.closest */.i.closest(font, node => isSuitElement(cs, node, true), jodit.editor);
+                if (elm) {
+                    if (!cs.elementIsBlock) {
+                        extractSelectedPart(elm, font, jodit);
+                    }
+                }
+                if (cs.elementIsList && dom/* Dom.isTag */.i.isTag(elm, ['ul', 'ol'])) {
+                    this.setState('orderList');
+                    return font;
+                }
+                if (elm) {
+                    this.setState('wholeElement');
+                    return elm;
+                }
+                if (unwrapChildren(cs, font)) {
+                    this.setState('endProcess');
+                    return null;
+                }
+                this.setState('wrap');
+                return font;
+            }
+        },
+        wholeElement: {
+            toggleStyles(toggleElm) {
+                let mode = INITIAL;
+                if (toggleCommitStyles(cs, toggleElm)) {
+                    mode = UNWRAP;
+                }
+                else {
+                    mode = toggleCSS(cs, toggleElm, jodit, mode);
+                }
+                this.setState('generator', mode);
+            }
+        },
+        orderList: {
+            toggleStyles(font) {
+                let mode = INITIAL;
+                const li = dom/* Dom.closest */.i.closest(font, 'li', jodit.editor);
+                if (!li) {
+                    this.setState('generator');
+                    return;
+                }
+                const ul = dom/* Dom.closest */.i.closest(font, ['ul', 'ol'], jodit.editor);
+                if (!ul) {
+                    this.setState('generator');
+                    return;
+                }
+                mode = toggleOrderedList(cs, li, jodit, mode);
+                if (mode === REPLACE || mode === UNWRAP || mode === CHANGE) {
+                    this.setState('endWhile');
+                    return;
+                }
+                this.setState('generator');
+            }
+        },
+        wrap: {
+            toggleStyles(font) {
+                if (this.getSubState() !== 'unwrap') {
+                    const toggleElm = wrapAndCommitStyle(cs, font, jodit);
+                    toggleCSS(cs, toggleElm, jodit, WRAP);
+                }
+                this.setState('generator');
+            }
+        },
+        endWhile: {
+            nextFont(gen) {
+                const font = gen.next();
+                if (font.done) {
+                    this.setState('end');
+                }
+            }
+        },
+        endProcess: {
+            toggleStyles() {
+                this.setState('generator');
+            }
+        },
+        end: {
+            finalize() {
+                sel.restore();
             }
-            return false;
-        }, root);
-        if (box) {
-            wrapper = box;
         }
-        else {
-            wrapper = wrapUnwrappedText(style, font, jodit, range);
+    });
+    fsm.dispatch('start');
+    const gen = fsm.dispatch('initGenerator');
+    while (fsm.getState() !== 'end') {
+        const font = fsm.dispatch('nextFont', gen);
+        if (font) {
+            const wrapper = fsm.dispatch('work', font);
+            fsm.dispatch('toggleStyles', wrapper);
         }
     }
-    const newWrapper = dom/* Dom.replace */.i.replace(wrapper, style.element, jodit.createInside, true);
-    (0,helpers.attr)(newWrapper, 'size', null);
-    if (style.elementIsBlock) {
-        postProcessListElement(style, newWrapper, jodit.createInside);
-    }
-    if (style.options.style && style.elementIsDefault) {
-        (0,helpers.css)(newWrapper, style.options.style);
-    }
-    if (style.options.className) {
-        newWrapper.classList.toggle(style.options.className);
-    }
-    return wrap;
+    fsm.dispatch('finalize', gen);
 }
 
 ;// CONCATENATED MODULE: ./src/core/selection/style/commit-style.ts
@@ -4810,10 +5099,19 @@ function applyToElement(style, font, range, jodit, wrap) {
  */
 
 
+const WRAP = 'wrap';
+const UNWRAP = 'unwrap';
+const CHANGE = 'change';
+const UNSET = 'unset';
+const INITIAL = 'initial';
+const REPLACE = 'replace';
 class CommitStyle {
     constructor(options) {
         this.options = options;
     }
+    get elementIsList() {
+        return Boolean(this.options.element && ['ul', 'ol'].includes(this.options.element));
+    }
     get element() {
         return this.options.element || this.defaultTag;
     }
@@ -4868,7 +5166,7 @@ __webpack_require__.d(__webpack_exports__, {
   "watch": function() { return /* reexport */ watch; }
 });
 
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 ;// CONCATENATED MODULE: ./src/core/decorators/cache.ts
 /*!
@@ -6408,7 +6706,7 @@ function ucfirst(value) {
 var config = __webpack_require__(1);
 // EXTERNAL MODULE: ./src/core/helpers/default-language.ts
 var default_language = __webpack_require__(28);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/global.ts
 var global = __webpack_require__(13);
@@ -6661,22 +6959,35 @@ __webpack_require__.d(__webpack_exports__, {
   "GJ": function() { return /* reexport */ ui_form/* UITextArea */.GJ; }
 });
 
-// UNUSED EXPORTS: UIButtonGroup, UIButtonState, UISelect
+// UNUSED EXPORTS: UIButtonGroup, UIButtonState, UISelect, UISpacer
 
 // EXTERNAL MODULE: ./src/core/ui/element.ts
 var ui_element = __webpack_require__(33);
 // EXTERNAL MODULE: ./src/core/ui/button/index.ts + 2 modules
 var ui_button = __webpack_require__(36);
 // EXTERNAL MODULE: ./src/core/ui/popup/index.ts + 1 modules
-var popup = __webpack_require__(42);
-// EXTERNAL MODULE: ./src/core/ui/separator.ts
-var separator = __webpack_require__(40);
+var popup = __webpack_require__(43);
 // EXTERNAL MODULE: ./src/core/ui/list/group.ts
 var group = __webpack_require__(39);
 // EXTERNAL MODULE: ./src/core/ui/list/list.ts + 1 modules
 var list = __webpack_require__(37);
+// EXTERNAL MODULE: ./src/core/ui/list/separator.ts
+var separator = __webpack_require__(41);
+// EXTERNAL MODULE: ./src/core/ui/list/spacer.ts
+var spacer = __webpack_require__(40);
+;// CONCATENATED MODULE: ./src/core/ui/list/index.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+
+
 // EXTERNAL MODULE: ./src/core/ui/form/index.ts + 11 modules
-var ui_form = __webpack_require__(43);
+var ui_form = __webpack_require__(44);
 // EXTERNAL MODULE: ./src/core/ui/icon.ts
 var icon = __webpack_require__(35);
 // EXTERNAL MODULE: ./src/core/dom.ts
@@ -6731,8 +7042,6 @@ class ProgressBar extends ui_element/* UIElement */.u {
 
 
 
-
-
 /***/ }),
 /* 33 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -6813,9 +7122,9 @@ class UIElement extends _component__WEBPACK_IMPORTED_MODULE_0__/* .ViewComponent
         return null;
     }
     static closestElement(node, type) {
-        const elm = _dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.up */ .i.up(node, node => {
-            if (node) {
-                const { component } = node;
+        const elm = _dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.up */ .i.up(node, elm => {
+            if (elm) {
+                const { component } = elm;
                 return component && component instanceof type;
             }
             return false;
@@ -6959,6 +7268,7 @@ class Icon {
         }
         return (Icon.icons[name] ||
             Icon.icons[name.replace(/-/g, '_')] ||
+            Icon.icons[name.replace(/_/g, '-')] ||
             Icon.icons[name.toLowerCase()]);
     }
     static exists(name) {
@@ -6969,6 +7279,7 @@ class Icon {
     }
     static set(name, value) {
         this.icons[name.replace('_', '-')] = value;
+        return this;
     }
     static makeIcon(jodit, icon) {
         var _a;
@@ -7024,7 +7335,7 @@ var tslib_es6 = __webpack_require__(18);
 var ui_element = __webpack_require__(33);
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/ui/icon.ts
 var icon = __webpack_require__(35);
@@ -7054,7 +7365,7 @@ const UIButtonState = () => ({
     type: 'button',
     name: '',
     value: '',
-    status: 'initial',
+    variant: 'initial',
     disabled: false,
     activated: false,
     icon: {
@@ -7102,7 +7413,7 @@ let UIButton = class UIButton extends ui_element/* UIElement */.u {
         }
     }
     onChangeStatus() {
-        this.setMod('status', this.state.status);
+        this.setMod('variant', this.state.variant);
     }
     onChangeText() {
         this.text.textContent = this.jodit.i18n(this.state.text);
@@ -7188,7 +7499,7 @@ let UIButton = class UIButton extends ui_element/* UIElement */.u {
     (0,decorators.watch)('parentElement')
 ], UIButton.prototype, "updateSize", null);
 (0,tslib_es6/* __decorate */.gn)([
-    (0,decorators.watch)('state.status')
+    (0,decorators.watch)('state.variant')
 ], UIButton.prototype, "onChangeStatus", null);
 (0,tslib_es6/* __decorate */.gn)([
     (0,decorators.watch)('state.text')
@@ -7221,14 +7532,14 @@ UIButton = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UIButton);
 
-function Button(jodit, stateOrText, text, status) {
+function Button(jodit, stateOrText, text, variant) {
     const button = new UIButton(jodit);
     button.state.tabIndex = jodit.o.allowTabNavigation ? 0 : -1;
     if ((0,helpers.isString)(stateOrText)) {
         button.state.icon.name = stateOrText;
         button.state.name = stateOrText;
-        if (status) {
-            button.state.status = status;
+        if (variant) {
+            button.state.variant = variant;
         }
         if (text) {
             button.state.text = text;
@@ -7262,7 +7573,7 @@ let UIButtonGroup = class UIButtonGroup extends group/* UIGroup */.q {
             const btn = new UIButton(jodit, {
                 text: opt.text,
                 value: opt.value,
-                status: 'primary'
+                variant: 'primary'
             });
             btn.onAction(() => {
                 this.select(opt.value);
@@ -7340,7 +7651,7 @@ var get_control_type = __webpack_require__(38);
 var config = __webpack_require__(1);
 // EXTERNAL MODULE: ./src/core/helpers/checker/index.ts + 14 modules
 var checker = __webpack_require__(19);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 ;// CONCATENATED MODULE: ./src/core/ui/helpers/get-strong-control-types.ts
 /*!
@@ -7366,10 +7677,12 @@ function getStrongControlTypes(items, controls) {
 var decorators = __webpack_require__(17);
 // EXTERNAL MODULE: ./src/core/ui/list/group.ts
 var group = __webpack_require__(39);
-// EXTERNAL MODULE: ./src/core/ui/separator.ts
-var separator = __webpack_require__(40);
+// EXTERNAL MODULE: ./src/core/ui/list/spacer.ts
+var spacer = __webpack_require__(40);
+// EXTERNAL MODULE: ./src/core/ui/list/separator.ts
+var separator = __webpack_require__(41);
 // EXTERNAL MODULE: ./src/core/ui/helpers/buttons.ts
-var buttons = __webpack_require__(41);
+var buttons = __webpack_require__(42);
 ;// CONCATENATED MODULE: ./src/core/ui/list/list.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -7386,6 +7699,7 @@ var buttons = __webpack_require__(41);
 
 
 
+
 let UIList = class UIList extends group/* UIGroup */.q {
     constructor(jodit) {
         super(jodit);
@@ -7420,12 +7734,14 @@ let UIList = class UIList extends group/* UIGroup */.q {
         let lastBtnSeparator = false;
         let line = this.makeGroup();
         this.append(line);
+        line.setMod('line', true);
         let group;
         const addButton = (control) => {
             let elm = null;
             switch (control.name) {
                 case '\n':
                     line = this.makeGroup();
+                    line.setMod('line', true);
                     group = this.makeGroup();
                     line.append(group);
                     this.append(line);
@@ -7436,6 +7752,15 @@ let UIList = class UIList extends group/* UIGroup */.q {
                         elm = new separator/* UISeparator */.l(this.j);
                     }
                     break;
+                case '---': {
+                    group.setMod('before-spacer', true);
+                    const space = new spacer/* UISpacer */.W(this.j);
+                    line.append(space);
+                    group = this.makeGroup();
+                    line.append(group);
+                    lastBtnSeparator = false;
+                    break;
+                }
                 default:
                     lastBtnSeparator = false;
                     elm = this.makeButton(control, target);
@@ -7454,8 +7779,8 @@ let UIList = class UIList extends group/* UIGroup */.q {
                 const buttons = item.buttons.filter(b => b);
                 if (buttons.length) {
                     group = this.makeGroup();
-                    line.append(group);
                     group.setMod('separated', true).setMod('group', item.group);
+                    line.append(group);
                     getStrongControlTypes(buttons, this.j.o.controls)
                         .filter(isNotRemoved)
                         .forEach(addButton);
@@ -7571,6 +7896,7 @@ var UIGroup_1;
 let UIGroup = UIGroup_1 = class UIGroup extends _element__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u {
     constructor(jodit, elements, options) {
         super(jodit, options);
+        this.options = options;
         this.syncMod = false;
         this.elements = [];
         this.buttonSize = 'middle';
@@ -7607,7 +7933,7 @@ let UIGroup = UIGroup_1 = class UIGroup extends _element__WEBPACK_IMPORTED_MODUL
     }
     append(elm, distElement) {
         if ((0,_helpers__WEBPACK_IMPORTED_MODULE_2__.isArray)(elm)) {
-            elm.forEach(item => this.append(item));
+            elm.forEach(item => this.append(item, distElement));
             return this;
         }
         this.elements.push(elm);
@@ -7665,6 +7991,36 @@ UIGroup = UIGroup_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn
 /* 40 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "W": function() { return /* binding */ UISpacer; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
+/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33);
+/* harmony import */ var _decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
+let UISpacer = class UISpacer extends _element__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u {
+    className() {
+        return 'UISpacer';
+    }
+};
+UISpacer = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
+    _decorators__WEBPACK_IMPORTED_MODULE_1__.component
+], UISpacer);
+
+
+
+/***/ }),
+/* 41 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "l": function() { return /* binding */ UISeparator; }
@@ -7692,7 +8048,7 @@ UISeparator = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7710,19 +8066,26 @@ UISeparator = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
 const isButtonGroup = (item) => {
     return (0,_helpers_checker__WEBPACK_IMPORTED_MODULE_0__/* .isArray */ .kJ)(item.buttons);
 };
-const flatButtonsSet = (buttons) => new Set(buttons.reduce((acc, item) => {
-    if (isButtonGroup(item)) {
-        acc.push(...item.buttons);
-    }
-    else {
-        acc.push(item);
-    }
-    return acc;
-}, []));
+function flatButtonsSet(buttons, jodit) {
+    const groups = jodit.getRegisteredButtonGroups();
+    return new Set(buttons.reduce((acc, item) => {
+        var _a;
+        if (isButtonGroup(item)) {
+            acc = acc.concat([
+                ...item.buttons,
+                ...((_a = groups[item.group]) !== null && _a !== void 0 ? _a : [])
+            ]);
+        }
+        else {
+            acc.push(item);
+        }
+        return acc;
+    }, []));
+}
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7736,7 +8099,7 @@ __webpack_require__.d(__webpack_exports__, {
 var tslib_es6 = __webpack_require__(18);
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/global.ts
 var global = __webpack_require__(13);
@@ -7812,6 +8175,7 @@ class Popup extends ui_element/* UIElement */.u {
     }
     open(getBound, keepPosition = false) {
         (0,helpers.markOwner)(this.jodit, this.container);
+        this.calculateZIndex();
         this.isOpened = true;
         this.addGlobalListeners();
         this.targetBound = !keepPosition
@@ -7825,6 +8189,40 @@ class Popup extends ui_element/* UIElement */.u {
         this.j.e.fire(this, 'afterOpen');
         return this;
     }
+    calculateZIndex() {
+        if (this.container.style.zIndex) {
+            return;
+        }
+        const checkView = (view) => {
+            const zIndex = view.container.style.zIndex || view.o.zIndex;
+            if (zIndex) {
+                this.setZIndex(1 + parseInt(zIndex.toString(), 10));
+                return true;
+            }
+            return false;
+        };
+        if (checkView(this.j)) {
+            return;
+        }
+        let pe = this.parentElement;
+        while (pe) {
+            if (checkView(pe.j)) {
+                return;
+            }
+            if (pe.container.style.zIndex) {
+                this.setZIndex(1 + parseInt(pe.container.style.zIndex.toString(), 10));
+                return;
+            }
+            if (!pe.parentElement && pe.container.parentElement) {
+                const elm = ui_element/* UIElement.closestElement */.u.closestElement(pe.container.parentElement, ui_element/* UIElement */.u);
+                if (elm) {
+                    pe = elm;
+                    continue;
+                }
+            }
+            pe = pe.parentElement;
+        }
+    }
     getKeepBound(getBound) {
         const oldBound = getBound();
         const elmUnderCursor = this.od.elementFromPoint(oldBound.left, oldBound.top);
@@ -8004,7 +8402,7 @@ class Popup extends ui_element/* UIElement */.u {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8034,7 +8432,7 @@ var tslib_es6 = __webpack_require__(18);
 var group = __webpack_require__(39);
 // EXTERNAL MODULE: ./src/core/ui/element.ts
 var ui_element = __webpack_require__(33);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
@@ -8114,6 +8512,9 @@ let UIInput = UIInput_1 = class UIInput extends ui_element/* UIElement */.u {
         this.state = { ...UIInput_1.defaultState };
         this.__errorBox = this.j.c.span(this.getFullElName('error'));
         this.validators = new Set([]);
+        if ((options === null || options === void 0 ? void 0 : options.value) !== undefined) {
+            options.value = options.value.toString();
+        }
         Object.assign(this.state, options);
         if (this.state.clearButton !== undefined) {
             this.j.e
@@ -8210,14 +8611,19 @@ let UIInput = UIInput_1 = class UIInput extends ui_element/* UIElement */.u {
         }
     }
     onChangeStateValue() {
-        this.value = this.state.value;
+        const value = this.state.value.toString();
+        if (value !== this.value) {
+            this.value = value;
+        }
     }
     onChangeValue() {
         var _a, _b;
         const { value } = this;
-        this.state.value = value;
-        this.j.e.fire(this, 'change', value);
-        (_b = (_a = this.state).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+        if (this.state.value !== value) {
+            this.state.value = value;
+            this.j.e.fire(this, 'change', value);
+            (_b = (_a = this.state).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+        }
     }
     validate() {
         this.error = '';
@@ -8296,11 +8702,20 @@ UIInput = UIInput_1 = (0,tslib_es6/* __decorate */.gn)([
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+var UITextArea_1;
 
 
 
 
-let UITextArea = class UITextArea extends UIInput {
+let UITextArea = UITextArea_1 = class UITextArea extends UIInput {
+    constructor(jodit, state) {
+        super(jodit, state);
+        this.state = { ...UITextArea_1.defaultState };
+        Object.assign(this.state, state);
+        if (this.state.resizable === false) {
+            this.nativeInput.style.resize = 'none';
+        }
+    }
     className() {
         return 'UITextArea';
     }
@@ -8309,7 +8724,12 @@ let UITextArea = class UITextArea extends UIInput {
         return super.createContainer(options);
     }
 };
-UITextArea = (0,tslib_es6/* __decorate */.gn)([
+UITextArea.defaultState = {
+    ...UIInput.defaultState,
+    size: 5,
+    resizable: true
+};
+UITextArea = UITextArea_1 = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UITextArea);
 
@@ -8320,11 +8740,18 @@ UITextArea = (0,tslib_es6/* __decorate */.gn)([
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+var UICheckbox_1;
 
 
 
 
-let UICheckbox = class UICheckbox extends UIInput {
+
+let UICheckbox = UICheckbox_1 = class UICheckbox extends UIInput {
+    constructor(jodit, options) {
+        super(jodit, { ...options, type: 'checkbox' });
+        this.state = { ...UICheckbox_1.defaultState };
+        Object.assign(this.state, options);
+    }
     className() {
         return 'UICheckbox';
     }
@@ -8333,11 +8760,45 @@ let UICheckbox = class UICheckbox extends UIInput {
             className: this.componentName
         });
     }
-    constructor(jodit, options) {
-        super(jodit, { ...options, type: 'checkbox' });
+    onChangeChecked() {
+        this.value = this.state.checked.toString();
+        this.nativeInput.checked = this.state.checked;
+        this.setMod('checked', this.state.checked);
+    }
+    onChangeNativeCheckBox() {
+        this.state.checked = this.nativeInput.checked;
     }
+    onChangeSwitch() {
+        this.setMod('switch', this.state.switch);
+        let slider = this.getElm('switch-slider');
+        if (this.state.switch) {
+            if (!slider) {
+                slider = this.j.c.div(this.getFullElName('switch-slider'));
+            }
+            dom/* Dom.after */.i.after(this.nativeInput, slider);
+        }
+        else {
+            dom/* Dom.safeRemove */.i.safeRemove(slider);
+        }
+    }
+};
+UICheckbox.defaultState = {
+    ...UIInput.defaultState,
+    checked: false,
+    switch: false
 };
-UICheckbox = (0,tslib_es6/* __decorate */.gn)([
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('state.checked'),
+    (0,decorators.hook)('ready')
+], UICheckbox.prototype, "onChangeChecked", null);
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('nativeInput:change')
+], UICheckbox.prototype, "onChangeNativeCheckBox", null);
+(0,tslib_es6/* __decorate */.gn)([
+    (0,decorators.watch)('state.switch'),
+    (0,decorators.hook)('ready')
+], UICheckbox.prototype, "onChangeSwitch", null);
+UICheckbox = UICheckbox_1 = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
 ], UICheckbox);
 
@@ -8496,6 +8957,13 @@ var utils = __webpack_require__(9);
 
 
 let UIForm = class UIForm extends group/* UIGroup */.q {
+    constructor(...args) {
+        var _a, _b;
+        super(...args);
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.className) {
+            this.container.classList.add((_b = this.options) === null || _b === void 0 ? void 0 : _b.className);
+        }
+    }
     className() {
         return 'UIForm';
     }
@@ -8586,7 +9054,7 @@ UIBlock = (0,tslib_es6/* __decorate */.gn)([
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module) {
 
 /*!
@@ -8603,13 +9071,13 @@ module.exports = {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M36 4h-24c-2.21 0-4 1.79-4 4v32c0 2.21 1.79 4 4 4h24c2.21 0 4-1.79 4-4v-32c0-2.21-1.79-4-4-4zm-24 4h10v16l-5-3-5 3v-16z\"/> </svg>"
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8621,9 +9089,9 @@ __webpack_require__.d(__webpack_exports__, {
   "IL": function() { return /* reexport */ TabsWidget; }
 });
 
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
-// EXTERNAL MODULE: ./src/core/ui/index.ts + 1 modules
+// EXTERNAL MODULE: ./src/core/ui/index.ts + 2 modules
 var ui = __webpack_require__(32);
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
@@ -8723,7 +9191,7 @@ const TabsWidget = (editor, tabs, state) => {
         buttonList.push(button);
         button.container.classList.add('jodit-tabs__button', 'jodit-tabs__button_columns_' + tabs.length);
         if (!(0,helpers.isFunction)(content)) {
-            tab.appendChild(content);
+            tab.appendChild(content instanceof ui/* UIElement */.u1 ? content.container : content);
         }
         else {
             tab.appendChild(editor.c.div('jodit-tab_empty'));
@@ -8822,7 +9290,7 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
     if (callbacks.url) {
         const button = new ui/* UIButton */.y3(editor, {
             type: 'submit',
-            status: 'primary',
+            variant: 'primary',
             text: 'Insert'
         }), form = new ui/* UIForm */.x4(editor, [
             new ui/* UIInput */.u3(editor, {
@@ -8878,7 +9346,7 @@ const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8918,7 +9386,7 @@ const hAlignElement = (image, align) => {
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8952,7 +9420,7 @@ const hAlignElement = (image, align) => {
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8962,7 +9430,7 @@ const hAlignElement = (image, align) => {
 /* harmony import */ var _core_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
 /* harmony import */ var _core_helpers_checker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19);
 /* harmony import */ var _core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
-/* harmony import */ var _image_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47);
+/* harmony import */ var _image_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -9037,13 +9505,13 @@ const align = {
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony import */ var _core_helpers_checker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
 /* harmony import */ var _core_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
-/* harmony import */ var _modules_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46);
+/* harmony import */ var _modules_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -9172,11 +9640,50 @@ const cmd = (control) => control.args && (0,_core_helpers_checker__WEBPACK_IMPOR
 
 
 /***/ }),
-/* 51 */
+/* 52 */
+/***/ (function(__unused_webpack_module, __webpack_exports__) {
+
+"use strict";
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/* harmony default export */ __webpack_exports__["Z"] = ([
+    'bold',
+    'italic',
+    '|',
+    'ul',
+    'ol',
+    'eraser',
+    '|',
+    'fontsize',
+    'brush',
+    'paragraph',
+    '---',
+    'image',
+    'table',
+    '\n',
+    'link',
+    '|',
+    'align',
+    '|',
+    'undo',
+    'redo',
+    '|',
+    'copyformat',
+    'fullsize',
+    '---',
+    'dots'
+]);
+
+
+/***/ }),
+/* 53 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _img__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49);
+/* harmony import */ var _img__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(50);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -9196,487 +9703,493 @@ const cmd = (control) => control.args && (0,_core_helpers_checker__WEBPACK_IMPOR
 
 
 /***/ }),
-/* 52 */
+/* 54 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1088 1256v240q0 16-12 28t-28 12h-240q-16 0-28-12t-12-28v-240q0-16 12-28t28-12h240q16 0 28 12t12 28zm316-600q0 54-15.5 101t-35 76.5-55 59.5-57.5 43.5-61 35.5q-41 23-68.5 65t-27.5 67q0 17-12 32.5t-28 15.5h-240q-15 0-25.5-18.5t-10.5-37.5v-45q0-83 65-156.5t143-108.5q59-27 84-56t25-76q0-42-46.5-74t-107.5-32q-65 0-108 29-35 25-107 115-13 16-31 16-12 0-25-8l-164-125q-13-10-15.5-25t5.5-28q160-266 464-266 80 0 161 31t146 83 106 127.5 41 158.5z\"/> </svg>"
 
 /***/ }),
-/* 53 */
+/* 55 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 18.151 18.151\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <path stroke-width=\"0\" d=\"M6.237,16.546H3.649V1.604h5.916v5.728c0.474-0.122,0.968-0.194,1.479-0.194 c0.042,0,0.083,0.006,0.125,0.006V0H2.044v18.15h5.934C7.295,17.736,6.704,17.19,6.237,16.546z\"/> <path stroke-width=\"0\" d=\"M11.169,8.275c-2.723,0-4.938,2.215-4.938,4.938s2.215,4.938,4.938,4.938s4.938-2.215,4.938-4.938 S13.892,8.275,11.169,8.275z M11.169,16.81c-1.983,0-3.598-1.612-3.598-3.598c0-1.983,1.614-3.597,3.598-3.597 s3.597,1.613,3.597,3.597C14.766,15.198,13.153,16.81,11.169,16.81z\"/> <polygon stroke-width=\"0\" points=\"11.792,11.073 10.502,11.073 10.502,12.578 9.03,12.578 9.03,13.868 10.502,13.868 10.502,15.352 11.792,15.352 11.792,13.868 13.309,13.868 13.309,12.578 11.792,12.578 \"/> </g> </svg>"
 
 /***/ }),
-/* 54 */
+/* 56 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 432 432\"> <g> <polygon points=\"203.688,96 0,96 0,144 155.688,144 \"/> <polygon points=\"155.719,288 0,288 0,336 203.719,336 \"/> <path d=\"M97.844,230.125c-3.701-3.703-5.856-8.906-5.856-14.141s2.154-10.438,5.856-14.141l9.844-9.844H0v48h107.719 L97.844,230.125z\"/> <polygon points=\"232,176 232,96 112,216 232,336 232,256 432,256 432,176\"/> </g> </svg>"
 
 /***/ }),
-/* 55 */
+/* 57 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z\"/> </svg>"
 
 /***/ }),
-/* 56 */
+/* 58 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z\"/> </svg>"
 
 /***/ }),
-/* 57 */
+/* 59 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z\"/> </svg>"
 
 /***/ }),
-/* 58 */
+/* 60 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z\"/> </svg>"
 
 /***/ }),
-/* 59 */
+/* 61 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17 39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355 355 144 144q31 30 14 69-17 40-59 40h-448q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l144 144 355-355-355-355-144 144q-19 19-45 19-12 0-24-5-40-17-40-59v-448q0-26 19-45t45-19h448q42 0 59 40 17 39-14 69l-144 144 355 355 355-355-144-144q-31-30-14-69 17-40 59-40h448q26 0 45 19t19 45v448q0 42-39 59-13 5-25 5-26 0-45-19z\"/> </svg>"
 
 /***/ }),
-/* 60 */
+/* 62 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 896q0 26-19 45l-256 256q-19 19-45 19t-45-19-19-45v-128h-1024v128q0 26-19 45t-45 19-45-19l-256-256q-19-19-19-45t19-45l256-256q19-19 45-19t45 19 19 45v128h1024v-128q0-26 19-45t45-19 45 19l256 256q19 19 19 45z\"/> </svg>"
 
 /***/ }),
-/* 61 */
+/* 63 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1596 1385q0 117-79 196t-196 79q-135 0-235-100l-777-776q-113-115-113-271 0-159 110-270t269-111q158 0 273 113l605 606q10 10 10 22 0 16-30.5 46.5t-46.5 30.5q-13 0-23-10l-606-607q-79-77-181-77-106 0-179 75t-73 181q0 105 76 181l776 777q63 63 145 63 64 0 106-42t42-106q0-82-63-145l-581-581q-26-24-60-24-29 0-48 19t-19 48q0 32 25 59l410 410q10 10 10 22 0 16-31 47t-47 31q-12 0-22-10l-410-410q-63-61-63-149 0-82 57-139t139-57q88 0 149 63l581 581q100 98 100 235z\"/> </svg>"
 
 /***/ }),
-/* 62 */
+/* 64 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M704 1376v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10 2-17 11zm928 32v64q0 14-9 23t-23 9h-96v948q0 83-47 143.5t-113 60.5h-832q-66 0-113-58.5t-47-141.5v-952h-96q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h309l70-167q15-37 54-63t79-26h320q40 0 79 26t54 63l70 167h309q14 0 23 9t9 23z\"/> </svg>"
 
 /***/ }),
-/* 63 */
+/* 65 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M747 1521q74 32 140 32 376 0 376-335 0-114-41-180-27-44-61.5-74t-67.5-46.5-80.5-25-84-10.5-94.5-2q-73 0-101 10 0 53-.5 159t-.5 158q0 8-1 67.5t-.5 96.5 4.5 83.5 12 66.5zm-14-746q42 7 109 7 82 0 143-13t110-44.5 74.5-89.5 25.5-142q0-70-29-122.5t-79-82-108-43.5-124-14q-50 0-130 13 0 50 4 151t4 152q0 27-.5 80t-.5 79q0 46 1 69zm-541 889l2-94q15-4 85-16t106-27q7-12 12.5-27t8.5-33.5 5.5-32.5 3-37.5.5-34v-65.5q0-982-22-1025-4-8-22-14.5t-44.5-11-49.5-7-48.5-4.5-30.5-3l-4-83q98-2 340-11.5t373-9.5q23 0 68.5.5t67.5.5q70 0 136.5 13t128.5 42 108 71 74 104.5 28 137.5q0 52-16.5 95.5t-39 72-64.5 57.5-73 45-84 40q154 35 256.5 134t102.5 248q0 100-35 179.5t-93.5 130.5-138 85.5-163.5 48.5-176 14q-44 0-132-3t-132-3q-106 0-307 11t-231 12z\"/> </svg>"
 
 /***/ }),
-/* 64 */
+/* 66 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M896 1152q0-36-20-69-1-1-15.5-22.5t-25.5-38-25-44-21-50.5q-4-16-21-16t-21 16q-7 23-21 50.5t-25 44-25.5 38-15.5 22.5q-20 33-20 69 0 53 37.5 90.5t90.5 37.5 90.5-37.5 37.5-90.5zm512-128q0 212-150 362t-362 150-362-150-150-362q0-145 81-275 6-9 62.5-90.5t101-151 99.5-178 83-201.5q9-30 34-47t51-17 51.5 17 33.5 47q28 93 83 201.5t99.5 178 101 151 62.5 90.5q81 127 81 275z\"/> </svg>"
 
 /***/ }),
-/* 65 */
+/* 67 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\"> <g stroke=\"none\" stroke-width=\"1\"> <path d=\"M14,1.4 L12.6,0 L7,5.6 L1.4,0 L0,1.4 L5.6,7 L0,12.6 L1.4,14 L7,8.4 L12.6,14 L14,12.6 L8.4,7 L14,1.4 Z\"/> </g> </svg>"
 
 /***/ }),
-/* 66 */
+/* 68 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 1344v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm-384-384v128q0 26-19 45t-45 19h-896q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h896q26 0 45 19t19 45zm256-384v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm-384-384v128q0 26-19 45t-45 19h-640q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h640q26 0 45 19t19 45z\"/> </svg>"
 
 /***/ }),
-/* 67 */
+/* 69 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M503 1271l-256 256q-10 9-23 9-12 0-23-9-9-10-9-23t9-23l256-256q10-9 23-9t23 9q9 10 9 23t-9 23zm169 41v320q0 14-9 23t-23 9-23-9-9-23v-320q0-14 9-23t23-9 23 9 9 23zm-224-224q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23 9-23 23-9h320q14 0 23 9t9 23zm1264 128q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-334-335q-21-21-42-56l239-18 273 274q27 27 68 27.5t68-26.5l147-146q28-28 28-67 0-40-28-68l-274-275 18-239q35 21 56 42l336 336q84 86 84 204zm-617-724l-239 18-273-274q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l274 274-18 240q-35-21-56-42l-336-336q-84-86-84-204 0-120 85-203l147-146q83-83 203-83 121 0 204 85l334 335q21 21 42 56zm633 84q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23 9-23 23-9h320q14 0 23 9t9 23zm-544-544v320q0 14-9 23t-23 9-23-9-9-23v-320q0-14 9-23t23-9 23 9 9 23zm407 151l-256 256q-11 9-23 9t-23-9q-9-10-9-23t9-23l256-256q10-9 23-9t23 9q9 10 9 23t-9 23z\"/> </svg>"
 
 /***/ }),
-/* 68 */
+/* 70 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1472 930v318q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q63 0 117 25 15 7 18 23 3 17-9 29l-49 49q-10 10-23 10-3 0-9-2-23-6-45-6h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-254q0-13 9-22l64-64q10-10 23-10 6 0 12 3 20 8 20 29zm231-489l-814 814q-24 24-57 24t-57-24l-430-430q-24-24-24-57t24-57l110-110q24-24 57-24t57 24l263 263 647-647q24-24 57-24t57 24l110 110q24 24 24 57t-24 57z\"/> </svg>"
 
 /***/ }),
-/* 69 */
+/* 71 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M813 1299l614-614q19-19 19-45t-19-45l-102-102q-19-19-45-19t-45 19l-467 467-211-211q-19-19-45-19t-45 19l-102 102q-19 19-19 45t19 45l358 358q19 19 45 19t45-19zm851-883v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z\"/></svg>"
 
 /***/ }),
-/* 70 */
+/* 72 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 10 10\"> <path d=\"M.941 4.523a.75.75 0 1 1 1.06-1.06l3.006 3.005 3.005-3.005a.75.75 0 1 1 1.06 1.06l-3.549 3.55a.75.75 0 0 1-1.168-.136L.941 4.523z\"/> </svg>"
 
 /***/ }),
-/* 71 */
+/* 73 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 16 16\"> <path stroke-width=\"0\" d=\"M16 9v-6h-3v-1c0-0.55-0.45-1-1-1h-11c-0.55 0-1 0.45-1 1v3c0 0.55 0.45 1 1 1h11c0.55 0 1-0.45 1-1v-1h2v4h-9v2h-0.5c-0.276 0-0.5 0.224-0.5 0.5v5c0 0.276 0.224 0.5 0.5 0.5h2c0.276 0 0.5-0.224 0.5-0.5v-5c0-0.276-0.224-0.5-0.5-0.5h-0.5v-1h9zM12 3h-11v-1h11v1z\"/> </svg>"
 
 /***/ }),
-/* 72 */
+/* 74 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M621 1280h595v-595zm-45-45l595-595h-595v595zm1152 77v192q0 14-9 23t-23 9h-224v224q0 14-9 23t-23 9h-192q-14 0-23-9t-9-23v-224h-864q-14 0-23-9t-9-23v-864h-224q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h224v-224q0-14 9-23t23-9h192q14 0 23 9t9 23v224h851l246-247q10-9 23-9t23 9q9 10 9 23t-9 23l-247 246v851h224q14 0 23 9t9 23z\"/> </svg>"
 
 /***/ }),
-/* 73 */
+/* 75 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M24.89,6.61H22.31V4.47A2.47,2.47,0,0,0,19.84,2H6.78A2.47,2.47,0,0,0,4.31,4.47V22.92a2.47,2.47,0,0,0,2.47,2.47H9.69V27.2a2.8,2.8,0,0,0,2.8,2.8h12.4a2.8,2.8,0,0,0,2.8-2.8V9.41A2.8,2.8,0,0,0,24.89,6.61ZM6.78,23.52a.61.61,0,0,1-.61-.6V4.47a.61.61,0,0,1,.61-.6H19.84a.61.61,0,0,1,.61.6V6.61h-8a2.8,2.8,0,0,0-2.8,2.8V23.52Zm19,3.68a.94.94,0,0,1-.94.93H12.49a.94.94,0,0,1-.94-.93V9.41a.94.94,0,0,1,.94-.93h12.4a.94.94,0,0,1,.94.93Z\"/> <path d=\"M23.49,13.53h-9.6a.94.94,0,1,0,0,1.87h9.6a.94.94,0,1,0,0-1.87Z\"/> <path d=\"M23.49,17.37h-9.6a.94.94,0,1,0,0,1.87h9.6a.94.94,0,1,0,0-1.87Z\"/> <path d=\"M23.49,21.22h-9.6a.93.93,0,1,0,0,1.86h9.6a.93.93,0,1,0,0-1.86Z\"/> </svg>"
 
 /***/ }),
-/* 74 */
+/* 76 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M960 896q26 0 45 19t19 45-19 45-45 19-45-19-19-45 19-45 45-19zm300 64l507 398q28 20 25 56-5 35-35 51l-128 64q-13 7-29 7-17 0-31-8l-690-387-110 66q-8 4-12 5 14 49 10 97-7 77-56 147.5t-132 123.5q-132 84-277 84-136 0-222-78-90-84-79-207 7-76 56-147t131-124q132-84 278-84 83 0 151 31 9-13 22-22l122-73-122-73q-13-9-22-22-68 31-151 31-146 0-278-84-82-53-131-124t-56-147q-5-59 15.5-113t63.5-93q85-79 222-79 145 0 277 84 83 52 132 123t56 148q4 48-10 97 4 1 12 5l110 66 690-387q14-8 31-8 16 0 29 7l128 64q30 16 35 51 3 36-25 56zm-681-260q46-42 21-108t-106-117q-92-59-192-59-74 0-113 36-46 42-21 108t106 117q92 59 192 59 74 0 113-36zm-85 745q81-51 106-117t-21-108q-39-36-113-36-100 0-192 59-81 51-106 117t21 108q39 36 113 36 100 0 192-59zm178-613l96 58v-11q0-36 33-56l14-8-79-47-26 26q-3 3-10 11t-12 12q-2 2-4 3.5t-3 2.5zm224 224l96 32 736-576-128-64-768 431v113l-160 96 9 8q2 2 7 6 4 4 11 12t11 12l26 26zm704 416l128-64-520-408-177 138q-2 3-13 7z\"/> </svg>"
 
 /***/ }),
-/* 75 */
+/* 77 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M384 544v576q0 13-9.5 22.5t-22.5 9.5q-14 0-23-9l-288-288q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5t9.5 22.5zm1408 768v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5z\"/> </svg>"
 
 /***/ }),
-/* 76 */
+/* 78 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 24 24\" > <circle cx=\"12\" cy=\"12\" r=\"2.2\"/> <circle cx=\"12\" cy=\"5\" r=\"2.2\"/> <circle cx=\"12\" cy=\"19\" r=\"2.2\"/> </svg>"
 
 /***/ }),
-/* 77 */
+/* 79 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 128 128\" xml:space=\"preserve\"> <polygon points=\"112.4560547,23.3203125 112.4560547,75.8154297 31.4853516,75.8154297 31.4853516,61.953125 16.0131836,72.6357422 0.5410156,83.3164063 16.0131836,93.9990234 31.4853516,104.6796875 31.4853516,90.8183594 112.4560547,90.8183594 112.4560547,90.8339844 127.4589844,90.8339844 127.4589844,23.3203125\"/> </svg>"
 
 /***/ }),
-/* 78 */
+/* 80 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M832 1408l336-384h-768l-336 384h768zm1013-1077q15 34 9.5 71.5t-30.5 65.5l-896 1024q-38 44-96 44h-768q-38 0-69.5-20.5t-47.5-54.5q-15-34-9.5-71.5t30.5-65.5l896-1024q38-44 96-44h768q38 0 69.5 20.5t47.5 54.5z\"/> </svg>"
 
 /***/ }),
-/* 79 */
+/* 81 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z\"/> </svg>"
 
 /***/ }),
-/* 80 */
+/* 82 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1152 512v-472q22 14 36 28l408 408q14 14 28 36h-472zm-128 32q0 40 28 68t68 28h544v1056q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h800v544z\"/> </svg>"
 
 /***/ }),
-/* 81 */
+/* 83 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1728 608v704q0 92-66 158t-158 66h-1216q-92 0-158-66t-66-158v-960q0-92 66-158t158-66h320q92 0 158 66t66 158v32h672q92 0 158 66t66 158z\"/> </svg>"
 
 /***/ }),
-/* 82 */
+/* 84 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M789 559l-170 450q33 0 136.5 2t160.5 2q19 0 57-2-87-253-184-452zm-725 1105l2-79q23-7 56-12.5t57-10.5 49.5-14.5 44.5-29 31-50.5l237-616 280-724h128q8 14 11 21l205 480q33 78 106 257.5t114 274.5q15 34 58 144.5t72 168.5q20 45 35 57 19 15 88 29.5t84 20.5q6 38 6 57 0 4-.5 13t-.5 13q-63 0-190-8t-191-8q-76 0-215 7t-178 8q0-43 4-78l131-28q1 0 12.5-2.5t15.5-3.5 14.5-4.5 15-6.5 11-8 9-11 2.5-14q0-16-31-96.5t-72-177.5-42-100l-450-2q-26 58-76.5 195.5t-50.5 162.5q0 22 14 37.5t43.5 24.5 48.5 13.5 57 8.5 41 4q1 19 1 58 0 9-2 27-58 0-174.5-10t-174.5-10q-8 0-26.5 4t-21.5 4q-80 14-188 14z\"/> </svg>"
 
 /***/ }),
-/* 83 */
+/* 85 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1744 1408q33 0 42 18.5t-11 44.5l-126 162q-20 26-49 26t-49-26l-126-162q-20-26-11-44.5t42-18.5h80v-1024h-80q-33 0-42-18.5t11-44.5l126-162q20-26 49-26t49 26l126 162q20 26 11 44.5t-42 18.5h-80v1024h80zm-1663-1279l54 27q12 5 211 5 44 0 132-2t132-2q36 0 107.5.5t107.5.5h293q6 0 21 .5t20.5 0 16-3 17.5-9 15-17.5l42-1q4 0 14 .5t14 .5q2 112 2 336 0 80-5 109-39 14-68 18-25-44-54-128-3-9-11-48t-14.5-73.5-7.5-35.5q-6-8-12-12.5t-15.5-6-13-2.5-18-.5-16.5.5q-17 0-66.5-.5t-74.5-.5-64 2-71 6q-9 81-8 136 0 94 2 388t2 455q0 16-2.5 71.5t0 91.5 12.5 69q40 21 124 42.5t120 37.5q5 40 5 50 0 14-3 29l-34 1q-76 2-218-8t-207-10q-50 0-151 9t-152 9q-3-51-3-52v-9q17-27 61.5-43t98.5-29 78-27q19-42 19-383 0-101-3-303t-3-303v-117q0-2 .5-15.5t.5-25-1-25.5-3-24-5-14q-11-12-162-12-33 0-93 12t-80 26q-19 13-34 72.5t-31.5 111-42.5 53.5q-42-26-56-44v-383z\"/> </svg>"
 
 /***/ }),
-/* 84 */
+/* 86 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 24 24\"> <path stroke-width=\"0\" d=\"M22,20.6L3.4,2H8V0H0v8h2V3.4L20.6,22H16v2h8v-8h-2V20.6z M16,0v2h4.7l-6.3,6.3l1.4,1.4L22,3.5V8h2V0H16z M8.3,14.3L2,20.6V16H0v8h8v-2H3.5l6.3-6.3L8.3,14.3z\"/> </svg>"
 
 /***/ }),
-/* 85 */
+/* 87 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z\"/> </svg>"
 
 /***/ }),
-/* 86 */
+/* 88 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M576 576q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1024 384v448h-1408v-192l320-320 160 160 512-512zm96-704h-1600q-13 0-22.5 9.5t-9.5 22.5v1216q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5v-1216q0-13-9.5-22.5t-22.5-9.5zm160 32v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600q66 0 113 47t47 113z\"/> </svg>"
 
 /***/ }),
-/* 87 */
+/* 89 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M352 832q0 14-9 23l-288 288q-9 9-23 9-13 0-22.5-9.5t-9.5-22.5v-576q0-13 9.5-22.5t22.5-9.5q14 0 23 9l288 288q9 9 9 23zm1440 480v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5z\"/> </svg>"
 
 /***/ }),
-/* 88 */
+/* 90 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1152 1376v-160q0-14-9-23t-23-9h-96v-512q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v160q0 14 9 23t23 9h96v320h-96q-14 0-23 9t-9 23v160q0 14 9 23t23 9h448q14 0 23-9t9-23zm-128-896v-160q0-14-9-23t-23-9h-192q-14 0-23 9t-9 23v160q0 14 9 23t23 9h192q14 0 23-9t9-23zm640 416q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z\"/> </svg>"
 
 /***/ }),
-/* 89 */
+/* 91 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M384 1662l17-85q6-2 81.5-21.5t111.5-37.5q28-35 41-101 1-7 62-289t114-543.5 52-296.5v-25q-24-13-54.5-18.5t-69.5-8-58-5.5l19-103q33 2 120 6.5t149.5 7 120.5 2.5q48 0 98.5-2.5t121-7 98.5-6.5q-5 39-19 89-30 10-101.5 28.5t-108.5 33.5q-8 19-14 42.5t-9 40-7.5 45.5-6.5 42q-27 148-87.5 419.5t-77.5 355.5q-2 9-13 58t-20 90-16 83.5-6 57.5l1 18q17 4 185 31-3 44-16 99-11 0-32.5 1.5t-32.5 1.5q-29 0-87-10t-86-10q-138-2-206-2-51 0-143 9t-121 11z\"/> </svg>"
 
 /***/ }),
-/* 90 */
+/* 92 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 1344v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45z\"/> </svg>"
 
 /***/ }),
-/* 91 */
+/* 93 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 1344v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm-384-384v128q0 26-19 45t-45 19h-1280q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1280q26 0 45 19t19 45zm256-384v128q0 26-19 45t-45 19h-1536q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1536q26 0 45 19t19 45zm-384-384v128q0 26-19 45t-45 19h-1152q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1152q26 0 45 19t19 45z\"/> </svg>"
 
 /***/ }),
-/* 92 */
+/* 94 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1520 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zm-703-705q0-40-28-68l-206-207q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5t-21.5-21.5-15-19-13-25.5-3.5-27.5q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84l-208-208q-84-84-84-204t85-203l147-146q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"/> </svg>"
 
 /***/ }),
-/* 93 */
+/* 95 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M640 768h512v-192q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-192q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z\"/></svg>"
 
 /***/ }),
-/* 94 */
+/* 96 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M1664 1344v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45z\"/></svg>"
 
 /***/ }),
-/* 95 */
+/* 97 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 312 312\"> <g transform=\"translate(0.000000,312.000000) scale(0.100000,-0.100000)\" stroke=\"none\"> <path d=\"M50 3109 c0 -7 -11 -22 -25 -35 l-25 -23 0 -961 0 -961 32 -29 32 -30 501 -2 500 -3 3 -502 2 -502 31 -30 31 -31 958 0 958 0 23 25 c13 13 30 25 37 25 9 0 12 199 12 960 0 686 -3 960 -11 960 -6 0 -24 12 -40 28 l-29 27 -503 5 -502 5 -5 502 -5 503 -28 29 c-15 16 -27 34 -27 40 0 8 -274 11 -960 11 -710 0 -960 -3 -960 -11z m1738 -698 l2 -453 -40 -40 c-22 -22 -40 -43 -40 -47 0 -4 36 -42 79 -85 88 -87 82 -87 141 -23 l26 27 455 -2 454 -3 0 -775 0 -775 -775 0 -775 0 -3 450 -2 449 47 48 47 48 -82 80 c-44 44 -84 80 -87 80 -3 0 -25 -18 -48 -40 l-41 -40 -456 2 -455 3 -3 765 c-1 421 0 771 3 778 3 10 164 12 777 10 l773 -3 3 -454z\"/> <path d=\"M607 2492 c-42 -42 -77 -82 -77 -87 0 -6 86 -96 190 -200 105 -104 190 -197 190 -205 0 -8 -41 -56 -92 -107 -65 -65 -87 -94 -77 -98 8 -3 138 -4 289 -3 l275 3 3 275 c1 151 0 281 -3 289 -4 10 -35 -14 -103 -82 -54 -53 -103 -97 -109 -97 -7 0 -99 88 -206 195 -107 107 -196 195 -198 195 -3 0 -39 -35 -82 -78z\"/> <path d=\"M1470 1639 c-47 -49 -87 -91 -89 -94 -5 -6 149 -165 160 -165 9 0 189 179 189 188 0 12 -154 162 -165 161 -6 0 -48 -41 -95 -90z\"/> <path d=\"M1797 1303 c-9 -8 -9 -568 0 -576 4 -4 50 36 103 88 54 52 101 95 106 95 5 0 95 -85 199 -190 104 -104 194 -190 200 -190 6 0 46 36 90 80 l79 79 -197 196 c-108 108 -197 199 -197 203 0 4 45 52 99 106 55 55 98 103 95 108 -6 10 -568 11 -577 1z\"/> </g> </svg>"
 
 /***/ }),
-/* 96 */
+/* 98 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 32 32\"> <path d=\"M27 4l-15 15-7-7-5 5 12 12 20-20z\"/> </svg>"
 
 /***/ }),
-/* 97 */
+/* 99 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path stroke-width=\"0\" d=\"M381 1620q0 80-54.5 126t-135.5 46q-106 0-172-66l57-88q49 45 106 45 29 0 50.5-14.5t21.5-42.5q0-64-105-56l-26-56q8-10 32.5-43.5t42.5-54 37-38.5v-1q-16 0-48.5 1t-48.5 1v53h-106v-152h333v88l-95 115q51 12 81 49t30 88zm2-627v159h-362q-6-36-6-54 0-51 23.5-93t56.5-68 66-47.5 56.5-43.5 23.5-45q0-25-14.5-38.5t-39.5-13.5q-46 0-81 58l-85-59q24-51 71.5-79.5t105.5-28.5q73 0 123 41.5t50 112.5q0 50-34 91.5t-75 64.5-75.5 50.5-35.5 52.5h127v-60h105zm1409 319v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-14 9-23t23-9h1216q13 0 22.5 9.5t9.5 22.5zm-1408-899v99h-335v-99h107q0-41 .5-122t.5-121v-12h-2q-8 17-50 54l-71-76 136-127h106v404h108zm1408 387v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-14 9-23t23-9h1216q13 0 22.5 9.5t9.5 22.5zm0-512v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5z\"/> </svg>"
 
 /***/ }),
-/* 98 */
+/* 100 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 270 270\"> <path d=\"m240.443652,220.45085l-47.410809,0l0,-10.342138c13.89973,-8.43655 25.752896,-19.844464 34.686646,-33.469923c11.445525,-17.455846 17.496072,-37.709239 17.496072,-58.570077c0,-59.589197 -49.208516,-108.068714 -109.693558,-108.068714s-109.69263,48.479517 -109.69263,108.069628c0,20.860839 6.050547,41.113316 17.497001,58.570077c8.93375,13.625459 20.787845,25.032458 34.686646,33.469008l0,10.342138l-47.412666,0c-10.256959,0 -18.571354,8.191376 -18.571354,18.296574c0,10.105198 8.314395,18.296574 18.571354,18.296574l65.98402,0c10.256959,0 18.571354,-8.191376 18.571354,-18.296574l0,-39.496814c0,-7.073455 -4.137698,-13.51202 -10.626529,-16.537358c-25.24497,-11.772016 -41.557118,-37.145704 -41.557118,-64.643625c0,-39.411735 32.545369,-71.476481 72.549922,-71.476481c40.004553,0 72.550851,32.064746 72.550851,71.476481c0,27.497006 -16.312149,52.87161 -41.557118,64.643625c-6.487902,3.026253 -10.6256,9.464818 -10.6256,16.537358l0,39.496814c0,10.105198 8.314395,18.296574 18.571354,18.296574l65.982163,0c10.256959,0 18.571354,-8.191376 18.571354,-18.296574c0,-10.105198 -8.314395,-18.296574 -18.571354,-18.296574z\"/> </svg>"
 
 /***/ }),
-/* 99 */
+/* 101 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M384 544v576q0 13-9.5 22.5t-22.5 9.5q-14 0-23-9l-288-288q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5t9.5 22.5zm1408 768v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1088q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5h-1728q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1728q13 0 22.5 9.5t9.5 22.5z\"/> </svg>"
 
 /***/ }),
-/* 100 */
+/* 102 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' x=\"0px\" y=\"0px\" viewBox=\"0 0 459 459\"> <g> <path d=\"M229.5,0C102,0,0,102,0,229.5S102,459,229.5,459c20.4,0,38.25-17.85,38.25-38.25c0-10.2-2.55-17.85-10.2-25.5 c-5.1-7.65-10.2-15.3-10.2-25.5c0-20.4,17.851-38.25,38.25-38.25h45.9c71.4,0,127.5-56.1,127.5-127.5C459,91.8,357,0,229.5,0z M89.25,229.5c-20.4,0-38.25-17.85-38.25-38.25S68.85,153,89.25,153s38.25,17.85,38.25,38.25S109.65,229.5,89.25,229.5z M165.75,127.5c-20.4,0-38.25-17.85-38.25-38.25S145.35,51,165.75,51S204,68.85,204,89.25S186.15,127.5,165.75,127.5z M293.25,127.5c-20.4,0-38.25-17.85-38.25-38.25S272.85,51,293.25,51s38.25,17.85,38.25,38.25S313.65,127.5,293.25,127.5z M369.75,229.5c-20.4,0-38.25-17.85-38.25-38.25S349.35,153,369.75,153S408,170.85,408,191.25S390.15,229.5,369.75,229.5z\" /> </g> </svg>"
 
 /***/ }),
-/* 101 */
+/* 103 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M1534 189v73q0 29-18.5 61t-42.5 32q-50 0-54 1-26 6-32 31-3 11-3 64v1152q0 25-18 43t-43 18h-108q-25 0-43-18t-18-43v-1218h-143v1218q0 25-17.5 43t-43.5 18h-108q-26 0-43.5-18t-17.5-43v-496q-147-12-245-59-126-58-192-179-64-117-64-259 0-166 88-286 88-118 209-159 111-37 417-37h479q25 0 43 18t18 43z\"/></svg>"
 
 /***/ }),
-/* 102 */
+/* 104 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"> <path stroke-width=\"0\" d=\"M10.5 20H2a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h1V3l2.03-.4a3 3 0 0 1 5.94 0L13 3v1h1a2 2 0 0 1 2 2v1h-2V6h-1v1H3V6H2v12h5v2h3.5zM8 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2 4h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2zm0 2v8h8v-8h-8z\"/> </svg>"
 
 /***/ }),
-/* 103 */
+/* 105 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z\"/></svg>"
 
 /***/ }),
-/* 104 */
+/* 106 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"><path d=\"M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z\"/></svg>"
 
 /***/ }),
-/* 105 */
+/* 107 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M448 1536h896v-256h-896v256zm0-640h896v-384h-160q-40 0-68-28t-28-68v-160h-640v640zm1152 64q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm128 0v416q0 13-9.5 22.5t-22.5 9.5h-224v160q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-224q-13 0-22.5-9.5t-9.5-22.5v-416q0-79 56.5-135.5t135.5-56.5h64v-544q0-40 28-68t68-28h672q40 0 88 20t76 48l152 152q28 28 48 76t20 88v256h64q79 0 135.5 56.5t56.5 135.5z\"/> </svg>"
 
 /***/ }),
-/* 106 */
+/* 108 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5t-163.5 109.5-109.5 163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5q119 0 225-52t179-147q7-10 23-12 14 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5t-327 72.5q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5t244.5 156.5l130-129q29-31 70-14 39 17 39 59z\"/> </svg>"
 
 /***/ }),
-/* 107 */
+/* 109 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 24 24\"> <g transform=\"translate(-251.000000, -443.000000)\"> <g transform=\"translate(215.000000, 119.000000)\"/> <path d=\"M252,448 L256,448 L256,444 L252,444 L252,448 Z M257,448 L269,448 L269,446 L257,446 L257,448 Z M257,464 L269,464 L269,462 L257,462 L257,464 Z M270,444 L270,448 L274,448 L274,444 L270,444 Z M252,462 L252,466 L256,466 L256,462 L252,462 Z M270,462 L270,466 L274,466 L274,462 L270,462 Z M254,461 L256,461 L256,449 L254,449 L254,461 Z M270,461 L272,461 L272,449 L270,449 L270,461 Z\"/> </g> </svg>"
 
 /***/ }),
-/* 108 */
+/* 110 */
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M5.9814 11.8049C5.59087 11.4144 5.59087 10.7812 5.9814 10.3907L10.224 6.14806C10.6146 5.75754 11.2477 5.75754 11.6383 6.14806C12.0288 6.53859 12.0288 7.17175 11.6383 7.56228L7.39561 11.8049C7.00509 12.1954 6.37192 12.1954 5.9814 11.8049Z\"/> <path d=\"M0.707107 12.0208C0.316582 11.6303 0.316582 10.9971 0.707107 10.6066L10.6066 0.707121C10.9971 0.316597 11.6303 0.316596 12.0208 0.707121C12.4113 1.09764 12.4113 1.73081 12.0208 2.12133L2.12132 12.0208C1.7308 12.4114 1.09763 12.4114 0.707107 12.0208Z\"/> </svg>"
+
+/***/ }),
+/* 111 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M844 472q0 60-19 113.5t-63 92.5-105 39q-76 0-138-57.5t-92-135.5-30-151q0-60 19-113.5t63-92.5 105-39q77 0 138.5 57.5t91.5 135 30 151.5zm-342 483q0 80-42 139t-119 59q-76 0-141.5-55.5t-100.5-133.5-35-152q0-80 42-139.5t119-59.5q76 0 141.5 55.5t100.5 134 35 152.5zm394-27q118 0 255 97.5t229 237 92 254.5q0 46-17 76.5t-48.5 45-64.5 20-76 5.5q-68 0-187.5-45t-182.5-45q-66 0-192.5 44.5t-200.5 44.5q-183 0-183-146 0-86 56-191.5t139.5-192.5 187.5-146 193-59zm239-211q-61 0-105-39t-63-92.5-19-113.5q0-74 30-151.5t91.5-135 138.5-57.5q61 0 105 39t63 92.5 19 113.5q0 73-30 151t-92 135.5-138 57.5zm432-104q77 0 119 59.5t42 139.5q0 74-35 152t-100.5 133.5-141.5 55.5q-77 0-119-59t-42-139q0-74 35-152.5t100.5-134 141.5-55.5z\"/> </svg>"
 
 /***/ }),
-/* 109 */
+/* 112 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 1344v128q0 26-19 45t-45 19h-1664q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1280q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1280q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1536q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1536q26 0 45 19t19 45zm0-384v128q0 26-19 45t-45 19h-1152q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1152q26 0 45 19t19 45z\"/> </svg>"
 
 /***/ }),
-/* 110 */
+/* 113 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M512 1536h768v-384h-768v384zm896 0h128v-896q0-14-10-38.5t-20-34.5l-281-281q-10-10-34-20t-39-10v416q0 40-28 68t-68 28h-576q-40 0-68-28t-28-68v-416h-128v1280h128v-416q0-40 28-68t68-28h832q40 0 68 28t28 68v416zm-384-928v-320q0-13-9.5-22.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 22.5v320q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5zm640 32v928q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h928q40 0 88 20t76 48l280 280q28 28 48 76t20 88z\"/> </svg>"
 
 /***/ }),
-/* 111 */
+/* 114 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 500 500\" xmlns=\"http://www.w3.org/2000/svg\"> <path clip-rule=\"evenodd\" d=\"M306.39,154.09c19.628,4.543,35.244,21.259,39.787,39.523 c1.551,8.54,8.998,14.989,17.904,14.989c9.991,0,18.168-8.175,18.168-18.17c0-13.083-10.991-32.98-25.985-47.881 c-14.719-14.537-32.252-24.802-46.695-24.802c-9.991,0-18.172,8.45-18.172,18.446C291.396,145.094,297.847,152.546,306.39,154.09z M56.629,392.312c-14.09,14.08-14.09,36.979,0,51.059c14.08,14.092,36.981,14.092,50.965,0l104.392-104.303 c24.347,15.181,53.062,23.991,83.953,23.991c87.857,0,158.995-71.142,158.995-158.999c0-87.854-71.138-158.995-158.995-158.995 c-87.856,0-158.995,71.141-158.995,158.995c0,30.802,8.819,59.606,23.992,83.953L56.629,392.312z M182.371,204.06 c0-62.687,50.875-113.568,113.568-113.568s113.569,50.881,113.569,113.568c0,62.694-50.876,113.569-113.569,113.569 S182.371,266.754,182.371,204.06z\" fill-rule=\"evenodd\"/> </svg>"
 
 /***/ }),
-/* 112 */
+/* 115 */
 /***/ (function(module) {
 
 module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"> <path stroke=\"null\" d=\"m42.276011,26.302547c0.098397,-0.76605 0.172194,-1.54407 0.172194,-2.33406s-0.073797,-1.56801 -0.172194,-2.33406l5.202718,-3.961917c0.467384,-0.359086 0.602679,-1.005441 0.29519,-1.532101l-4.919828,-8.29489c-0.307489,-0.51469 -0.947067,-0.730142 -1.500548,-0.51469l-6.125186,2.405877c-1.266856,-0.945594 -2.656707,-1.747553 -4.157255,-2.357999l-0.922468,-6.343855c-0.110696,-0.562568 -0.614979,-1.005441 -1.229957,-1.005441l-9.839656,0c-0.614979,0 -1.119261,0.442873 -1.217657,1.005441l-0.922468,6.343855c-1.500548,0.610446 -2.890399,1.400436 -4.157255,2.357999l-6.125186,-2.405877c-0.553481,-0.203482 -1.193058,0 -1.500548,0.51469l-4.919828,8.29489c-0.307489,0.51469 -0.172194,1.161045 0.29519,1.532101l5.190419,3.961917c-0.098397,0.76605 -0.172194,1.54407 -0.172194,2.33406s0.073797,1.56801 0.172194,2.33406l-5.190419,3.961917c-0.467384,0.359086 -0.602679,1.005441 -0.29519,1.532101l4.919828,8.29489c0.307489,0.51469 0.947067,0.730142 1.500548,0.51469l6.125186,-2.405877c1.266856,0.945594 2.656707,1.747553 4.157255,2.357999l0.922468,6.343855c0.098397,0.562568 0.602679,1.005441 1.217657,1.005441l9.839656,0c0.614979,0 1.119261,-0.442873 1.217657,-1.005441l0.922468,-6.343855c1.500548,-0.610446 2.890399,-1.400436 4.157255,-2.357999l6.125186,2.405877c0.553481,0.203482 1.193058,0 1.500548,-0.51469l4.919828,-8.29489c0.307489,-0.51469 0.172194,-1.161045 -0.29519,-1.532101l-5.190419,-3.961917zm-18.277162,6.044617c-4.759934,0 -8.609699,-3.746465 -8.609699,-8.378677s3.849766,-8.378677 8.609699,-8.378677s8.609699,3.746465 8.609699,8.378677s-3.849766,8.378677 -8.609699,8.378677z\"/> </svg>"
 
 /***/ }),
-/* 113 */
+/* 116 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 18 18\"> <g fill-rule=\"evenodd\" stroke=\"none\" stroke-width=\"1\"> <g transform=\"translate(-381.000000, -381.000000)\"> <g transform=\"translate(381.000000, 381.000000)\"> <path d=\"M0,2 L2,2 L2,0 C0.9,0 0,0.9 0,2 L0,2 Z M0,10 L2,10 L2,8 L0,8 L0,10 L0,10 Z M4,18 L6,18 L6,16 L4,16 L4,18 L4,18 Z M0,6 L2,6 L2,4 L0,4 L0,6 L0,6 Z M10,0 L8,0 L8,2 L10,2 L10,0 L10,0 Z M16,0 L16,2 L18,2 C18,0.9 17.1,0 16,0 L16,0 Z M2,18 L2,16 L0,16 C0,17.1 0.9,18 2,18 L2,18 Z M0,14 L2,14 L2,12 L0,12 L0,14 L0,14 Z M6,0 L4,0 L4,2 L6,2 L6,0 L6,0 Z M8,18 L10,18 L10,16 L8,16 L8,18 L8,18 Z M16,10 L18,10 L18,8 L16,8 L16,10 L16,10 Z M16,18 C17.1,18 18,17.1 18,16 L16,16 L16,18 L16,18 Z M16,6 L18,6 L18,4 L16,4 L16,6 L16,6 Z M16,14 L18,14 L18,12 L16,12 L16,14 L16,14 Z M12,18 L14,18 L14,16 L12,16 L12,18 L12,18 Z M12,2 L14,2 L14,0 L12,0 L12,2 L12,2 Z M4,14 L14,14 L14,4 L4,4 L4,14 L4,14 Z M6,6 L12,6 L12,12 L6,12 L6,6 L6,6 Z\"/> </g> </g> </g> </svg>"
 
 /***/ }),
-/* 114 */
+/* 117 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M896 960v448q0 26-19 45t-45 19-45-19l-144-144-332 332q-10 10-23 10t-23-10l-114-114q-10-10-10-23t10-23l332-332-144-144q-19-19-19-45t19-45 45-19h448q26 0 45 19t19 45zm755-672q0 13-10 23l-332 332 144 144q19 19 19 45t-19 45-45 19h-448q-26 0-45-19t-19-45v-448q0-26 19-45t45-19 45 19l144 144 332-332q10-10 23-10t23 10l114 114q10 10 10 23z\"/> </svg>"
 
 /***/ }),
-/* 115 */
+/* 118 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M553 1399l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23t-10 23l-393 393 393 393q10 10 10 23t-10 23zm591-1067l-373 1291q-4 13-15.5 19.5t-23.5 2.5l-62-17q-13-4-19.5-15.5t-2.5-24.5l373-1291q4-13 15.5-19.5t23.5-2.5l62 17q13 4 19.5 15.5t2.5 24.5zm657 651l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23t-10 23z\"/> </svg>"
 
 /***/ }),
-/* 116 */
+/* 119 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 48 48\"> <path d=\"M6 42h4v-4h-4v4zm4-28h-4v4h4v-4zm-4 20h4v-4h-4v4zm8 8h4v-4h-4v4zm-4-36h-4v4h4v-4zm8 0h-4v4h4v-4zm16 0h-4v4h4v-4zm-8 8h-4v4h4v-4zm0-8h-4v4h4v-4zm12 28h4v-4h-4v4zm-16 8h4v-4h-4v4zm-16-16h36v-4h-36v4zm32-20v4h4v-4h-4zm0 12h4v-4h-4v4zm-16 16h4v-4h-4v4zm8 8h4v-4h-4v4zm8 0h4v-4h-4v4z\"/> <path d=\"M0 0h48v48h-48z\" fill=\"none\"/> </svg>"
 
 /***/ }),
-/* 117 */
+/* 120 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 48 48\"> <path d=\"M6 18h4v-4h-4v4zm0-8h4v-4h-4v4zm8 32h4v-4h-4v4zm0-16h4v-4h-4v4zm-8 0h4v-4h-4v4zm0 16h4v-4h-4v4zm0-8h4v-4h-4v4zm8-24h4v-4h-4v4zm24 24h4v-4h-4v4zm-16 8h4v-36h-4v36zm16 0h4v-4h-4v4zm0-16h4v-4h-4v4zm0-20v4h4v-4h-4zm0 12h4v-4h-4v4zm-8-8h4v-4h-4v4zm0 32h4v-4h-4v4zm0-16h4v-4h-4v4z\"/> <path d=\"M0 0h48v48h-48z\" fill=\"none\"/> </svg>"
 
 /***/ }),
-/* 118 */
+/* 121 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1760 896q14 0 23 9t9 23v64q0 14-9 23t-23 9h-1728q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h1728zm-1277-64q-28-35-51-80-48-97-48-188 0-181 134-309 133-127 393-127 50 0 167 19 66 12 177 48 10 38 21 118 14 123 14 183 0 18-5 45l-12 3-84-6-14-2q-50-149-103-205-88-91-210-91-114 0-182 59-67 58-67 146 0 73 66 140t279 129q69 20 173 66 58 28 95 52h-743zm507 256h411q7 39 7 92 0 111-41 212-23 55-71 104-37 35-109 81-80 48-153 66-80 21-203 21-114 0-195-23l-140-40q-57-16-72-28-8-8-8-22v-13q0-108-2-156-1-30 0-68l2-37v-44l102-2q15 34 30 71t22.5 56 12.5 27q35 57 80 94 43 36 105 57 59 22 132 22 64 0 139-27 77-26 122-86 47-61 47-129 0-84-81-157-34-29-137-71z\"/> </svg>"
 
 /***/ }),
-/* 119 */
+/* 122 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1025 1369v167h-248l-159-252-24-42q-8-9-11-21h-3l-9 21q-10 20-25 44l-155 250h-258v-167h128l197-291-185-272h-137v-168h276l139 228q2 4 23 42 8 9 11 21h3q3-9 11-21l25-42 140-228h257v168h-125l-184 267 204 296h109zm639 217v206h-514l-4-27q-3-45-3-46 0-64 26-117t65-86.5 84-65 84-54.5 65-54 26-64q0-38-29.5-62.5t-70.5-24.5q-51 0-97 39-14 11-36 38l-105-92q26-37 63-66 80-65 188-65 110 0 178 59.5t68 158.5q0 66-34.5 118.5t-84 86-99.5 62.5-87 63-41 73h232v-80h126z\"/> </svg>"
 
 /***/ }),
-/* 120 */
+/* 123 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1025 1369v167h-248l-159-252-24-42q-8-9-11-21h-3l-9 21q-10 20-25 44l-155 250h-258v-167h128l197-291-185-272h-137v-168h276l139 228q2 4 23 42 8 9 11 21h3q3-9 11-21l25-42 140-228h257v168h-125l-184 267 204 296h109zm637-679v206h-514l-3-27q-4-28-4-46 0-64 26-117t65-86.5 84-65 84-54.5 65-54 26-64q0-38-29.5-62.5t-70.5-24.5q-51 0-97 39-14 11-36 38l-105-92q26-37 63-66 83-65 188-65 110 0 178 59.5t68 158.5q0 56-24.5 103t-62 76.5-81.5 58.5-82 50.5-65.5 51.5-30.5 63h232v-80h126z\"/> </svg>"
 
 /***/ }),
-/* 121 */
+/* 124 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M576 1376v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47h-1344q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1344q66 0 113 47t47 113z\"/> </svg>"
 
 /***/ }),
-/* 122 */
+/* 125 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M512 1248v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68z\"/> </svg>"
 
 /***/ }),
-/* 123 */
+/* 126 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M512 1248v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm1280 512v192q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h960q40 0 68 28t28 68zm-1280-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm1280 512v192q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h960q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h960q40 0 68 28t28 68z\"/> </svg>"
 
 /***/ }),
-/* 124 */
+/* 127 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path stroke-width=\"0\" d=\"M384 1408q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm0-512q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm-1408-928q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm0-512v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5z\"/> </svg>"
 
 /***/ }),
-/* 125 */
+/* 128 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M176 223q-37-2-45-4l-3-88q13-1 40-1 60 0 112 4 132 7 166 7 86 0 168-3 116-4 146-5 56 0 86-2l-1 14 2 64v9q-60 9-124 9-60 0-79 25-13 14-13 132 0 13 .5 32.5t.5 25.5l1 229 14 280q6 124 51 202 35 59 96 92 88 47 177 47 104 0 191-28 56-18 99-51 48-36 65-64 36-56 53-114 21-73 21-229 0-79-3.5-128t-11-122.5-13.5-159.5l-4-59q-5-67-24-88-34-35-77-34l-100 2-14-3 2-86h84l205 10q76 3 196-10l18 2q6 38 6 51 0 7-4 31-45 12-84 13-73 11-79 17-15 15-15 41 0 7 1.5 27t1.5 31q8 19 22 396 6 195-15 304-15 76-41 122-38 65-112 123-75 57-182 89-109 33-255 33-167 0-284-46-119-47-179-122-61-76-83-195-16-80-16-237v-333q0-188-17-213-25-36-147-39zm1488 1409v-64q0-14-9-23t-23-9h-1472q-14 0-23 9t-9 23v64q0 14 9 23t23 9h1472q14 0 23-9t9-23z\"/> </svg>"
 
 /***/ }),
-/* 126 */
+/* 129 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5t-264-204.5q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5t163.5-109.5 109.5-163.5 40.5-198.5-40.5-198.5-109.5-163.5-163.5-109.5-198.5-40.5q-98 0-188 35.5t-160 101.5l137 138q31 30 14 69-17 40-59 40h-448q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5t284.5-55.5q156 0 298 61t245 164 164 245 61 298z\"/> </svg>"
 
 /***/ }),
-/* 127 */
+/* 130 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M503 1271l-256 256q-10 9-23 9-12 0-23-9-9-10-9-23t9-23l256-256q10-9 23-9t23 9q9 10 9 23t-9 23zm169 41v320q0 14-9 23t-23 9-23-9-9-23v-320q0-14 9-23t23-9 23 9 9 23zm-224-224q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23 9-23 23-9h320q14 0 23 9t9 23zm1264 128q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-334-335q-21-21-42-56l239-18 273 274q27 27 68 27.5t68-26.5l147-146q28-28 28-67 0-40-28-68l-274-275 18-239q35 21 56 42l336 336q84 86 84 204zm-617-724l-239 18-273-274q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l274 274-18 240q-35-21-56-42l-336-336q-84-86-84-204 0-120 85-203l147-146q83-83 203-83 121 0 204 85l334 335q21 21 42 56zm633 84q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23 9-23 23-9h320q14 0 23 9t9 23zm-544-544v320q0 14-9 23t-23 9-23-9-9-23v-320q0-14 9-23t23-9 23 9 9 23zm407 151l-256 256q-11 9-23 9t-23-9q-9-10-9-23t9-23l256-256q10-9 23-9t23 9q9 10 9 23t-9 23z\"/> </svg>"
 
 /***/ }),
-/* 128 */
+/* 131 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1728 576v256q0 26-19 45t-45 19h-64q-26 0-45-19t-19-45v-256q0-106-75-181t-181-75-181 75-75 181v192h96q40 0 68 28t28 68v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h672v-192q0-185 131.5-316.5t316.5-131.5 316.5 131.5 131.5 316.5z\"/> </svg>"
 
 /***/ }),
-/* 129 */
+/* 132 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1639 1056q0 5-1 7-64 268-268 434.5t-478 166.5q-146 0-282.5-55t-243.5-157l-129 129q-19 19-45 19t-45-19-19-45v-448q0-26 19-45t45-19h448q26 0 45 19t19 45-19 45l-137 137q71 66 161 102t187 36q134 0 250-65t186-179q11-17 53-117 8-23 30-23h192q13 0 22.5 9.5t9.5 22.5zm25-800v448q0 26-19 45t-45 19h-448q-26 0-45-19t-19-45 19-45l138-138q-148-137-349-137-134 0-250 65t-186 179q-11 17-53 117-8 23-30 23h-199q-13 0-22.5-9.5t-9.5-22.5v-7q65-268 270-434.5t480-166.5q146 0 284 55.5t245 156.5l130-129q19-19 45-19t45 19 19 45z\"/> </svg>"
 
 /***/ }),
-/* 130 */
+/* 133 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1344 1472q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm256 0q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm128-224v320q0 40-28 68t-68 28h-1472q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h427q21 56 70.5 92t110.5 36h256q61 0 110.5-36t70.5-92h427q40 0 68 28t28 68zm-325-648q-17 40-59 40h-256v448q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-448h-256q-42 0-59-40-17-39 14-69l448-448q18-19 45-19t45 19l448 448q31 30 14 69z\"/> </svg>"
 
 /***/ }),
-/* 131 */
+/* 134 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1216 320q0 26-19 45t-45 19h-128v1024h128q26 0 45 19t19 45-19 45l-256 256q-19 19-45 19t-45-19l-256-256q-19-19-19-45t19-45 45-19h128v-1024h-128q-26 0-45-19t-19-45 19-45l256-256q19-19 45-19t45 19l256 256q19 19 19 45z\"/> </svg>"
 
 /***/ }),
-/* 132 */
+/* 135 */
 /***/ (function(module) {
 
 module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 1792 1792\"> <path d=\"M1792 352v1088q0 42-39 59-13 5-25 5-27 0-45-19l-403-403v166q0 119-84.5 203.5t-203.5 84.5h-704q-119 0-203.5-84.5t-84.5-203.5v-704q0-119 84.5-203.5t203.5-84.5h704q119 0 203.5 84.5t84.5 203.5v165l403-402q18-19 45-19 12 0 25 5 39 17 39 59z\"/> </svg>"
@@ -9757,7 +10270,7 @@ __webpack_require__.d(modules_namespaceObject, {
   "Ajax": function() { return Ajax; },
   "Alert": function() { return Alert; },
   "Async": function() { return Async; },
-  "CommitStyle": function() { return selection/* CommitStyle */.R; },
+  "CommitStyle": function() { return selection/* CommitStyle */.RP; },
   "Component": function() { return component/* Component */.wA; },
   "Confirm": function() { return Confirm; },
   "ContextMenu": function() { return ContextMenu; },
@@ -9780,7 +10293,7 @@ __webpack_require__.d(modules_namespaceObject, {
   "Prompt": function() { return Prompt; },
   "Response": function() { return response_Response; },
   "STATUSES": function() { return component/* STATUSES */.n$; },
-  "Select": function() { return selection/* Select */.P; },
+  "Select": function() { return selection/* Select */.Ph; },
   "Snapshot": function() { return Snapshot; },
   "StatusBar": function() { return StatusBar; },
   "Table": function() { return Table; },
@@ -9846,6 +10359,7 @@ __webpack_require__.d(plugins_namespaceObject, {
   "paste": function() { return paste; },
   "pasteStorage": function() { return pasteStorage; },
   "placeholder": function() { return placeholder; },
+  "poweredByJodit": function() { return poweredByJodit; },
   "preview": function() { return preview; },
   "print": function() { return print; },
   "redoUndo": function() { return redoUndo; },
@@ -9927,6 +10441,7 @@ __webpack_require__.d(icons_namespaceObject, {
   "print": function() { return icons_print; },
   "redo": function() { return redo; },
   "resize": function() { return resize; },
+  "resize_handler": function() { return resize_handler; },
   "resizer": function() { return icons_resizer; },
   "right": function() { return right; },
   "save": function() { return save; },
@@ -9962,7 +10477,7 @@ var config = __webpack_require__(1);
 var constants = __webpack_require__(2);
 // EXTERNAL MODULE: ./src/core/events/index.ts + 3 modules
 var events = __webpack_require__(3);
-// EXTERNAL MODULE: ./src/core/helpers/index.ts + 32 modules
+// EXTERNAL MODULE: ./src/core/helpers/index.ts + 33 modules
 var helpers = __webpack_require__(8);
 ;// CONCATENATED MODULE: ./src/core/async.ts
 /*!
@@ -10348,7 +10863,7 @@ Ajax.log = [];
 // EXTERNAL MODULE: ./src/core/component/index.ts + 3 modules
 var component = __webpack_require__(12);
 // EXTERNAL MODULE: ./src/core/ui/popup/index.ts + 1 modules
-var ui_popup = __webpack_require__(42);
+var ui_popup = __webpack_require__(43);
 // EXTERNAL MODULE: ./src/core/ui/button/index.ts + 2 modules
 var ui_button = __webpack_require__(36);
 // EXTERNAL MODULE: ./src/core/helpers/checker/index.ts + 14 modules
@@ -10431,12 +10946,14 @@ class LocalStorageProvider {
             localStorage.setItem(this.rootKey, JSON.stringify(json));
         }
         catch (_a) { }
+        return this;
     }
     delete(key) {
         try {
             localStorage.removeItem(this.rootKey);
         }
         catch (_a) { }
+        return this;
     }
     get(key) {
         try {
@@ -10454,6 +10971,7 @@ class LocalStorageProvider {
             localStorage.removeItem(this.rootKey);
         }
         catch (_a) { }
+        return this;
     }
 }
 
@@ -10469,9 +10987,11 @@ class MemoryStorageProvider {
     }
     set(key, value) {
         this.data.set(key, value);
+        return this;
     }
     delete(key) {
         this.data.delete(key);
+        return this;
     }
     get(key) {
         return this.data.get(key);
@@ -10481,6 +11001,7 @@ class MemoryStorageProvider {
     }
     clear() {
         this.data.clear();
+        return this;
     }
 }
 
@@ -10504,9 +11025,11 @@ class Storage {
     }
     set(key, value) {
         this.provider.set((0,helpers.camelCase)(this.prefix + key), value);
+        return this;
     }
     delete(key) {
         this.provider.delete((0,helpers.camelCase)(this.prefix + key));
+        return this;
     }
     get(key) {
         return this.provider.get((0,helpers.camelCase)(this.prefix + key));
@@ -10515,7 +11038,8 @@ class Storage {
         return this.provider.exists((0,helpers.camelCase)(this.prefix + key));
     }
     clear() {
-        return this.provider.clear();
+        this.provider.clear();
+        return this;
     }
     static makeStorage(persistent = false, suffix) {
         let provider;
@@ -10567,7 +11091,7 @@ class View extends component/* Component */.wA {
         this.isView = true;
         this.mods = {};
         this.components = new Set();
-        this.version = "3.9.3";
+        this.version = "3.10.2";
         this.async = new Async();
         this.buffer = Storage.makeStorage();
         this.storage = Storage.makeStorage(true, this.componentName);
@@ -10665,10 +11189,10 @@ class View extends component/* Component */.wA {
         return this.__isFullSize;
     }
     getVersion() {
-        return "3.9.3";
+        return "3.10.2";
     }
     static getVersion() {
-        return "3.9.3";
+        return "3.10.2";
     }
     initOptions(options) {
         this.options = (0,helpers.ConfigProto)(options || {}, (0,helpers.ConfigProto)(this.options || {}, View.defaultOptions));
@@ -10750,7 +11274,7 @@ View.defaultOptions = {
 
 // EXTERNAL MODULE: ./src/core/dom.ts
 var dom = __webpack_require__(15);
-// EXTERNAL MODULE: ./src/core/ui/index.ts + 1 modules
+// EXTERNAL MODULE: ./src/core/ui/index.ts + 2 modules
 var ui = __webpack_require__(32);
 ;// CONCATENATED MODULE: ./src/modules/toolbar/collection/collection.ts
 /*!
@@ -10783,9 +11307,6 @@ let ToolbarCollection = class ToolbarCollection extends ui/* UIList */.bz {
         return makeButton(this.j, control, target);
     }
     shouldBeActive(button) {
-        if ((0,helpers.isJoditObject)(this.j) && !this.j.editorIsActive) {
-            return false;
-        }
         if ((0,helpers.isFunction)(button.control.isActive)) {
             return button.control.isActive(this.j, button.control, button);
         }
@@ -10825,6 +11346,15 @@ let ToolbarCollection = class ToolbarCollection extends ui/* UIList */.bz {
             .on(this.listenEvents, this.update)
             .on('afterSetMode focus', this.immediateUpdate);
     }
+    hide() {
+        this.container.remove();
+    }
+    show() {
+        this.appendTo(this.j.toolbarContainer);
+    }
+    showInline(bound) {
+        throw (0,helpers.error)('The method is not implemented for this class.');
+    }
     build(items, target = null) {
         const itemsWithGroupps = this.j.e.fire('beforeToolbarBuild', items);
         if (itemsWithGroupps) {
@@ -10900,6 +11430,9 @@ let ToolbarEditorCollection = class ToolbarEditorCollection extends ToolbarColle
         return !(mode === constants.MODE_SPLIT || mode === this.j.getRealMode());
     }
     shouldBeActive(button) {
+        if ((0,helpers.isJoditObject)(this.j) && !this.j.editorIsActive) {
+            return false;
+        }
         const active = super.shouldBeActive(button);
         if (active !== undefined) {
             return active;
@@ -10945,6 +11478,18 @@ let ToolbarEditorCollection = class ToolbarEditorCollection extends ToolbarColle
         });
         dom/* Dom.appendChildFirst */.i.appendChildFirst(container, input);
     }
+    showInline(bound) {
+        this.jodit.e.fire('showInlineToolbar', bound);
+    }
+    hide() {
+        this.jodit.e.fire('hidePopup');
+        super.hide();
+        this.jodit.e.fire('toggleToolbar');
+    }
+    show() {
+        super.show();
+        this.jodit.e.fire('toggleToolbar');
+    }
 };
 ToolbarEditorCollection = (0,tslib_es6/* __decorate */.gn)([
     decorators.component
@@ -11310,7 +11855,7 @@ function makeButton(jodit, control, target = null) {
 }
 
 // EXTERNAL MODULE: ./src/core/ui/helpers/buttons.ts
-var helpers_buttons = __webpack_require__(41);
+var helpers_buttons = __webpack_require__(42);
 ;// CONCATENATED MODULE: ./src/core/view/view-with-toolbar.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -11362,6 +11907,9 @@ class ViewWithToolbar extends View {
             .build(buttons.concat(this.o.extraButtons || []))
             .appendTo(this.toolbarContainer);
     }
+    getRegisteredButtonGroups() {
+        return this.groupToButtons;
+    }
     registerButton(btn) {
         var _a;
         this.registeredButtons.add(btn);
@@ -11441,6 +11989,7 @@ class ViewWithToolbar extends View {
 
 
 
+
 config/* Config.prototype.dialog */.D.prototype.dialog = {
     namespace: '',
     extraButtons: [],
@@ -11502,7 +12051,9 @@ let Dialog = class Dialog extends ViewWithToolbar {
 					</div>
 					<div class="${n('content')}"></div>
 					<div class="${n('footer')}"></div>
-					${self.o.resizable ? `<div class="${n('resizer')}"></div>` : ''}
+					${self.o.resizable
+            ? `<div class="${n('resizer')}">${ui/* Icon.get */.JO.get('resize_handler')}</div>`
+            : ''}
 				</div>
 			</div>`);
         (0,helpers.attr)(self.container, 'role', 'dialog');
@@ -11786,8 +12337,8 @@ let Dialog = class Dialog extends ViewWithToolbar {
             e.stopImmediatePropagation();
             e.preventDefault();
         }
-        if (this.e) {
-            this.e.fire('beforeClose', this);
+        if (this.e && this.e.fire('beforeClose', this) === false) {
+            return this;
         }
         this.setMod('active', false);
         this.isOpened = false;
@@ -12134,16 +12685,6 @@ class Create {
     }
 }
 
-;// CONCATENATED MODULE: ./src/modules/file-browser/consts.ts
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-const F_CLASS = 'jodit-filebrowser';
-const ITEM_CLASS = F_CLASS + '__files-item';
-const ICON_LOADER = '<i class="jodit-icon_loader"></i>';
-
 ;// CONCATENATED MODULE: ./src/modules/file-browser/config.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -12153,7 +12694,6 @@ const ICON_LOADER = '<i class="jodit-icon_loader"></i>';
 
 
 
-
 config/* Config.prototype.filebrowser */.D.prototype.filebrowser = {
     namespace: '',
     extraButtons: [],
@@ -12218,6 +12758,7 @@ config/* Config.prototype.filebrowser */.D.prototype.filebrowser = {
     moveFolder: true,
     moveFile: true,
     showFoldersPanel: true,
+    storeLastOpenedFolder: true,
     width: 859,
     height: 400,
     buttons: [
@@ -12249,24 +12790,28 @@ config/* Config.prototype.filebrowser */.D.prototype.filebrowser = {
     showFileName: true,
     showFileSize: true,
     showFileChangeTime: true,
-    saveStateInStorage: true,
+    saveStateInStorage: {
+        storeLastOpenedFolder: true,
+        storeView: true,
+        storeSortBy: true
+    },
     pixelOffsetLoadNewChunk: 200,
     getThumbTemplate(item, source, source_name) {
-        const opt = this.options, showName = opt.showFileName, showSize = opt.showFileSize && item.size, showTime = opt.showFileChangeTime && item.time;
+        const opt = this.options, IC = this.files.getFullElName('item'), showName = opt.showFileName, showSize = opt.showFileSize && item.size, showTime = opt.showFileChangeTime && item.time;
         let name = '';
         if (item.file !== undefined) {
             name = item.file;
         }
-        const info = `<div class="${ITEM_CLASS}-info">${showName ? `<span class="${ITEM_CLASS}-info-filename">${name}</span>` : ''}${showSize
-            ? `<span class="${ITEM_CLASS}-info-filesize">${item.size}</span>`
+        const info = `<div class="${IC}-info">${showName ? `<span class="${IC}-info-filename">${name}</span>` : ''}${showSize
+            ? `<span class="${IC}-info-filesize">${item.size}</span>`
             : ''}${showTime
-            ? `<span class="${ITEM_CLASS}-info-filechanged">${showTime}</span>`
+            ? `<span class="${IC}-info-filechanged">${showTime}</span>`
             : ''}</div>`;
         return `<a
 			data-jodit-filebrowser-item="true"
 			data-is-file="${item.isImage ? 0 : 1}"
 			draggable="true"
-			class="${ITEM_CLASS}"
+			class="${IC}"
 			href="${item.fileURL}"
 			data-source="${source_name}"
 			data-path="${item.path}"
@@ -12836,8 +13381,7 @@ var normalize = __webpack_require__(26);
 
 
 
-
-const state_listeners_DEFAULT_SOURCE_NAME = 'default', ITEM_ACTIVE_CLASS = ITEM_CLASS + '_active_true';
+const state_listeners_DEFAULT_SOURCE_NAME = 'default';
 function stateListeners() {
     const { state, files, create, options, elementsMap } = this, getDomElement = (item) => {
         const key = item.uniqueHashKey;
@@ -12854,57 +13398,69 @@ function stateListeners() {
     };
     state
         .on(['change.currentPath', 'change.currentSource'], this.async.debounce(() => {
+        if (this.o.saveStateInStorage &&
+            this.o.saveStateInStorage.storeLastOpenedFolder) {
+            this.storage
+                .set('currentPath', this.state.currentPath)
+                .set('currentSource', this.state.currentSource);
+        }
         this.loadTree();
     }, this.defaultTimeout))
         .on('beforeChange.activeElements', () => {
         state.activeElements.forEach(item => {
             const key = item.uniqueHashKey, { elm } = elementsMap[key];
-            elm && elm.classList.remove(ITEM_ACTIVE_CLASS);
+            elm &&
+                elm.classList.remove(files.getFullElName('item', 'active', true));
         });
     })
         .on('change.activeElements', () => {
         this.e.fire('changeSelection');
         state.activeElements.forEach(item => {
             const key = item.uniqueHashKey, { elm } = elementsMap[key];
-            elm && elm.classList.add(ITEM_ACTIVE_CLASS);
+            elm &&
+                elm.classList.add(files.getFullElName('item', 'active', true));
         });
     })
         .on('change.view', () => {
-        files.classList.remove(F_CLASS + '__files_view_tiles');
-        files.classList.remove(F_CLASS + '__files_view_list');
-        files.classList.add(F_CLASS + '__files_view_' + state.view);
-        this.storage.set(F_CLASS + '_view', state.view);
+        files.setMod('view', state.view);
+        if (this.o.saveStateInStorage &&
+            this.o.saveStateInStorage.storeView) {
+            this.storage.set('view', state.view);
+        }
     })
         .on('change.sortBy', () => {
-        this.storage.set(F_CLASS + '_sortby', state.sortBy);
+        if (this.o.saveStateInStorage &&
+            this.o.saveStateInStorage.storeSortBy) {
+            this.storage.set('sortBy', state.sortBy);
+        }
     })
         .on('change.elements', this.async.debounce(() => {
-        dom/* Dom.detach */.i.detach(files);
+        dom/* Dom.detach */.i.detach(files.container);
         if (state.elements.length) {
             state.elements.forEach(item => {
-                this.files.appendChild(getDomElement(item));
+                this.files.container.appendChild(getDomElement(item));
             });
         }
         else {
-            files.appendChild(create.div(F_CLASS + '_no_files', this.i18n('There are no files')));
+            files.container.appendChild(create.div(this.componentName + '_no-files_true', this.i18n('There are no files')));
         }
     }, this.defaultTimeout))
         .on('change.sources', this.async.debounce(() => {
-        dom/* Dom.detach */.i.detach(this.tree);
+        dom/* Dom.detach */.i.detach(this.tree.container);
         state.sources.forEach(source => {
             const sourceName = source.name;
             if (sourceName && sourceName !== state_listeners_DEFAULT_SOURCE_NAME) {
-                this.tree.appendChild(create.div(F_CLASS + '__source-title', sourceName));
+                this.tree.container.appendChild(create.div(this.tree.getFullElName('source-title'), sourceName));
             }
             source.folders.forEach((name) => {
-                const folderElm = create.a(F_CLASS + '__tree-item', {
+                const folderElm = create.a(this.tree.getFullElName('item'), {
                     draggable: 'draggable',
                     href: '#',
                     'data-path': (0,normalize/* normalizePath */.AH)(source.path, name + '/'),
                     'data-name': name,
                     'data-source': sourceName,
                     'data-source-path': source.path
-                }, create.span(F_CLASS + '__tree-item-title', name));
+                }, create.span(this.tree.getFullElName('item-title'), name));
                 const action = (actionName) => (e) => {
                     this.e.fire(`${actionName}.filebrowser`, {
                         name,
@@ -12915,7 +13471,7 @@ function stateListeners() {
                     e.preventDefault();
                 };
                 this.e.on(folderElm, 'click', action('openFolder'));
-                this.tree.appendChild(folderElm);
+                this.tree.container.appendChild(folderElm);
                 if (name === '..' || name === '.') {
                     return;
                 }
@@ -12951,7 +13507,7 @@ function stateListeners() {
                         source: sourceName
                     });
                 });
-                this.tree.appendChild(button.container);
+                this.tree.append(button);
             }
         });
     }, this.defaultTimeout));
@@ -13612,8 +14168,7 @@ function openImageEditor(href, name, path, source, onSuccess, onFailed) {
 
 
 
-
-const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next', right = 'right') => `<div class="${CLASS_PREVIEW}navigation ${CLASS_PREVIEW}navigation-${next}">` +
+const CLASS_PREVIEW = 'jodit-filebrowser-preview', preview_tpl_next = (next = 'next', right = 'right') => `<div class="${CLASS_PREVIEW}__navigation ${CLASS_PREVIEW}__navigation_arrow_${next}">` +
     '' +
     ui/* Icon.get */.JO.get('angle-' + right) +
     '</a>';
@@ -13630,6 +14185,11 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
         let item = a;
         const opt = self.options, ga = (key) => (0,helpers.attr)(item, key) || '';
         self.async.setTimeout(() => {
+            const selectedItem = elementToItem(a, self.elementsMap);
+            if (!selectedItem) {
+                return;
+            }
+            self.state.activeElements = [selectedItem];
             contextmenu.show(e.clientX, e.clientY, [
                 ga('data-is-file') !== '1' &&
                     opt.editImage &&
@@ -13672,7 +14232,7 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
                                 fullsize: self.o.fullsize,
                                 language: self.o.language,
                                 buttons: ['fullsize', 'dialog.close']
-                            }), temp_content = self.c.div(F_CLASS + '_preview', ICON_LOADER), preview_box = self.c.div(F_CLASS + '_preview_box'), next = self.c.fromHTML(preview_tpl_next()), prev = self.c.fromHTML(preview_tpl_next('prev', 'left')), addLoadHandler = (src) => {
+                            }), temp_content = self.c.div(CLASS_PREVIEW, '<div class="jodit-icon_loader"></div>'), preview_box = self.c.div(CLASS_PREVIEW + '__box'), next = self.c.fromHTML(preview_tpl_next()), prev = self.c.fromHTML(preview_tpl_next('prev', 'left')), addLoadHandler = (src) => {
                                 const image = self.c.element('img');
                                 image.setAttribute('src', src);
                                 const onload = () => {
@@ -13683,10 +14243,10 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
                                     self.e.off(image, 'load');
                                     dom/* Dom.detach */.i.detach(temp_content);
                                     if (opt.showPreviewNavigation) {
-                                        if (dom/* Dom.prevWithClass */.i.prevWithClass(item, ITEM_CLASS)) {
+                                        if (dom/* Dom.prevWithClass */.i.prevWithClass(item, self.files.getFullElName('item'))) {
                                             temp_content.appendChild(prev);
                                         }
-                                        if (dom/* Dom.nextWithClass */.i.nextWithClass(item, ITEM_CLASS)) {
+                                        if (dom/* Dom.nextWithClass */.i.nextWithClass(item, self.files.getFullElName('item'))) {
                                             temp_content.appendChild(next);
                                         }
                                     }
@@ -13701,25 +14261,25 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
                                 }
                             };
                             self.e.on([next, prev], 'click', function () {
-                                if (this.classList.contains(CLASS_PREVIEW +
-                                    'navigation-next')) {
-                                    item = dom/* Dom.nextWithClass */.i.nextWithClass(item, ITEM_CLASS);
+                                if (this === next) {
+                                    item = dom/* Dom.nextWithClass */.i.nextWithClass(item, self.files.getFullElName('item'));
                                 }
                                 else {
-                                    item = dom/* Dom.prevWithClass */.i.prevWithClass(item, ITEM_CLASS);
+                                    item = dom/* Dom.prevWithClass */.i.prevWithClass(item, self.files.getFullElName('item'));
                                 }
                                 if (!item) {
                                     throw (0,helpers.error)('Need element');
                                 }
                                 dom/* Dom.detach */.i.detach(temp_content);
                                 dom/* Dom.detach */.i.detach(preview_box);
-                                temp_content.innerHTML = ICON_LOADER;
+                                temp_content.innerHTML =
+                                    '<div class="jodit-icon_loader"></div>';
                                 addLoadHandler(ga('href'));
                             });
                             self.e.on('beforeDestruct', () => {
                                 preview.destruct();
                             });
-                            preview.container.classList.add(F_CLASS + '_preview_dialog');
+                            preview.container.classList.add(CLASS_PREVIEW + '__dialog');
                             preview.setContent(temp_content);
                             preview.setPosition();
                             preview.open();
@@ -13744,9 +14304,7 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
                 }
             ]);
         }, self.defaultTimeout);
-        self === null || self === void 0 ? void 0 : self.e.on('beforeDestruct', () => {
-            contextmenu.destruct();
-        });
+        self === null || self === void 0 ? void 0 : self.dialog.e.on('beforeClose', () => contextmenu.close()).on('beforeDestruct', () => contextmenu.destruct());
         e.stopPropagation();
         e.preventDefault();
         return false;
@@ -13762,17 +14320,16 @@ const CLASS_PREVIEW = F_CLASS + '_preview_', preview_tpl_next = (next = 'next',
 
 
 
-
 const getItem = (node, root, tag = 'a') => dom/* Dom.closest */.i.closest(node, elm => dom/* Dom.isTag */.i.isTag(elm, tag), root);
+const elementToItem = (elm, elementsMap) => {
+    const { key } = elm.dataset, { item } = elementsMap[key || ''];
+    return item;
+};
 function nativeListeners() {
     let dragElement = false;
     const self = this;
-    const elementToItem = (elm) => {
-        const { key } = elm.dataset, { item } = self.elementsMap[key || ''];
-        return item;
-    };
     self.e
-        .on(self.tree, 'dragstart', (e) => {
+        .on(self.tree.container, 'dragstart', (e) => {
         const a = getItem(e.target, self.dialog.container);
         if (!a) {
             return;
@@ -13781,14 +14338,14 @@ function nativeListeners() {
             dragElement = a;
         }
     })
-        .on(self.tree, 'drop', (e) => {
+        .on(self.tree.container, 'drop', (e) => {
         if ((self.o.moveFile || self.o.moveFolder) && dragElement) {
             let path = (0,helpers.attr)(dragElement, '-path') || '';
             if (!self.o.moveFolder &&
-                dragElement.classList.contains(F_CLASS + '__tree-item')) {
+                dragElement.classList.contains(this.tree.getFullElName('item'))) {
                 return false;
             }
-            if (dragElement.classList.contains(ITEM_CLASS)) {
+            if (dragElement.classList.contains(this.files.getFullElName('item'))) {
                 path += (0,helpers.attr)(dragElement, '-name');
                 if (!self.o.moveFile) {
                     return false;
@@ -13799,25 +14356,25 @@ function nativeListeners() {
                 return;
             }
             self.dataProvider
-                .move(path, (0,helpers.attr)(a, '-path') || '', (0,helpers.attr)(a, '-source') || '', dragElement.classList.contains(ITEM_CLASS))
+                .move(path, (0,helpers.attr)(a, '-path') || '', (0,helpers.attr)(a, '-source') || '', dragElement.classList.contains(this.files.getFullElName('item')))
                 .then(() => {
                 self.loadTree();
             }, self.status);
             dragElement = false;
         }
     })
-        .on(self.files, 'contextmenu', context_menu(self))
-        .on(self.files, 'click', (e) => {
+        .on(self.files.container, 'contextmenu', context_menu(self))
+        .on(self.files.container, 'click', (e) => {
         if (!(0,helpers.ctrlKey)(e)) {
             this.state.activeElements = [];
         }
     })
-        .on(self.files, 'click', (e) => {
+        .on(self.files.container, 'click', (e) => {
         const a = getItem(e.target, self.dialog.container);
         if (!a) {
             return;
         }
-        const item = elementToItem(a);
+        const item = elementToItem(a, self.elementsMap);
         if (!item) {
             return;
         }
@@ -13833,7 +14390,7 @@ function nativeListeners() {
         e.stopPropagation();
         return false;
     })
-        .on(self.files, 'dragstart', (e) => {
+        .on(self.files.container, 'dragstart', (e) => {
         if (self.o.moveFile) {
             const a = getItem(e.target, self.dialog.container);
             if (!a) {
@@ -13972,6 +14529,43 @@ function selfListeners() {
     });
 }
 
+;// CONCATENATED MODULE: ./src/modules/file-browser/ui/files/files.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+class FileBrowserFiles extends ui/* UIGroup */.qe {
+    className() {
+        return 'FilebrowserFiles';
+    }
+}
+
+;// CONCATENATED MODULE: ./src/modules/file-browser/ui/tree/tree.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+class FileBrowserTree extends ui/* UIGroup */.qe {
+    className() {
+        return 'FilebrowserTree';
+    }
+}
+
+;// CONCATENATED MODULE: ./src/modules/file-browser/ui/index.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+
+
 ;// CONCATENATED MODULE: ./src/modules/file-browser/file-browser.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -14000,11 +14594,11 @@ class FileBrowser extends ViewWithToolbar {
     constructor(options) {
         var _a;
         super(options);
-        this.loader = this.c.div(F_CLASS + '__loader', ICON_LOADER);
-        this.browser = this.c.div(F_CLASS + ' non-selected');
-        this.status_line = this.c.div(F_CLASS + '__status');
-        this.tree = this.c.div(F_CLASS + '__tree');
-        this.files = this.c.div(F_CLASS + '__files');
+        this.loader = this.c.div(this.getFullElName('loader'), '<div class="jodit-icon_loader"></div>');
+        this.browser = this.c.div(this.componentName);
+        this.status_line = this.c.div(this.getFullElName('status'));
+        this.tree = new FileBrowserTree(this);
+        this.files = new FileBrowserFiles(this);
         this.state = events/* ObserveObject.create */.P5.create({
             currentPath: '',
             currentSource: DEFAULT_SOURCE_NAME,
@@ -14033,7 +14627,7 @@ class FileBrowser extends ViewWithToolbar {
         this.attachEvents(options);
         const self = this;
         self.options = (0,helpers.ConfigProto)(options || {}, config/* Config.defaultOptions.filebrowser */.D.defaultOptions.filebrowser);
-        self.storage = Storage.makeStorage(this.o.saveStateInStorage);
+        self.storage = Storage.makeStorage(Boolean(this.o.saveStateInStorage), this.componentName);
         self.dataProvider = makeDataProvider(self, self.options);
         self.dialog = new Dialog({
             fullsize: self.o.fullsize,
@@ -14050,10 +14644,11 @@ class FileBrowser extends ViewWithToolbar {
                 this.e.fire(proxyEvent);
             });
         });
+        self.browser.component = this;
         if (self.o.showFoldersPanel) {
-            self.browser.appendChild(self.tree);
+            self.browser.appendChild(self.tree.container);
         }
-        self.browser.appendChild(self.files);
+        self.browser.appendChild(self.files.container);
         self.browser.appendChild(self.status_line);
         selfListeners.call(self);
         nativeListeners.call(self);
@@ -14079,7 +14674,13 @@ class FileBrowser extends ViewWithToolbar {
                 this.options[key] = (0,helpers.ConfigProto)(this.options[key], this.o.ajax);
             }
         });
-        const view = this.storage.get(F_CLASS + '_view');
+        const { storeView, storeSortBy, storeLastOpenedFolder } = this.o
+            .saveStateInStorage || {
+            storeLastOpenedFolder: false,
+            storeView: false,
+            storeSortBy: false
+        };
+        const view = storeView && this.storage.get('view');
         if (view && this.o.view == null) {
             self.state.view = view === 'list' ? 'list' : 'tiles';
         }
@@ -14087,7 +14688,7 @@ class FileBrowser extends ViewWithToolbar {
             self.state.view = self.o.view === 'list' ? 'list' : 'tiles';
         }
         this.state.fire('change.view');
-        const sortBy = self.storage.get(F_CLASS + '_sortby');
+        const sortBy = storeSortBy && self.storage.get('sortBy');
         if (sortBy) {
             const parts = sortBy.split('-');
             self.state.sortBy = ['changed', 'name', 'size'].includes(parts[0])
@@ -14097,14 +14698,19 @@ class FileBrowser extends ViewWithToolbar {
         else {
             self.state.sortBy = self.o.sortBy || 'changed-desc';
         }
+        if (storeLastOpenedFolder) {
+            const currentPath = self.storage.get('currentPath'), currentSource = self.storage.get('currentSource');
+            self.state.currentPath = currentPath !== null && currentPath !== void 0 ? currentPath : '';
+            self.state.currentSource = currentSource !== null && currentSource !== void 0 ? currentSource : '';
+        }
         self.initUploader(self);
     }
     className() {
-        return 'FileBrowser';
+        return 'Filebrowser';
     }
     async loadItems() {
-        this.files.classList.add('jodit-filebrowser_active');
-        this.files.appendChild(this.loader.cloneNode(true));
+        this.files.setMod('active', true);
+        this.files.container.appendChild(this.loader.cloneNode(true));
         return this.dataProvider
             .items(this.state.currentPath, this.state.currentSource, {
             sortBy: this.state.sortBy,
@@ -14125,9 +14731,9 @@ class FileBrowser extends ViewWithToolbar {
             this.uploader.setPath(this.state.currentPath);
             this.uploader.setSource(this.state.currentSource);
         }
-        this.tree.classList.add('jodit-filebrowser_active');
-        dom/* Dom.detach */.i.detach(this.tree);
-        this.tree.appendChild(this.loader.cloneNode(true));
+        this.tree.setMod('active', true);
+        dom/* Dom.detach */.i.detach(this.tree.container);
+        this.tree.container.appendChild(this.loader.cloneNode(true));
         const items = this.loadItems();
         if (this.o.showFoldersPanel) {
             const tree = this.dataProvider
@@ -14142,7 +14748,7 @@ class FileBrowser extends ViewWithToolbar {
             return Promise.all([tree, items]).catch(helpers.error);
         }
         else {
-            this.tree.classList.remove('jodit-filebrowser_active');
+            this.tree.setMod('active', false);
         }
         return items.catch(helpers.error);
     }
@@ -14187,16 +14793,17 @@ class FileBrowser extends ViewWithToolbar {
         if (!(0,helpers.isString)(message)) {
             message = message.message;
         }
-        this.status_line.classList.remove('jodit-filebrowser_success');
-        this.status_line.classList.add('jodit-filebrowser_active');
+        const successClass = this.getFullElName('status', 'success', true), activeClass = this.getFullElName('status', 'active', true);
+        this.status_line.classList.remove(successClass);
+        this.status_line.classList.add(activeClass);
         const messageBox = this.c.div();
         messageBox.textContent = message;
         this.status_line.appendChild(messageBox);
         if (success) {
-            this.status_line.classList.add('jodit-filebrowser_success');
+            this.status_line.classList.add(successClass);
         }
         this.async.setTimeout(() => {
-            this.status_line.classList.remove('jodit-filebrowser_active');
+            this.status_line.classList.remove(activeClass);
             dom/* Dom.detach */.i.detach(this.status_line);
         }, {
             timeout: this.o.howLongShowMsg,
@@ -14213,9 +14820,9 @@ class FileBrowser extends ViewWithToolbar {
             }
             let localTimeout = 0;
             this.e
-                .off(this.files, 'dblclick')
-                .on(this.files, 'dblclick', this.onSelect(callback))
-                .on(this.files, 'touchstart', () => {
+                .off(this.files.container, 'dblclick')
+                .on(this.files.container, 'dblclick', this.onSelect(callback))
+                .on(this.files.container, 'touchstart', () => {
                 const now = new Date().getTime();
                 if (now - localTimeout < constants.EMULATE_DBLCLICK_TIMEOUT) {
                     this.onSelect(callback)();
@@ -14609,7 +15216,7 @@ class Observer extends component/* ViewComponent */.Hr {
     (0,decorators.debounce)()
 ], Observer.prototype, "onChange", null);
 
-// EXTERNAL MODULE: ./src/core/selection/index.ts + 15 modules
+// EXTERNAL MODULE: ./src/core/selection/index.ts + 19 modules
 var selection = __webpack_require__(16);
 ;// CONCATENATED MODULE: ./src/modules/status-bar/status-bar.ts
 /*!
@@ -14620,10 +15227,12 @@ var selection = __webpack_require__(16);
 
 
 
+
 class StatusBar extends component/* ViewComponent */.Hr {
     constructor(jodit, target) {
         super(jodit);
         this.target = target;
+        this.mods = {};
         this.container = jodit.c.div('jodit-status-bar');
         target.appendChild(this.container);
         this.hide();
@@ -14640,6 +15249,13 @@ class StatusBar extends component/* ViewComponent */.Hr {
     get isShown() {
         return !this.container.classList.contains('jodit_hidden');
     }
+    setMod(name, value) {
+        traits/* Mods.setMod.call */.$.setMod.call(this, name, value);
+        return this;
+    }
+    getMod(name) {
+        return traits/* Mods.getMod.call */.$.getMod.call(this, name);
+    }
     getHeight() {
         var _a, _b;
         return (_b = (_a = this.container) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
@@ -15767,7 +16383,7 @@ class Jodit extends ViewWithToolbar {
             }
         });
         this.e.on('prepareWYSIWYGEditor', this.prepareWYSIWYGEditor);
-        this.selection = new selection/* Select */.P(this);
+        this.selection = new selection/* Select */.Ph(this);
         const beforeInitHookResult = this.beforeInitHook();
         (0,helpers.callPromise)(beforeInitHookResult, () => {
             this.e.fire('beforeInit', this);
@@ -15812,12 +16428,6 @@ class Jodit extends ViewWithToolbar {
         div.innerHTML = this.getElementValue();
         return div.innerText || '';
     }
-    get value() {
-        return this.getEditorValue();
-    }
-    set value(html) {
-        this.setEditorValue(html);
-    }
     get defaultTimeout() {
         return this.options && this.o.observer
             ? this.o.observer.timeout
@@ -15950,9 +16560,15 @@ class Jodit extends ViewWithToolbar {
             this.editor.innerHTML = data.value;
         }
     }
-    getEditorValue(removeSelectionMarkers = true) {
+    get value() {
+        return this.getEditorValue();
+    }
+    set value(html) {
+        this.setEditorValue(html);
+    }
+    getEditorValue(removeSelectionMarkers = true, consumer) {
         let value;
-        value = this.e.fire('beforeGetValueFromEditor');
+        value = this.e.fire('beforeGetValueFromEditor', consumer);
         if (value !== undefined) {
             return value;
         }
@@ -15964,7 +16580,7 @@ class Jodit extends ViewWithToolbar {
             value = '';
         }
         const new_value = { value };
-        this.e.fire('afterGetValueFromEditor', new_value);
+        this.e.fire('afterGetValueFromEditor', new_value, consumer);
         return new_value.value;
     }
     setEditorValue(value) {
@@ -16565,7 +17181,7 @@ Jodit.core = {
 
 ;// CONCATENATED MODULE: ./src/langs/index.ts
 
-const en = __webpack_require__(44);
+const en = __webpack_require__(45);
 let exp = {
     en
 };
@@ -16604,6 +17220,7 @@ config/* Config.prototype.addNewLineTagsTriggers */.D.prototype.addNewLineTagsTr
     'iframe',
     'img',
     'hr',
+    'pre',
     'jodit'
 ];
 config/* Config.prototype.addNewLineDeltaShow */.D.prototype.addNewLineDeltaShow = 20;
@@ -16902,7 +17519,7 @@ function focus_focus(editor) {
 
 config/* Config.prototype.controls.classSpan */.D.prototype.controls.classSpan = {
     command: 'applyClassName',
-    icon: __webpack_require__(45),
+    icon: __webpack_require__(46),
     exec: helpers.memorizeExec,
     list: [
         'enabled',
@@ -17042,8 +17659,10 @@ config/* Config.prototype.delete */.D.prototype["delete"] = {
     hotkeys: {
         delete: ['delete', 'cmd+backspace'],
         deleteWord: ['ctrl+delete', 'cmd+alt+backspace', 'ctrl+alt+backspace'],
+        deleteSentence: ['ctrl+shift+delete', 'cmd+shift+delete'],
         backspace: ['backspace'],
-        backspaceWord: ['ctrl+backspace']
+        backspaceWord: ['ctrl+backspace'],
+        backspaceSentence: ['ctrl+shift+backspace', 'cmd+shift+backspace']
     }
 };
 class Delete extends Plugin {
@@ -17074,12 +17693,20 @@ class Delete extends Plugin {
             stopPropagation: false
         })
             .registerCommand('deleteWordButton', {
-            exec: () => this.onDelete(false, true),
+            exec: () => this.onDelete(false, 'word'),
             hotkeys: jodit.o.delete.hotkeys.deleteWord
         })
             .registerCommand('backspaceWordButton', {
-            exec: () => this.onDelete(true, true),
+            exec: () => this.onDelete(true, 'word'),
             hotkeys: jodit.o.delete.hotkeys.backspaceWord
+        })
+            .registerCommand('deleteSentenceButton', {
+            exec: () => this.onDelete(false, 'sentence'),
+            hotkeys: jodit.o.delete.hotkeys.deleteSentence
+        })
+            .registerCommand('backspaceSentenceButton', {
+            exec: () => this.onDelete(true, 'sentence'),
+            hotkeys: jodit.o.delete.hotkeys.backspaceSentence
         });
     }
     beforeDestruct(jodit) {
@@ -17099,7 +17726,7 @@ class Delete extends Plugin {
             jodit.s.removeNode(node);
         }
     }
-    onDelete(backspace, block = false) {
+    onDelete(backspace, mode = 'char') {
         var _a;
         const sel = this.j.selection;
         if (!sel.isFocused()) {
@@ -17118,7 +17745,7 @@ class Delete extends Plugin {
             }
             normalizeCursorPosition(fakeNode, backspace);
             if (this.checkRemoveInseparableElement(fakeNode, backspace) ||
-                this.checkRemoveChar(fakeNode, backspace, block) ||
+                this.checkRemoveChar(fakeNode, backspace, mode) ||
                 this.checkTableCell(fakeNode) ||
                 this.checkRemoveEmptyParent(fakeNode, backspace) ||
                 this.checkRemoveEmptyNeighbor(fakeNode, backspace) ||
@@ -17144,7 +17771,7 @@ class Delete extends Plugin {
             return true;
         }
     }
-    checkRemoveChar(fakeNode, backspace, block) {
+    checkRemoveChar(fakeNode, backspace, mode) {
         var _a, _b, _c;
         const step = backspace ? -1 : 1;
         const anotherSibling = getSibling(fakeNode, !backspace);
@@ -17201,8 +17828,11 @@ class Delete extends Plugin {
             if (!(0,helpers.isVoid)(removed) && removed !== constants.INVISIBLE_SPACE) {
                 charRemoved = true;
                 (0,helpers.call)(backspace ? dom/* Dom.after */.i.after : dom/* Dom.before */.i.before, sibling, fakeNode);
-                if (block) {
-                    while (this.checkRemoveChar(fakeNode, backspace, false)) { }
+                if (mode === 'sentence' ||
+                    (mode === 'word' &&
+                        removed !== ' ' &&
+                        removed !== constants.NBSP_SPACE)) {
+                    this.checkRemoveChar(fakeNode, backspace, mode);
                 }
                 break;
             }
@@ -17455,7 +18085,7 @@ config/* Config.prototype.controls.underline */.D.prototype.controls.underline =
     tagRegExp: /^(u)$/i,
     tags: ['u'],
     css: {
-        'text-decoration': 'underline'
+        'text-decoration-line': 'underline'
     },
     tooltip: 'Underline'
 };
@@ -17463,7 +18093,7 @@ config/* Config.prototype.controls.strikethrough */.D.prototype.controls.striket
     tagRegExp: /^(s)$/i,
     tags: ['s'],
     css: {
-        'text-decoration': 'line-through'
+        'text-decoration-line': 'line-through'
     },
     tooltip: 'Strike through'
 };
@@ -18300,7 +18930,7 @@ class paste extends Plugin {
         const keep = (0,ui_button/* Button */.zx)(this.j, {
             text: 'Keep',
             name: 'keep',
-            status: 'primary',
+            variant: 'primary',
             tabIndex: 0
         });
         const clear = (0,ui_button/* Button */.zx)(this.j, {
@@ -18628,7 +19258,7 @@ function copyFormat(editor) {
 
 
 // EXTERNAL MODULE: ./src/modules/widget/index.ts + 3 modules
-var widget = __webpack_require__(46);
+var widget = __webpack_require__(47);
 ;// CONCATENATED MODULE: ./src/plugins/color.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -18786,6 +19416,7 @@ function color(editor) {
 
 
 
+
 class DragAndDrop extends Plugin {
     constructor() {
         super(...arguments);
@@ -18820,7 +19451,7 @@ class DragAndDrop extends Plugin {
         this.startDragPoint.x = event.clientX;
         this.startDragPoint.y = event.clientY;
         if (dom/* Dom.isElement */.i.isElement(target) &&
-            target.classList.contains('jodit-filebrowser__files-item')) {
+            target.classList.contains(FileBrowserFiles.prototype.getFullElName('item'))) {
             target = target.querySelector('img');
         }
         if (dom/* Dom.isTag */.i.isTag(target, 'img')) {
@@ -19442,7 +20073,14 @@ config/* Config.prototype.controls.font */.D.prototype.controls.font = {
         'Verdana,Geneva,sans-serif': 'Verdana'
     },
     childTemplate: (editor, key, value) => {
-        return `<span style="font-family: ${key}!important;">${value}</span>`;
+        let isAvailable = false;
+        try {
+            isAvailable =
+                key.indexOf('dings') === -1 &&
+                    document.fonts.check(`16px ${key}`, value);
+        }
+        catch (_a) { }
+        return `<span style="${isAvailable ? `font-family: ${key}!important;` : ''}">${value}</span>`;
     },
     data: {
         cssRule: 'font-family',
@@ -20185,7 +20823,7 @@ function positionTab(editor) {
 
 
 // EXTERNAL MODULE: ./src/plugins/image/helpers.ts
-var image_helpers = __webpack_require__(47);
+var image_helpers = __webpack_require__(48);
 ;// CONCATENATED MODULE: ./src/plugins/image/image-properties/image-properties.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -20610,6 +21248,10 @@ class imageProperties extends Plugin {
                     return;
                 }
                 if (editor.o.image.openOnDblClick) {
+                    if (this.j.e.fire('openOnDblClick', image) ===
+                        false) {
+                        return;
+                    }
                     self.state.image = image;
                     if (!editor.o.readonly) {
                         e.stopImmediatePropagation();
@@ -20882,11 +21524,12 @@ config/* Config.prototype.toolbarInlineForSelection */.D.prototype.toolbarInline
 config/* Config.prototype.toolbarInlineDisableFor */.D.prototype.toolbarInlineDisableFor = [];
 config/* Config.prototype.toolbarInlineDisabledButtons */.D.prototype.toolbarInlineDisabledButtons = ['source'];
 config/* Config.prototype.popup */.D.prototype.popup = {
-    a: __webpack_require__(48)/* ["default"] */ .Z,
-    img: __webpack_require__(49)/* ["default"] */ .Z,
-    cells: __webpack_require__(50)/* ["default"] */ .Z,
-    jodit: __webpack_require__(51)/* ["default"] */ .Z,
-    'jodit-media': __webpack_require__(51)/* ["default"] */ .Z,
+    a: __webpack_require__(49)/* ["default"] */ .Z,
+    img: __webpack_require__(50)/* ["default"] */ .Z,
+    cells: __webpack_require__(51)/* ["default"] */ .Z,
+    toolbar: __webpack_require__(52)/* ["default"] */ .Z,
+    jodit: __webpack_require__(53)/* ["default"] */ .Z,
+    'jodit-media': __webpack_require__(53)/* ["default"] */ .Z,
     selection: [
         'bold',
         'underline',
@@ -21004,6 +21647,7 @@ class inlinePopup extends Plugin {
             }
         })
             .on('hidePopup', this.hidePopup)
+            .on('showInlineToolbar', this.showInlineToolbar)
             .on('showPopup', (elm, rect, type) => {
             this.showPopup(rect, type || ((0,helpers.isString)(elm) ? elm : elm.nodeName), (0,helpers.isString)(elm) ? undefined : elm);
         })
@@ -21079,6 +21723,15 @@ class inlinePopup extends Plugin {
     removeListenersForElements() {
         this.j.e.off(this.elmsList.map(e => (0,helpers.camelCase)(`click_${e}`)).join(' '), this.onClick);
     }
+    showInlineToolbar(bound) {
+        this.showPopup(() => {
+            if (bound) {
+                return bound;
+            }
+            const { range } = this.j.s;
+            return range.getBoundingClientRect();
+        }, 'toolbar');
+    }
 }
 (0,tslib_es6/* __decorate */.gn)([
     decorators.autobind
@@ -21102,6 +21755,9 @@ class inlinePopup extends Plugin {
 (0,tslib_es6/* __decorate */.gn)([
     (0,decorators.debounce)(ctx => ctx.defaultTimeout)
 ], inlinePopup.prototype, "onSelectionChange", null);
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], inlinePopup.prototype, "showInlineToolbar", null);
 
 ;// CONCATENATED MODULE: ./src/plugins/justify.ts
 /*!
@@ -21317,7 +21973,7 @@ class limit extends Plugin {
 ], limit.prototype, "checkPreventChanging", null);
 
 // EXTERNAL MODULE: ./src/core/ui/form/index.ts + 11 modules
-var ui_form = __webpack_require__(43);
+var ui_form = __webpack_require__(44);
 ;// CONCATENATED MODULE: ./src/plugins/link/template.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -21389,13 +22045,13 @@ const formTemplate = (editor) => {
         new ui_form/* UIBlock */.eC(editor, [
             new ui_button/* UIButton */.y3(editor, {
                 name: 'unlink',
-                status: 'default',
+                variant: 'default',
                 text: 'Unlink'
             }),
             new ui_button/* UIButton */.y3(editor, {
                 name: 'insert',
                 type: 'submit',
-                status: 'primary',
+                variant: 'primary',
                 text: 'Insert'
             })
         ], {
@@ -21986,15 +22642,9 @@ function mobile(editor) {
     }
     editor.e.on('getDiffButtons.mobile', (toolbar) => {
         if (toolbar === editor.toolbar) {
-            const buttons = (0,helpers.splitArray)(editor.o.buttons), flatStore = (0,helpers_buttons/* flatButtonsSet */.q)(store);
-            return buttons.reduce((acc, item) => {
-                if ((0,helpers_buttons/* isButtonGroup */.A)(item)) {
-                    acc.push({
-                        ...item,
-                        buttons: item.buttons.filter(btn => !flatStore.has(btn))
-                    });
-                }
-                else if (!flatStore.has(item)) {
+            const buttons = (0,helpers_buttons/* flatButtonsSet */.q)((0,helpers.splitArray)(editor.o.buttons), editor), flatStore = (0,helpers_buttons/* flatButtonsSet */.q)(store, editor);
+            return (0,helpers.toArray)(buttons).reduce((acc, item) => {
+                if (!flatStore.has(item)) {
                     acc.push(item);
                 }
                 return acc;
@@ -22041,6 +22691,9 @@ function mobile(editor) {
 
 
 
+
+
+
 const exec = (jodit, _, { control }) => {
     const key = `button${control.command}`;
     const value = (control.args && control.args[0]) || (0,helpers.dataBind)(jodit, key);
@@ -22073,8 +22726,41 @@ config/* Config.prototype.controls.ol */.D.prototype.controls.ol = {
     },
     exec
 };
-function orderedList(editor) {
-    const isOurCommand = (command) => /insert(un)?orderedlist/i.test(command), getListWrapper = () => dom/* Dom.up */.i.up(editor.s.current(), (tag) => tag && /^UL|OL$/i.test(tag.nodeName), editor.editor), listStyleTypeEqual = (el, listStyleType) => {
+class orderedList extends Plugin {
+    constructor() {
+        super(...arguments);
+        this.buttons = [
+            {
+                name: 'ul',
+                group: 'list'
+            },
+            {
+                name: 'ol',
+                group: 'list'
+            }
+        ];
+    }
+    afterInit(jodit) {
+        jodit
+            .registerCommand('insertUnorderedList', this.onCommand)
+            .registerCommand('insertOrderedList', this.onCommand);
+    }
+    onCommand(command, _, type) {
+        this.jodit.s.applyStyle({
+            listStyleType: type !== null && type !== void 0 ? type : null
+        }, {
+            element: command === 'insertunorderedlist' ? 'ul' : 'ol'
+        });
+        this.jodit.setEditorValue();
+        return false;
+    }
+    beforeDestruct(jodit) { }
+}
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], orderedList.prototype, "onCommand", null);
+function orderedList1(editor) {
+    const isOurCommand = (command) => /insert(un)?orderedlist/i.test(command), getListWrapper = () => Dom.up(editor.s.current(), (tag) => tag && /^UL|OL$/i.test(tag.nodeName), editor.editor), listStyleTypeEqual = (el, listStyleType) => {
         const value = el.style.listStyleType;
         return (value === listStyleType ||
             (!value && listStyleType === 'default'));
@@ -22091,9 +22777,9 @@ function orderedList(editor) {
         if (isOurCommand(command) && listStyleType) {
             const ul = getListWrapper();
             if (ul && !listStyleTypeEqual(ul, listStyleType)) {
-                if ((dom/* Dom.isTag */.i.isTag(ul, 'ul') &&
+                if ((Dom.isTag(ul, 'ul') &&
                     /unordered/i.test(command)) ||
-                    (dom/* Dom.isTag */.i.isTag(ul, 'ol') && !/unordered/i.test(command))) {
+                    (Dom.isTag(ul, 'ol') && !/unordered/i.test(command))) {
                     setListStyleType(ul, listStyleType);
                     return false;
                 }
@@ -22111,7 +22797,7 @@ function orderedList(editor) {
                 });
             }
             const unwrapList = [], shouldUnwrap = (elm) => {
-                if (dom/* Dom.isTag */.i.isTag(elm, [
+                if (Dom.isTag(elm, [
                     'p',
                     'h1',
                     'h2',
@@ -22128,12 +22814,12 @@ function orderedList(editor) {
                 ul.querySelectorAll('li').forEach(li => shouldUnwrap(li.firstChild));
                 if (unwrapList.length) {
                     editor.s.save();
-                    (0,helpers.toArray)(ul.childNodes).forEach(li => {
-                        if (dom/* Dom.isTag */.i.isTag(li.lastChild, 'br')) {
-                            dom/* Dom.safeRemove */.i.safeRemove(li.lastChild);
+                    toArray(ul.childNodes).forEach(li => {
+                        if (Dom.isTag(li.lastChild, 'br')) {
+                            Dom.safeRemove(li.lastChild);
                         }
                     });
-                    unwrapList.forEach(elm => dom/* Dom.unwrap */.i.unwrap(elm));
+                    unwrapList.forEach(elm => Dom.unwrap(elm));
                     editor.s.restore();
                 }
             }
@@ -22142,6 +22828,31 @@ function orderedList(editor) {
     });
 }
 
+;// CONCATENATED MODULE: ./src/plugins/powered-by-jodit.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+function poweredByJodit(jodit) {
+    if (!jodit.o.hidePoweredByJodit &&
+        !jodit.o.inline &&
+        (jodit.o.showCharsCounter ||
+            jodit.o.showWordsCounter ||
+            jodit.o.showXPathInStatusbar)) {
+        jodit.hookStatus('ready', () => {
+            jodit.statusbar.append(jodit.create.fromHTML(`<a
+						tabindex="-1"
+						style="text-transform: uppercase"
+						class="jodit-status-bar-link"
+						target="_blank"
+						href="https://xdsoft.net/jodit/">
+							Powered by Jodit
+						</a>`), true);
+        });
+    }
+}
+
 ;// CONCATENATED MODULE: ./src/plugins/placeholder/placeholder.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -22373,10 +23084,10 @@ class resizer extends Plugin {
         this.height = 0;
         this.ratio = 0;
         this.rect = this.j.c.fromHTML(`<div class="jodit-resizer">
-				<i class="jodit-resizer-topleft"></i>
-				<i class="jodit-resizer-topright"></i>
-				<i class="jodit-resizer-bottomright"></i>
-				<i class="jodit-resizer-bottomleft"></i>
+				<div class="jodit-resizer__top-left"></div>
+				<div class="jodit-resizer__top-right"></div>
+				<div class="jodit-resizer__bottom-right"></div>
+				<div class="jodit-resizer__bottom-left"></div>
 				<span>100x100</span>
 			</div>`);
         this.sizeViewer = this.rect.getElementsByTagName('span')[0];
@@ -22470,7 +23181,7 @@ class resizer extends Plugin {
             if (this.element && this.rect) {
                 const workplacePosition = this.getWorkplacePosition();
                 const pos = (0,helpers.offset)(this.element, this.j, this.j.ed), left = parseInt(this.rect.style.left || '0', 10), top = parseInt(this.rect.style.top || '0', 10), w = this.rect.offsetWidth, h = this.rect.offsetHeight;
-                const newTop = pos.top - 1 - workplacePosition.top, newLeft = pos.left - 1 - workplacePosition.left;
+                const newTop = pos.top - workplacePosition.top, newLeft = pos.left - workplacePosition.left;
                 if (top !== newTop ||
                     left !== newLeft ||
                     w !== this.element.offsetWidth ||
@@ -22495,7 +23206,7 @@ class resizer extends Plugin {
         };
     }
     afterInit(editor) {
-        (0,helpers.$$)('i', this.rect).forEach((resizeHandle) => {
+        (0,helpers.$$)('div', this.rect).forEach((resizeHandle) => {
             editor.e.on(resizeHandle, 'mousedown.resizer touchstart.resizer', this.onClickHandle.bind(this, resizeHandle));
         });
         global/* eventEmitter.on */.TB.on('hideHelpers', this.hide);
@@ -23255,6 +23966,7 @@ config/* Config.prototype.saveHeightInStorage */.D.prototype.saveHeightInStorage
 
 
 
+
 let resizeHandler = class resizeHandler extends Plugin {
     constructor() {
         super(...arguments);
@@ -23265,7 +23977,7 @@ let resizeHandler = class resizeHandler extends Plugin {
             w: 0,
             h: 0
         };
-        this.handle = this.j.c.div('jodit-editor__resize', '<span tabindex="-1"></span>');
+        this.handle = this.j.c.div('jodit-editor__resize', ui/* Icon.get */.JO.get('resize_handler'));
     }
     afterInit(editor) {
         const { height, width, allowResizeX } = editor.o;
@@ -23275,6 +23987,7 @@ let resizeHandler = class resizeHandler extends Plugin {
         }
         if ((height !== 'auto' || width !== 'auto') &&
             (allowResizeX || allowResizeY)) {
+            editor.statusbar.setMod('resize-handle', true);
             editor.e
                 .on('toggleFullSize.resizeHandler', () => {
                 this.handle.style.display = editor.isFullSize
@@ -23349,7 +24062,8 @@ let size = class size extends Plugin {
             .on('afterInit.size changePlace.size', this.initialize, undefined, true)
             .on(editor.ow, 'load.size', this.resizeWorkspaces)
             .on('afterInit.size resize.size afterUpdateToolbar.size ' +
-            'scroll.size afterResize.size toggleFullSize.size', this.resizeWorkspaces);
+            'scroll.size afterResize.size', this.resizeWorkspaces)
+            .on('toggleFullSize.size toggleToolbar.size', this.resizeWorkspaceImd);
         this.initialize();
     }
     initialize() {
@@ -23443,6 +24157,9 @@ let size = class size extends Plugin {
         jodit.e.off(jodit.ow, 'load.size', this.resizeWorkspaces).off('.size');
     }
 };
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], size.prototype, "resizeWorkspaceImd", null);
 size = (0,tslib_es6/* __decorate */.gn)([
     decorators.autobind
 ], size);
@@ -23640,6 +24357,9 @@ class AceEditor extends SourceEditor {
     constructor() {
         super(...arguments);
         this.className = 'jodit_ace_editor';
+        this.proxyOnBlur = (e) => {
+            this.j.e.fire('blur', e);
+        };
         this.proxyOnFocus = (e) => {
             this.j.e.fire('focus', e);
         };
@@ -23715,6 +24435,7 @@ class AceEditor extends SourceEditor {
             this.instance.on('change', this.toWYSIWYG);
             this.instance.on('focus', this.proxyOnFocus);
             this.instance.on('mousedown', this.proxyOnMouseDown);
+            this.instance.on('blur', this.proxyOnBlur);
             if (editor.getRealMode() !== constants.MODE_WYSIWYG) {
                 this.setValue(this.getValue());
             }
@@ -23855,6 +24576,14 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
     return sourceEditor;
 }
 
+;// CONCATENATED MODULE: ./src/plugins/source/const.ts
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+const SOURCE_CONSUMER = 'source-consumer';
+
 ;// CONCATENATED MODULE: ./src/plugins/source/source.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -23870,6 +24599,7 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
 
 
 
+
 class source extends Plugin {
     constructor() {
         super(...arguments);
@@ -23905,7 +24635,7 @@ class source extends Plugin {
     fromWYSIWYG(force = false) {
         if (!this.__lock || force === true) {
             this.__lock = true;
-            const new_value = this.j.getEditorValue(false);
+            const new_value = this.j.getEditorValue(false, SOURCE_CONSUMER);
             if (new_value !== this.getMirrorValue()) {
                 this.setMirrorValue(new_value);
             }
@@ -23926,6 +24656,16 @@ class source extends Plugin {
         this.__oldMirrorValue = value;
     }
     getNormalPosition(pos, str) {
+        str = str.replace(/<(script|style|iframe)[^>]*>.*?<\/\1>/is, m => {
+            let res = '';
+            for (let i = 0; i < m.length; i += 1) {
+                res += constants.INVISIBLE_SPACE;
+            }
+            return res;
+        });
+        while (pos > 0 && str[pos] === constants.INVISIBLE_SPACE) {
+            pos--;
+        }
         let start = pos;
         while (start > 0) {
             start--;
@@ -24056,7 +24796,7 @@ class source extends Plugin {
             var _a;
             (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.setPlaceHolder(text);
         })
-            .on('change.source', this.fromWYSIWYG)
+            .on('change.source', this.syncValueFromWYSIWYG)
             .on('beautifyHTML', html => html);
         if (editor.o.beautifyHTML) {
             const addEventListener = () => {
@@ -24072,9 +24812,16 @@ class source extends Plugin {
                 (0,helpers.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener);
             }
         }
-        this.fromWYSIWYG();
+        this.syncValueFromWYSIWYG(true);
         this.initSourceEditor(editor);
     }
+    syncValueFromWYSIWYG(force = false) {
+        const editor = this.j;
+        if (editor.getMode() === constants.MODE_SPLIT ||
+            editor.getMode() === constants.MODE_SOURCE) {
+            this.fromWYSIWYG(force);
+        }
+    }
     initSourceEditor(editor) {
         var _a;
         if (editor.o.sourceEditor !== 'area') {
@@ -24083,14 +24830,14 @@ class source extends Plugin {
                 var _a, _b;
                 (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.destruct();
                 this.sourceEditor = sourceEditor;
-                this.fromWYSIWYG(true);
+                this.syncValueFromWYSIWYG(true);
                 (_b = editor.events) === null || _b === void 0 ? void 0 : _b.fire('sourceEditorReady', editor);
             });
         }
         else {
             (_a = this.sourceEditor) === null || _a === void 0 ? void 0 : _a.onReadyAlways(() => {
                 var _a;
-                this.fromWYSIWYG(true);
+                this.syncValueFromWYSIWYG(true);
                 (_a = editor.events) === null || _a === void 0 ? void 0 : _a.fire('sourceEditorReady', editor);
             });
         }
@@ -24130,6 +24877,9 @@ class source extends Plugin {
 (0,tslib_es6/* __decorate */.gn)([
     (0,decorators.watch)(':readonly.source')
 ], source.prototype, "onReadonlyReact", null);
+(0,tslib_es6/* __decorate */.gn)([
+    decorators.autobind
+], source.prototype, "syncValueFromWYSIWYG", null);
 
 ;// CONCATENATED MODULE: ./src/plugins/source/index.ts
 /*!
@@ -25581,15 +26331,27 @@ class tooltip extends Plugin {
 
 config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
     icon: 'eye',
-    exec: (editor) => {
+    command: 'preview',
+    mode: constants.MODE_SOURCE + constants.MODE_WYSIWYG,
+    tooltip: 'Preview'
+};
+function preview(editor) {
+    editor.registerButton({
+        name: 'preview'
+    });
+    editor.registerCommand('preview', (_, _1, defaultValue) => {
         const dialog = editor.getInstance('Dialog', {
             language: editor.o.language,
             theme: editor.o.theme
         });
         const div = editor.c.div();
         (0,helpers.css)(div, {
+            position: 'relative',
             padding: 16
         });
+        const value = defaultValue ||
+            editor.value ||
+            `<div style='position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);color:#ccc;'>${editor.i18n('Empty')}</div>`;
         if (editor.iframe) {
             const iframe = editor.create.element('iframe');
             (0,helpers.css)(iframe, {
@@ -25602,7 +26364,7 @@ config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
             const mywindow = iframe.contentWindow;
             if (mywindow) {
                 editor.e.fire('generateDocumentStructure.iframe', mywindow.document, editor);
-                mywindow.document.body.innerHTML = editor.value;
+                mywindow.document.body.innerHTML = value;
             }
         }
         else {
@@ -25611,17 +26373,42 @@ config/* Config.prototype.controls.preview */.D.prototype.controls.preview = {
                 minHeight: 600,
                 border: 0
             });
-            div.innerHTML = editor.value;
-            dialog.open(div, editor.i18n('Preview'));
+            dialog.setSize(1024, 600).open(div, editor.i18n('Preview'));
+            const setHTML = (box, value) => {
+                const dv = editor.c.div();
+                dv.innerHTML = value;
+                for (let i = 0; i < dv.children.length; i += 1) {
+                    const c = dv.children[i];
+                    const newNode = document.createElement(c.nodeName);
+                    for (let j = 0; j < c.attributes.length; j += 1) {
+                        (0,helpers.attr)(newNode, c.attributes[j].nodeName, c.attributes[j].nodeValue);
+                    }
+                    if (c.children.length === 0) {
+                        switch (c.nodeName) {
+                            case 'SCRIPT':
+                                if (c.textContent) {
+                                    newNode.textContent = c.textContent;
+                                }
+                                break;
+                            default:
+                                if (c.innerHTML) {
+                                    newNode.innerHTML = c.innerHTML;
+                                }
+                                break;
+                        }
+                    }
+                    else {
+                        setHTML(newNode, c.innerHTML);
+                    }
+                    try {
+                        box.appendChild(newNode);
+                    }
+                    catch (_a) { }
+                }
+            };
+            setHTML(div, value);
         }
         dialog.setModal(true);
-    },
-    mode: constants.MODE_SOURCE + constants.MODE_WYSIWYG,
-    tooltip: 'Preview'
-};
-function preview(editor) {
-    editor.registerButton({
-        name: 'preview'
     });
 }
 
@@ -25891,170 +26678,173 @@ class xpath extends Plugin {
 
 
 
+
 
 
 // EXTERNAL MODULE: ./src/styles/icons/about.svg
-var icons_about = __webpack_require__(52);
+var icons_about = __webpack_require__(54);
 // EXTERNAL MODULE: ./src/styles/icons/addcolumn.svg
-var addcolumn = __webpack_require__(53);
+var addcolumn = __webpack_require__(55);
 // EXTERNAL MODULE: ./src/styles/icons/addrow.svg
-var addrow = __webpack_require__(54);
+var addrow = __webpack_require__(56);
 // EXTERNAL MODULE: ./src/styles/icons/angle-down.svg
-var angle_down = __webpack_require__(55);
+var angle_down = __webpack_require__(57);
 // EXTERNAL MODULE: ./src/styles/icons/angle-left.svg
-var angle_left = __webpack_require__(56);
+var angle_left = __webpack_require__(58);
 // EXTERNAL MODULE: ./src/styles/icons/angle-right.svg
-var angle_right = __webpack_require__(57);
+var angle_right = __webpack_require__(59);
 // EXTERNAL MODULE: ./src/styles/icons/angle-up.svg
-var angle_up = __webpack_require__(58);
+var angle_up = __webpack_require__(60);
 // EXTERNAL MODULE: ./src/styles/icons/arrows-alt.svg
-var arrows_alt = __webpack_require__(59);
+var arrows_alt = __webpack_require__(61);
 // EXTERNAL MODULE: ./src/styles/icons/arrows-h.svg
-var arrows_h = __webpack_require__(60);
+var arrows_h = __webpack_require__(62);
 // EXTERNAL MODULE: ./src/styles/icons/attachment.svg
-var attachment = __webpack_require__(61);
+var attachment = __webpack_require__(63);
 // EXTERNAL MODULE: ./src/styles/icons/bin.svg
-var bin = __webpack_require__(62);
+var bin = __webpack_require__(64);
 // EXTERNAL MODULE: ./src/styles/icons/bold.svg
-var icons_bold = __webpack_require__(63);
+var icons_bold = __webpack_require__(65);
 // EXTERNAL MODULE: ./src/styles/icons/brush.svg
-var brush = __webpack_require__(64);
+var brush = __webpack_require__(66);
 // EXTERNAL MODULE: ./src/styles/icons/cancel.svg
-var cancel = __webpack_require__(65);
+var cancel = __webpack_require__(67);
 // EXTERNAL MODULE: ./src/styles/icons/center.svg
-var center = __webpack_require__(66);
+var center = __webpack_require__(68);
 // EXTERNAL MODULE: ./src/styles/icons/chain-broken.svg
-var chain_broken = __webpack_require__(67);
+var chain_broken = __webpack_require__(69);
 // EXTERNAL MODULE: ./src/styles/icons/check.svg
-var check = __webpack_require__(68);
+var check = __webpack_require__(70);
 // EXTERNAL MODULE: ./src/styles/icons/check-square.svg
-var check_square = __webpack_require__(69);
+var check_square = __webpack_require__(71);
 // EXTERNAL MODULE: ./src/styles/icons/chevron.svg
-var chevron = __webpack_require__(70);
+var chevron = __webpack_require__(72);
 // EXTERNAL MODULE: ./src/styles/icons/copyformat.svg
-var copyformat = __webpack_require__(71);
+var copyformat = __webpack_require__(73);
 // EXTERNAL MODULE: ./src/styles/icons/crop.svg
-var crop = __webpack_require__(72);
+var crop = __webpack_require__(74);
 // EXTERNAL MODULE: ./src/styles/icons/copy.svg
-var copy = __webpack_require__(73);
+var copy = __webpack_require__(75);
 // EXTERNAL MODULE: ./src/styles/icons/cut.svg
-var cut = __webpack_require__(74);
+var cut = __webpack_require__(76);
 // EXTERNAL MODULE: ./src/styles/icons/dedent.svg
-var dedent = __webpack_require__(75);
+var dedent = __webpack_require__(77);
 // EXTERNAL MODULE: ./src/styles/icons/dots.svg
-var dots = __webpack_require__(76);
+var dots = __webpack_require__(78);
 // EXTERNAL MODULE: ./src/styles/icons/enter.svg
-var icons_enter = __webpack_require__(77);
+var icons_enter = __webpack_require__(79);
 // EXTERNAL MODULE: ./src/styles/icons/eraser.svg
-var eraser = __webpack_require__(78);
+var eraser = __webpack_require__(80);
 // EXTERNAL MODULE: ./src/styles/icons/eye.svg
-var eye = __webpack_require__(79);
+var eye = __webpack_require__(81);
 // EXTERNAL MODULE: ./src/styles/icons/file.svg
-var icons_file = __webpack_require__(80);
+var icons_file = __webpack_require__(82);
 // EXTERNAL MODULE: ./src/styles/icons/folder.svg
-var folder = __webpack_require__(81);
+var folder = __webpack_require__(83);
 // EXTERNAL MODULE: ./src/styles/icons/font.svg
-var icons_font = __webpack_require__(82);
+var icons_font = __webpack_require__(84);
 // EXTERNAL MODULE: ./src/styles/icons/fontsize.svg
-var fontsize = __webpack_require__(83);
+var fontsize = __webpack_require__(85);
 // EXTERNAL MODULE: ./src/styles/icons/fullsize.svg
-var icons_fullsize = __webpack_require__(84);
+var icons_fullsize = __webpack_require__(86);
 // EXTERNAL MODULE: ./src/styles/icons/hr.svg
-var icons_hr = __webpack_require__(85);
+var icons_hr = __webpack_require__(87);
 // EXTERNAL MODULE: ./src/styles/icons/image.svg
-var icons_image = __webpack_require__(86);
+var icons_image = __webpack_require__(88);
 // EXTERNAL MODULE: ./src/styles/icons/indent.svg
-var icons_indent = __webpack_require__(87);
+var icons_indent = __webpack_require__(89);
 // EXTERNAL MODULE: ./src/styles/icons/info-circle.svg
-var info_circle = __webpack_require__(88);
+var info_circle = __webpack_require__(90);
 // EXTERNAL MODULE: ./src/styles/icons/italic.svg
-var italic = __webpack_require__(89);
+var italic = __webpack_require__(91);
 // EXTERNAL MODULE: ./src/styles/icons/justify.svg
-var icons_justify = __webpack_require__(90);
+var icons_justify = __webpack_require__(92);
 // EXTERNAL MODULE: ./src/styles/icons/left.svg
-var left = __webpack_require__(91);
+var left = __webpack_require__(93);
 // EXTERNAL MODULE: ./src/styles/icons/link.svg
-var icons_link = __webpack_require__(92);
+var icons_link = __webpack_require__(94);
 // EXTERNAL MODULE: ./src/styles/icons/lock.svg
-var lock = __webpack_require__(93);
+var lock = __webpack_require__(95);
 // EXTERNAL MODULE: ./src/styles/icons/menu.svg
-var menu = __webpack_require__(94);
+var menu = __webpack_require__(96);
 // EXTERNAL MODULE: ./src/styles/icons/merge.svg
-var merge = __webpack_require__(95);
+var merge = __webpack_require__(97);
 // EXTERNAL MODULE: ./src/styles/icons/ok.svg
-var ok = __webpack_require__(96);
+var ok = __webpack_require__(98);
 // EXTERNAL MODULE: ./src/styles/icons/ol.svg
-var ol = __webpack_require__(97);
+var ol = __webpack_require__(99);
 // EXTERNAL MODULE: ./src/styles/icons/omega.svg
-var omega = __webpack_require__(98);
+var omega = __webpack_require__(100);
 // EXTERNAL MODULE: ./src/styles/icons/outdent.svg
-var outdent = __webpack_require__(99);
+var outdent = __webpack_require__(101);
 // EXTERNAL MODULE: ./src/styles/icons/palette.svg
-var palette = __webpack_require__(100);
+var palette = __webpack_require__(102);
 // EXTERNAL MODULE: ./src/styles/icons/paragraph.svg
-var paragraph = __webpack_require__(101);
+var paragraph = __webpack_require__(103);
 // EXTERNAL MODULE: ./src/styles/icons/paste.svg
-var icons_paste = __webpack_require__(102);
+var icons_paste = __webpack_require__(104);
 // EXTERNAL MODULE: ./src/styles/icons/pencil.svg
-var pencil = __webpack_require__(103);
+var pencil = __webpack_require__(105);
 // EXTERNAL MODULE: ./src/styles/icons/plus.svg
-var plus = __webpack_require__(104);
+var plus = __webpack_require__(106);
 // EXTERNAL MODULE: ./src/styles/icons/print.svg
-var icons_print = __webpack_require__(105);
+var icons_print = __webpack_require__(107);
 // EXTERNAL MODULE: ./src/styles/icons/redo.svg
-var redo = __webpack_require__(106);
+var redo = __webpack_require__(108);
 // EXTERNAL MODULE: ./src/styles/icons/resize.svg
-var resize = __webpack_require__(107);
+var resize = __webpack_require__(109);
+// EXTERNAL MODULE: ./src/styles/icons/resize-handler.svg
+var resize_handler = __webpack_require__(110);
 // EXTERNAL MODULE: ./src/styles/icons/resizer.svg
-var icons_resizer = __webpack_require__(108);
+var icons_resizer = __webpack_require__(111);
 // EXTERNAL MODULE: ./src/styles/icons/right.svg
-var right = __webpack_require__(109);
+var right = __webpack_require__(112);
 // EXTERNAL MODULE: ./src/styles/icons/save.svg
-var save = __webpack_require__(110);
+var save = __webpack_require__(113);
 // EXTERNAL MODULE: ./src/styles/icons/search.svg
-var icons_search = __webpack_require__(111);
+var icons_search = __webpack_require__(114);
 // EXTERNAL MODULE: ./src/styles/icons/settings.svg
-var settings = __webpack_require__(112);
+var settings = __webpack_require__(115);
 // EXTERNAL MODULE: ./src/styles/icons/select-all.svg
-var select_all = __webpack_require__(113);
+var select_all = __webpack_require__(116);
 // EXTERNAL MODULE: ./src/styles/icons/shrink.svg
-var shrink = __webpack_require__(114);
+var shrink = __webpack_require__(117);
 // EXTERNAL MODULE: ./src/styles/icons/source.svg
-var icons_source = __webpack_require__(115);
+var icons_source = __webpack_require__(118);
 // EXTERNAL MODULE: ./src/styles/icons/splitg.svg
-var splitg = __webpack_require__(116);
+var splitg = __webpack_require__(119);
 // EXTERNAL MODULE: ./src/styles/icons/splitv.svg
-var splitv = __webpack_require__(117);
+var splitv = __webpack_require__(120);
 // EXTERNAL MODULE: ./src/styles/icons/strikethrough.svg
-var strikethrough = __webpack_require__(118);
+var strikethrough = __webpack_require__(121);
 // EXTERNAL MODULE: ./src/styles/icons/subscript.svg
-var subscript = __webpack_require__(119);
+var subscript = __webpack_require__(122);
 // EXTERNAL MODULE: ./src/styles/icons/superscript.svg
-var superscript = __webpack_require__(120);
+var superscript = __webpack_require__(123);
 // EXTERNAL MODULE: ./src/styles/icons/table.svg
-var icons_table = __webpack_require__(121);
+var icons_table = __webpack_require__(124);
 // EXTERNAL MODULE: ./src/styles/icons/th.svg
-var th = __webpack_require__(122);
+var th = __webpack_require__(125);
 // EXTERNAL MODULE: ./src/styles/icons/th-list.svg
-var th_list = __webpack_require__(123);
+var th_list = __webpack_require__(126);
 // EXTERNAL MODULE: ./src/styles/icons/ul.svg
-var ul = __webpack_require__(124);
+var ul = __webpack_require__(127);
 // EXTERNAL MODULE: ./src/styles/icons/underline.svg
-var underline = __webpack_require__(125);
+var underline = __webpack_require__(128);
 // EXTERNAL MODULE: ./src/styles/icons/undo.svg
-var undo = __webpack_require__(126);
+var undo = __webpack_require__(129);
 // EXTERNAL MODULE: ./src/styles/icons/unlink.svg
-var unlink = __webpack_require__(127);
+var unlink = __webpack_require__(130);
 // EXTERNAL MODULE: ./src/styles/icons/unlock.svg
-var unlock = __webpack_require__(128);
+var unlock = __webpack_require__(131);
 // EXTERNAL MODULE: ./src/styles/icons/update.svg
-var update = __webpack_require__(129);
+var update = __webpack_require__(132);
 // EXTERNAL MODULE: ./src/styles/icons/upload.svg
-var upload = __webpack_require__(130);
+var upload = __webpack_require__(133);
 // EXTERNAL MODULE: ./src/styles/icons/valign.svg
-var valign = __webpack_require__(131);
+var valign = __webpack_require__(134);
 // EXTERNAL MODULE: ./src/styles/icons/video.svg
-var icons_video = __webpack_require__(132);
+var icons_video = __webpack_require__(135);
 ;// CONCATENATED MODULE: ./src/styles/icons/index.ts
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -26142,6 +26932,7 @@ var icons_video = __webpack_require__(132);
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./src/index.ts