jodit 4.12.43 → 4.13.3

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.43
+ * Version: v4.13.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -378,6 +378,26 @@ var ConfigPrototype = {};
         /**
 	 * if set true, then the current mode is saved in a cookie, and is restored after a reload of the page
 	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "saveModeInStorage", false);
+        /**
+	 * Configure the provider that backs {@link IViewBased.asyncStorage}.
+	 *
+	 * By default the editor's `asyncStorage` uses persistent `IndexedDB` (with an
+	 * in-memory fallback when it is unavailable). Set `defaultProvider` to override it:
+	 * - `'local'` — persist in `localStorage`;
+	 * - `'memory'` — keep everything in memory (nothing survives a reload);
+	 * - a custom {@link IAsyncStorage} implementation — plug in your own backend.
+	 *
+	 * ```javascript
+	 * Jodit.make('#editor', {
+	 *    asyncStorage: { defaultProvider: 'local' }
+	 * });
+	 *
+	 * // or a fully custom backend
+	 * Jodit.make('#editor', {
+	 *    asyncStorage: { defaultProvider: myAsyncStorage }
+	 * });
+	 * ```
+	 */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_2__._)(this, "asyncStorage", {});
         /**
 	 * Class name that can be appended to the editable area
 	 *
@@ -2087,7 +2107,7 @@ __webpack_require__.r(__webpack_exports__);
  * @packageDocumentation
  * @module constants
  */ 
-var APP_VERSION = "4.12.43";
+var APP_VERSION = "4.13.3";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -12929,6 +12949,170 @@ var Selection = /*#__PURE__*/ function() {
                 return '';
             }
         },
+        {
+            key: "__wrapSelectionFragments",
+            value: /**
+	 * Splits the boundaries of the current selection and wraps every
+	 * contiguous run of selected inline content (grouped by block) into a
+	 * `<font>` element, returning those wrappers in document order.
+	 *
+	 * This is a pure-DOM replacement for the old
+	 * `nativeExecCommand('fontsize', false, '7')` trick which relied on the
+	 * browser to split the selection into `<font size="7">` fragments.
+	 */ function __wrapSelectionFragments() {
+                var range = this.range;
+                this.__splitSelectionBoundaries(range);
+                var root = range.commonAncestorContainer;
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isText(root)) {
+                    root = root.parentNode;
+                }
+                if (!root) {
+                    return [];
+                }
+                return this.__wrapSelectionRuns(this.__collectContainedNodes(root, range));
+            }
+        },
+        {
+            key: "__splitSelectionBoundaries",
+            value: /**
+	 * Splits the text nodes at both ends of the range so that its boundaries
+	 * always fall between nodes. Afterwards every node inside the range is
+	 * fully (not partially) selected.
+	 */ function __splitSelectionBoundaries(range) {
+                var _ref, _ref1;
+                var _endContainer_nodeValue, _startContainer_nodeValue;
+                var startContainer = range.startContainer, endContainer = range.endContainer;
+                var startOffset = range.startOffset, endOffset = range.endOffset;
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isText(endContainer) && endOffset > 0 && endOffset < ((_ref = (_endContainer_nodeValue = endContainer.nodeValue) === null || _endContainer_nodeValue === void 0 ? void 0 : _endContainer_nodeValue.length) !== null && _ref !== void 0 ? _ref : 0)) {
+                    var _ref2;
+                    var _endContainer_nodeValue1;
+                    endContainer.splitText(endOffset);
+                    endOffset = (_ref2 = (_endContainer_nodeValue1 = endContainer.nodeValue) === null || _endContainer_nodeValue1 === void 0 ? void 0 : _endContainer_nodeValue1.length) !== null && _ref2 !== void 0 ? _ref2 : endOffset;
+                }
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isText(startContainer) && startOffset > 0 && startOffset < ((_ref1 = (_startContainer_nodeValue = startContainer.nodeValue) === null || _startContainer_nodeValue === void 0 ? void 0 : _startContainer_nodeValue.length) !== null && _ref1 !== void 0 ? _ref1 : 0)) {
+                    var middle = startContainer.splitText(startOffset);
+                    // Selection located inside a single text node - the tail we just
+                    // cut off is the actual selected fragment.
+                    if (startContainer === endContainer) {
+                        var _ref3;
+                        var _middle_nodeValue;
+                        endContainer = middle;
+                        endOffset = (_ref3 = (_middle_nodeValue = middle.nodeValue) === null || _middle_nodeValue === void 0 ? void 0 : _middle_nodeValue.length) !== null && _ref3 !== void 0 ? _ref3 : 0;
+                    }
+                    startContainer = middle;
+                    startOffset = 0;
+                }
+                range.setStart(startContainer, startOffset);
+                range.setEnd(endContainer, endOffset);
+                // Normalize text-edge boundaries (e.g. `(text, 0)` or `(text, length)`)
+                // to the element level so that containment checks based on
+                // `selectNode()` treat a fully selected text node as contained.
+                this.__normalizeRangeBoundary(range, true);
+                this.__normalizeRangeBoundary(range, false);
+            }
+        },
+        {
+            key: "__normalizeRangeBoundary",
+            value: function __normalizeRangeBoundary(range, atStart) {
+                var _ref;
+                var _container_nodeValue;
+                var container = atStart ? range.startContainer : range.endContainer;
+                if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isText(container)) {
+                    return;
+                }
+                var offset = atStart ? range.startOffset : range.endOffset;
+                var length = (_ref = (_container_nodeValue = container.nodeValue) === null || _container_nodeValue === void 0 ? void 0 : _container_nodeValue.length) !== null && _ref !== void 0 ? _ref : 0;
+                if (offset === 0) {
+                    atStart ? range.setStartBefore(container) : range.setEndBefore(container);
+                } else if (offset >= length) {
+                    atStart ? range.setStartAfter(container) : range.setEndAfter(container);
+                }
+            }
+        },
+        {
+            key: "__collectContainedNodes",
+            value: /**
+	 * Collects the highest-level nodes that are completely inside the range,
+	 * descending into nodes that are only partially selected.
+	 */ function __collectContainedNodes(root, range) {
+                var _this = this;
+                var result = [];
+                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.toArray)(root.childNodes).forEach(function(child) {
+                    if (_this.__isFullyContained(range, child)) {
+                        result.push(child);
+                    } else if (child.childNodes.length && range.intersectsNode(child)) {
+                        var _result;
+                        (_result = result).push.apply(_result, (0,_swc_helpers_to_consumable_array__WEBPACK_IMPORTED_MODULE_4__._)(_this.__collectContainedNodes(child, range)));
+                    }
+                });
+                return result;
+            }
+        },
+        {
+            key: "__isFullyContained",
+            value: function __isFullyContained(range, node) {
+                var nodeRange = this.createRange();
+                nodeRange.selectNode(node);
+                return range.compareBoundaryPoints(Range.START_TO_START, nodeRange) <= 0 && range.compareBoundaryPoints(Range.END_TO_END, nodeRange) >= 0;
+            }
+        },
+        {
+            key: "__wrapSelectionRuns",
+            value: /**
+	 * Wraps every contiguous run of selected inline siblings into a `<font>`
+	 * element. Block-level nodes are never wrapped themselves - their inline
+	 * content is wrapped instead, keeping every `<font>` inside a single block.
+	 */ function __wrapSelectionRuns(nodes) {
+                var _this = this;
+                var fonts = [];
+                var run = [];
+                var flush = function flush() {
+                    if (run.length) {
+                        fonts.push(_this.__wrapRunInFont(run));
+                        run = [];
+                    }
+                };
+                nodes.forEach(function(node) {
+                    if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isElement(node) && _this.__isOrContainsBlock(node)) {
+                        var _fonts;
+                        flush();
+                        (_fonts = fonts).push.apply(_fonts, (0,_swc_helpers_to_consumable_array__WEBPACK_IMPORTED_MODULE_4__._)(_this.__wrapSelectionRuns((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.toArray)(node.childNodes))));
+                    } else {
+                        if (run.length && run[run.length - 1].parentNode !== node.parentNode) {
+                            flush();
+                        }
+                        run.push(node);
+                    }
+                });
+                flush();
+                return fonts;
+            }
+        },
+        {
+            key: "__isOrContainsBlock",
+            value: function __isOrContainsBlock(node) {
+                var _this = this;
+                if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_10__.Dom.isBlock(node)) {
+                    return true;
+                }
+                return (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.toArray)(node.childNodes).some(function(child) {
+                    return _this.__isOrContainsBlock(child);
+                });
+            }
+        },
+        {
+            key: "__wrapRunInFont",
+            value: function __wrapRunInFont(run) {
+                var _first_parentNode;
+                var font = this.j.createInside.element('font');
+                var _run = (0,_swc_helpers_sliced_to_array__WEBPACK_IMPORTED_MODULE_3__._)(run, 1), first = _run[0];
+                (_first_parentNode = first.parentNode) === null || _first_parentNode === void 0 ? void 0 : _first_parentNode.insertBefore(font, first);
+                run.forEach(function(node) {
+                    return font.appendChild(node);
+                });
+                return font;
+            }
+        },
         {
             key: "wrapInTagGen",
             value: /**
@@ -12958,20 +13142,7 @@ var Selection = /*#__PURE__*/ function() {
                                 2
                             ];
                         case 2:
-                            // fix issue https://github.com/xdan/jodit/issues/65
-                            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.$$)('*[style*=font-size]', this.area).forEach(function(elm) {
-                                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.attr)(elm, 'data-font-size', elm.style.fontSize.toString());
-                                elm.style.removeProperty('font-size');
-                            });
-                            this.j.nativeExecCommand('fontsize', false, '7');
-                            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.$$)('*[data-font-size]', this.area).forEach(function(elm) {
-                                var fontSize = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.attr)(elm, 'data-font-size');
-                                if (fontSize) {
-                                    elm.style.fontSize = fontSize;
-                                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.attr)(elm, 'data-font-size', null);
-                                }
-                            });
-                            elms = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_11__.$$)('font[size="7"]', this.area);
+                            elms = this.__wrapSelectionFragments();
                             _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                             _state.label = 3;
                         case 3:
@@ -14997,9 +15168,23 @@ var AsyncStorage = /*#__PURE__*/ function() {
         {
             key: "makeStorage",
             value: function makeStorage() {
-                var persistentOrStrategy = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, suffix = arguments.length > 1 ? arguments[1] : void 0;
+                var persistentOrStrategy = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, suffix = arguments.length > 1 ? arguments[1] : void 0, options = arguments.length > 2 ? arguments[2] : void 0;
                 var provider = undefined;
                 var storage = null;
+                // An explicit `defaultProvider` overrides the strategy-based selection
+                // below and decides which provider backs the storage.
+                var defaultProvider = options === null || options === void 0 ? void 0 : options.defaultProvider;
+                if (defaultProvider != null) {
+                    if (defaultProvider === 'local') {
+                        provider = (0,_engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_7__.canUsePersistentStorage)('localStorage') ? new _engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_7__.LocalStorageProvider(_storage__WEBPACK_IMPORTED_MODULE_9__.StorageKey + (suffix || '')) : new _engines_memory_storage_provider__WEBPACK_IMPORTED_MODULE_8__.MemoryStorageProvider();
+                    } else if (defaultProvider === 'memory') {
+                        provider = new _engines_memory_storage_provider__WEBPACK_IMPORTED_MODULE_8__.MemoryStorageProvider();
+                    } else {
+                        // A custom IAsyncStorage implementation, used as-is.
+                        provider = defaultProvider;
+                    }
+                    return new AsyncStorage(Promise.resolve(provider), suffix);
+                }
                 if (persistentOrStrategy === 'localStorage' || persistentOrStrategy === 'sessionStorage') {
                     if ((0,_engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_7__.canUsePersistentStorage)(persistentOrStrategy)) {
                         provider = new _engines_local_storage_provider__WEBPACK_IMPORTED_MODULE_7__.LocalStorageProvider(_storage__WEBPACK_IMPORTED_MODULE_9__.StorageKey + (suffix || ''), persistentOrStrategy);
@@ -15728,7 +15913,12 @@ function clearUseIndexedDBCache() {
             key: "delete",
             value: function _delete(key) {
                 try {
-                    this.storage.removeItem(this.rootKey);
+                    var buffer = this.storage.getItem(this.rootKey);
+                    if (buffer) {
+                        var json = JSON.parse(buffer);
+                        delete json[key];
+                        this.storage.setItem(this.rootKey, JSON.stringify(json));
+                    }
                 } catch (unused) {}
                 return this;
             }
@@ -19992,10 +20182,27 @@ var ViewWithToolbar = /*#__PURE__*/ function(View) {
                 if (!this.o.fullsize && ((0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_14__.isString)(this.o.toolbar) || jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_12__.Dom.isHTMLElement(this.o.toolbar))) {
                     return (0,jodit_core_helpers_utils_selector__WEBPACK_IMPORTED_MODULE_15__.resolveElement)(this.o.toolbar, this.o.shadowRoot || this.od);
                 }
-                this.o.toolbar && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_12__.Dom.appendChildFirst(this.container, this.__defaultToolbarContainer);
+                this.o.toolbar && this.__appendToolbarBox();
                 return this.__defaultToolbarContainer;
             }
         },
+        {
+            key: "__appendToolbarBox",
+            value: /**
+	 * Keep the toolbar box as the first child of the container, except that
+	 * children flagged with `data-jodit-above-toolbar` (e.g. the `above`
+	 * workplace slot used for presence bars and banners) stay above it.
+	 */ function __appendToolbarBox() {
+                var box = this.__defaultToolbarContainer;
+                var anchor = this.container.firstElementChild;
+                while(anchor && anchor !== box && anchor.hasAttribute('data-jodit-above-toolbar')){
+                    anchor = anchor.nextElementSibling;
+                }
+                if (anchor !== box) {
+                    this.container.insertBefore(box, anchor);
+                }
+            }
+        },
         {
             /**
 	 * Change panel container
@@ -20269,7 +20476,7 @@ var View = /*#__PURE__*/ function(Component) {
             get: /**
 	 * Container for persistent set/get value
 	 */ function get() {
-                return jodit_core_storage_async_storage__WEBPACK_IMPORTED_MODULE_21__.AsyncStorage.makeStorage(true, this.id);
+                return jodit_core_storage_async_storage__WEBPACK_IMPORTED_MODULE_21__.AsyncStorage.makeStorage(true, this.id, this.o.asyncStorage);
             }
         },
         {
@@ -21632,6 +21839,12 @@ var Jodit = /*#__PURE__*/ function(ViewWithToolbar) {
                     element.style.display = 'none';
                 }
                 var SLOT = 'workplace-slot';
+                // A slot that always stays ABOVE the toolbar (presence bars, banners…).
+                // The `data-jodit-above-toolbar` attribute tells ViewWithToolbar to keep
+                // the toolbar box below it when (re)attaching the toolbar container.
+                var aboveSlot = this.c.div(this.getFullElName(SLOT, 'above'), NOEDIT);
+                aboveSlot.setAttribute('data-jodit-above-toolbar', '');
+                jodit_modules__WEBPACK_IMPORTED_MODULE_19__.Dom.appendChildFirst(container, aboveSlot);
                 var topSlot = this.c.div(this.getFullElName(SLOT, 'top'), NOEDIT);
                 container.appendChild(topSlot);
                 var centerSlot = this.c.div(this.getFullElName(SLOT, 'center'), NOEDIT);
@@ -21664,6 +21877,7 @@ var Jodit = /*#__PURE__*/ function(ViewWithToolbar) {
                     container: container,
                     workplace: workplace,
                     slots: {
+                        above: aboveSlot,
                         top: topSlot,
                         bottom: bottomPanel,
                         center: centerSlot,