jodit-pro 4.13.48 → 4.13.50

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.13.48
+ * Version: v4.13.50
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1835,7 +1835,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.13.48";
+ */ const APP_VERSION = "4.13.50";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -2417,21 +2417,42 @@ class Create {
         return value;
     };
 }
+function getOwnerDocument(component) {
+    const od = component.od;
+    return od !== null && od !== void 0 ? od : document;
+}
 function cacheHTML(target, _, descriptor) {
     const fn = descriptor.value;
     if (!(0,_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_2__.isFunction)(fn)) {
         throw (0,_helpers_utils_error_error_js__WEBPACK_IMPORTED_MODULE_3__.error)('Handler must be a Function');
     }
     let useCache = true;
-    const cached = new WeakMap();
+    /**
+     * The cache is keyed by the owner document first and only then by the
+     * component class. A page can create editors inside different documents
+     * (iframes) and destroy those documents later: a template cached from a
+     * dead document would otherwise be cloned for every subsequent editor,
+     * whose buttons then never react to clicks.
+     */ const cached = new WeakMap();
     descriptor.value = function(...attrs) {
         var _a;
-        if (useCache && cached.has(this.constructor)) {
-            return (_a = cached.get(this.constructor)) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
+        const doc = getOwnerDocument(this);
+        const docCache = cached.get(doc);
+        if (useCache && (docCache === null || docCache === void 0 ? void 0 : docCache.has(this.constructor))) {
+            return (_a = docCache.get(this.constructor)) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
         }
         const value = fn.apply(this, attrs);
         if (useCache && _dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isElement(value)) {
-            cached.set(this.constructor, value);
+            if (docCache) {
+                docCache.set(this.constructor, value);
+            } else {
+                cached.set(doc, new WeakMap([
+                    [
+                        this.constructor,
+                        value
+                    ]
+                ]));
+            }
         }
         return useCache ? value.cloneNode(true) : value;
     };
@@ -16788,6 +16809,15 @@ class Popup extends _group_group_js__WEBPACK_IMPORTED_MODULE_7__.UIGroup {
         this.j.e.fire(this, 'beforeClose');
         this.j.e.fire('beforePopupClose', this);
         this.__removeGlobalListeners();
+        // Blur a focused control (e.g. the color picker hex input) before
+        // the container goes away. Chrome fires `blur`/`change` for a
+        // removed focused element in the middle of `removeChild`, Firefox
+        // does not fire them at all. Blurring first makes both browsers
+        // run those handlers while the popup is still in the DOM. See #1458
+        const { activeElement } = this.od;
+        if (activeElement && activeElement !== this.container && _dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isOrContains(this.container, activeElement) && (0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.isFunction)(activeElement.blur)) {
+            activeElement.blur();
+        }
         _dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.safeRemove(this.container);
         return this;
     }
@@ -30520,15 +30550,23 @@ let ToolbarButton = class ToolbarButton extends _core_ui_button_index_js__WEBPAC
         return this.openedPopup;
     }
     __closePopup() {
-        if (this.openedPopup) {
-            this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
-            this.state.activated = false;
-            this.openedPopup.close();
-            this.openedPopup.destruct();
-            this.openedPopup = null;
-            if (this.trigger) {
-                (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_15__.attr)(this.trigger, 'aria-expanded', false);
-            }
+        const popup = this.openedPopup;
+        if (!popup) {
+            return;
+        }
+        // Detach first: removing a popup that holds the focused element
+        // makes Chrome fire `blur`/`change` on it synchronously, and a
+        // handler there may call the popup's `close` callback again.
+        // A re-entrant call must be a no-op, otherwise it destructs the
+        // popup while the outer `removeChild` is still running and Chrome
+        // throws NotFoundError. See #1458
+        this.openedPopup = null;
+        this.j.e.off(this.ow, 'mousedown touchstart', this.onOutsideClick).off('escape closeAllPopups', this.onOutsideClick);
+        this.state.activated = false;
+        popup.close();
+        popup.destruct();
+        if (this.trigger) {
+            (0,_core_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_15__.attr)(this.trigger, 'aria-expanded', false);
         }
     }
     /**
@@ -31846,8 +31884,15 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
     const { extra } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.refs)(form);
     extra.appendChild(editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ''}"/></div>`));
     const { hexInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.refs)(form);
+    // Enter applies the value and closes the popup; removing the focused
+    // input then makes Chrome fire `change` on it, which would apply the
+    // same color a second time and toggle it off again. See #1459
+    let appliedHexValue = null;
     const applyHexInput = ()=>{
         const raw = hexInput.value.trim();
+        if (raw === appliedHexValue) {
+            return;
+        }
         const isHex = /^#?[0-9a-f]{3}(?:[0-9a-f]{3})?$/i.test(raw);
         const isRgb = /^rgba?\([\d\s.,%]+\)$/i.test(raw);
         if (!isHex && !isRgb) {
@@ -31855,6 +31900,7 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
         }
         const color = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.normalizeColor)(isHex && !raw.startsWith('#') ? '#' + raw : raw);
         if (color && (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.isFunction)(callback)) {
+            appliedHexValue = raw;
             callback(color);
         }
     };