slate-angular 1.7.5 → 1.9.1

package/bundles/slate-angular.umd.js

@@ -550,6 +550,34 @@
         }
         return text;
     };
+    /**
+     * Get x-slate-fragment attribute from data-slate-fragment
+     */
+    var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
+    var getSlateFragmentAttribute = function (dataTransfer) {
+        var htmlData = dataTransfer.getData('text/html');
+        var _a = __read(htmlData.match(catchSlateFragment) || [], 2), fragment = _a[1];
+        return fragment;
+    };
+    /**
+     * Get the x-slate-fragment attribute that exist in text/html data
+     * and append it to the DataTransfer object
+     */
+    var getClipboardData = function (dataTransfer, clipboardFormatKey) {
+        if (clipboardFormatKey === void 0) { clipboardFormatKey = 'x-slate-fragment'; }
+        if (!dataTransfer.getData("application/" + clipboardFormatKey)) {
+            var fragment = getSlateFragmentAttribute(dataTransfer);
+            if (fragment) {
+                var clipboardData_1 = new DataTransfer();
+                dataTransfer.types.forEach(function (type) {
+                    clipboardData_1.setData(type, dataTransfer.getData(type));
+                });
+                clipboardData_1.setData("application/" + clipboardFormatKey, fragment);
+                return clipboardData_1;
+            }
+        }
+        return dataTransfer;
+    };
 
     /**
      * An auto-incrementing identifier for keys.
@@ -571,6 +599,7 @@
         /iPad|iPhone|iPod/.test(navigator.userAgent) &&
         !window.MSStream;
     var IS_APPLE = typeof navigator !== 'undefined' && /Mac OS X/.test(navigator.userAgent);
+    var IS_ANDROID = typeof navigator !== 'undefined' && /Android/.test(navigator.userAgent);
     var IS_FIREFOX = typeof navigator !== 'undefined' &&
         /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
     var IS_SAFARI = typeof navigator !== 'undefined' &&
@@ -582,6 +611,24 @@
     // Native beforeInput events don't work well with react on Chrome 75 and older, Chrome 76+ can use beforeInput
     var IS_CHROME_LEGACY = typeof navigator !== 'undefined' &&
         /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent);
+    // Firefox did not support `beforeInput` until `v87`.
+    var IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' &&
+        /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])).*/i.test(navigator.userAgent);
+    // qq browser
+    var IS_QQBROWSER = typeof navigator !== 'undefined' && /.*QQBrowser/.test(navigator.userAgent);
+    // UC mobile browser
+    var IS_UC_MOBILE = typeof navigator !== 'undefined' && /.*UCBrowser/.test(navigator.userAgent);
+    // Wechat browser
+    var IS_WECHATBROWSER = typeof navigator !== 'undefined' && /.*Wechat/.test(navigator.userAgent);
+    // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
+    // Chrome Legacy doesn't support `beforeinput` correctly
+    var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY &&
+        !IS_EDGE_LEGACY &&
+        // globalThis is undefined in older browsers
+        typeof globalThis !== 'undefined' &&
+        globalThis.InputEvent &&
+        // @ts-ignore The `getTargetRanges` property isn't recognized.
+        typeof globalThis.InputEvent.prototype.getTargetRanges === 'function';
 
     var FAKE_LEFT_BLOCK_CARD_OFFSET = -1;
     var FAKE_RIGHT_BLOCK_CARD_OFFSET = -2;
@@ -664,27 +711,16 @@
             throw new Error("Unable to find the path for Slate node: " + JSON.stringify(node));
         },
         /**
-       * Find the DOM node that implements DocumentOrShadowRoot for the editor.
-       */
+         * Find the DOM node that implements DocumentOrShadowRoot for the editor.
+         */
         findDocumentOrShadowRoot: function (editor) {
             var el = AngularEditor.toDOMNode(editor, editor);
             var root = el.getRootNode();
-            // The below exception will always be thrown for iframes because the document inside an iframe
-            // does not inherit it's prototype from the parent document, therefore we return early
-            if (el.ownerDocument !== document) {
-                return el.ownerDocument;
-            }
-            if (!(root instanceof Document || root instanceof ShadowRoot)) {
-                throw new Error("Unable to find DocumentOrShadowRoot for editor element: " + el);
-            }
-            // COMPAT: Only Chrome implements the DocumentOrShadowRoot mixin for
-            // ShadowRoot; other browsers still implement it on the Document
-            // interface. (2020/08/08)
-            // https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot#Properties
-            if (root.getSelection === undefined && el.ownerDocument !== null) {
-                return el.ownerDocument;
-            }
-            return root;
+            if ((root instanceof Document || root instanceof ShadowRoot) &&
+                root.getSelection != null) {
+                return root;
+            }
+            return el.ownerDocument;
         },
         /**
          * Check if the editor is focused.
@@ -782,6 +818,18 @@
         insertData: function (editor, data) {
             editor.insertData(data);
         },
+        /**
+       * Insert fragment data from a `DataTransfer` into the editor.
+       */
+        insertFragmentData: function (editor, data) {
+            return editor.insertFragmentData(data);
+        },
+        /**
+         * Insert text data from a `DataTransfer` into the editor.
+         */
+        insertTextData: function (editor, data) {
+            return editor.insertTextData(data);
+        },
         /**
          * onKeydown hook.
          */
@@ -797,8 +845,8 @@
         /**
          * Sets data from the currently selected fragment on a `DataTransfer`.
          */
-        setFragmentData: function (editor, data) {
-            editor.setFragmentData(data);
+        setFragmentData: function (editor, data, originEvent) {
+            editor.setFragmentData(data, originEvent);
         },
         deleteCutData: function (editor) {
             editor.deleteCutData();
@@ -1063,7 +1111,9 @@
                 // composition the ASCII characters will be prepended to the zero-width
                 // space, so subtract 1 from the offset to account for the zero-width
                 // space character.
-                if (domNode_1 && offset === domNode_1.textContent.length && parentNode && parentNode.hasAttribute('data-slate-zero-width')) {
+                if (domNode_1 &&
+                    offset === domNode_1.textContent.length &&
+                    (parentNode && parentNode.hasAttribute('data-slate-zero-width'))) {
                     offset--;
                 }
             }
@@ -1382,15 +1432,15 @@
             }
         };
         e.apply = function (op) {
-            var e_1, _a, e_2, _b, e_3, _c, e_4, _d;
+            var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e;
             var matches = [];
             switch (op.type) {
                 case 'insert_text':
                 case 'remove_text':
                 case 'set_node': {
                     try {
-                        for (var _e = __values(slate.Editor.levels(e, { at: op.path })), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            var _g = __read(_f.value, 2), node = _g[0], path = _g[1];
+                        for (var _f = __values(slate.Editor.levels(e, { at: op.path })), _g = _f.next(); !_g.done; _g = _f.next()) {
+                            var _h = __read(_g.value, 2), node = _h[0], path = _h[1];
                             var key = AngularEditor.findKey(e, node);
                             matches.push([path, key]);
                         }
@@ -1398,7 +1448,7 @@
                     catch (e_1_1) { e_1 = { error: e_1_1 }; }
                     finally {
                         try {
-                            if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+                            if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
                         }
                         finally { if (e_1) throw e_1.error; }
                     }
@@ -1409,10 +1459,10 @@
                 case 'merge_node':
                 case 'split_node': {
                     try {
-                        for (var _h = __values(slate.Editor.levels(e, {
+                        for (var _j = __values(slate.Editor.levels(e, {
                             at: slate.Path.parent(op.path),
-                        })), _j = _h.next(); !_j.done; _j = _h.next()) {
-                            var _k = __read(_j.value, 2), node = _k[0], path = _k[1];
+                        })), _k = _j.next(); !_k.done; _k = _j.next()) {
+                            var _l = __read(_k.value, 2), node = _l[0], path = _l[1];
                             var key = AngularEditor.findKey(e, node);
                             matches.push([path, key]);
                         }
@@ -1420,18 +1470,17 @@
                     catch (e_2_1) { e_2 = { error: e_2_1 }; }
                     finally {
                         try {
-                            if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
+                            if (_k && !_k.done && (_b = _j.return)) _b.call(_j);
                         }
                         finally { if (e_2) throw e_2.error; }
                     }
                     break;
                 }
                 case 'move_node': {
+                    var commonPath = slate.Path.common(slate.Path.parent(op.path), slate.Path.parent(op.newPath));
                     try {
-                        for (var _l = __values(slate.Editor.levels(e, {
-                            at: slate.Path.common(slate.Path.parent(op.path), slate.Path.parent(op.newPath)),
-                        })), _m = _l.next(); !_m.done; _m = _l.next()) {
-                            var _o = __read(_m.value, 2), node = _o[0], path = _o[1];
+                        for (var _m = __values(slate.Editor.levels(e, { at: slate.Path.parent(op.path) })), _o = _m.next(); !_o.done; _o = _m.next()) {
+                            var _p = __read(_o.value, 2), node = _p[0], path = _p[1];
                             var key = AngularEditor.findKey(e, node);
                             matches.push([path, key]);
                         }
@@ -1439,27 +1488,43 @@
                     catch (e_3_1) { e_3 = { error: e_3_1 }; }
                     finally {
                         try {
-                            if (_m && !_m.done && (_c = _l.return)) _c.call(_l);
+                            if (_o && !_o.done && (_c = _m.return)) _c.call(_m);
                         }
                         finally { if (e_3) throw e_3.error; }
                     }
+                    try {
+                        for (var _q = __values(slate.Editor.levels(e, { at: slate.Path.parent(op.newPath) })), _r = _q.next(); !_r.done; _r = _q.next()) {
+                            var _s = __read(_r.value, 2), node = _s[0], path = _s[1];
+                            if (path.length > commonPath.length) {
+                                var key = AngularEditor.findKey(e, node);
+                                matches.push([path, key]);
+                            }
+                        }
+                    }
+                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                    finally {
+                        try {
+                            if (_r && !_r.done && (_d = _q.return)) _d.call(_q);
+                        }
+                        finally { if (e_4) throw e_4.error; }
+                    }
                     break;
                 }
             }
             apply(op);
             try {
                 for (var matches_1 = __values(matches), matches_1_1 = matches_1.next(); !matches_1_1.done; matches_1_1 = matches_1.next()) {
-                    var _p = __read(matches_1_1.value, 2), path = _p[0], key = _p[1];
-                    var _q = __read(slate.Editor.node(e, path), 1), node = _q[0];
+                    var _t = __read(matches_1_1.value, 2), path = _t[0], key = _t[1];
+                    var _u = __read(slate.Editor.node(e, path), 1), node = _u[0];
                     NODE_TO_KEY.set(node, key);
                 }
             }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            catch (e_5_1) { e_5 = { error: e_5_1 }; }
             finally {
                 try {
-                    if (matches_1_1 && !matches_1_1.done && (_d = matches_1.return)) _d.call(matches_1);
+                    if (matches_1_1 && !matches_1_1.done && (_e = matches_1.return)) _e.call(matches_1);
                 }
-                finally { if (e_4) throw e_4.error; }
+                finally { if (e_5) throw e_5.error; }
             }
         };
         e.onChange = function () {
@@ -1519,7 +1584,7 @@
             // in the HTML, and can be used for intra-Slate pasting. If it's a text
             // node, wrap it in a `<span>` so we have something to set an attribute on.
             if (isDOMText(attach)) {
-                var span = document.createElement('span');
+                var span = attach.ownerDocument.createElement('span');
                 // COMPAT: In Chrome and Safari, if we don't add the `white-space` style
                 // then leading and trailing spaces will be ignored. (2017/09/21)
                 span.style.whiteSpace = 'pre';
@@ -1533,13 +1598,14 @@
             attach.setAttribute('data-slate-fragment', encoded);
             data.setData("application/" + clipboardFormatKey, encoded);
             // Add the content to a <div> so that we can get its inner HTML.
-            var div = document.createElement('div');
+            var div = contents.ownerDocument.createElement('div');
             div.appendChild(contents);
             div.setAttribute('hidden', 'true');
-            document.body.appendChild(div);
+            contents.ownerDocument.body.appendChild(div);
             data.setData('text/html', div.innerHTML);
             data.setData('text/plain', getPlainText(div));
-            document.body.removeChild(div);
+            contents.ownerDocument.body.removeChild(div);
+            return data;
         };
         e.deleteCutData = function () {
             var selection = editor.selection;
@@ -1556,14 +1622,26 @@
             }
         };
         e.insertData = function (data) {
-            var e_5, _a;
-            var fragment = data.getData("application/" + clipboardFormatKey);
+            if (!e.insertFragmentData(data)) {
+                e.insertTextData(data);
+            }
+        };
+        e.insertFragmentData = function (data) {
+            /**
+             * Checking copied fragment from application/x-slate-fragment or data-slate-fragment
+             */
+            var fragment = data.getData("application/" + clipboardFormatKey) ||
+                getSlateFragmentAttribute(data);
             if (fragment) {
                 var decoded = decodeURIComponent(window.atob(fragment));
                 var parsed = JSON.parse(decoded);
                 e.insertFragment(parsed);
-                return;
+                return true;
             }
+            return false;
+        };
+        e.insertTextData = function (data) {
+            var e_6, _a;
             var text = data.getData('text/plain');
             if (text) {
                 var lines = text.split(/\r\n|\r|\n/);
@@ -1578,14 +1656,16 @@
                         split = true;
                     }
                 }
-                catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                catch (e_6_1) { e_6 = { error: e_6_1 }; }
                 finally {
                     try {
                         if (lines_1_1 && !lines_1_1.done && (_a = lines_1.return)) _a.call(lines_1);
                     }
-                    finally { if (e_5) throw e_5.error; }
+                    finally { if (e_6) throw e_6.error; }
                 }
+                return true;
             }
+            return false;
         };
         e.onKeydown = function () { };
         e.onClick = function () { };
@@ -1963,12 +2043,21 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SlateBlockCardComponent.prototype, "centerContainerElement", {
+            get: function () {
+                return this.centerContianer.nativeElement;
+            },
+            enumerable: false,
+            configurable: true
+        });
         SlateBlockCardComponent.prototype.ngOnInit = function () {
-            var fragment = document.createDocumentFragment();
-            fragment.append.apply(fragment, __spreadArray([], __read(this.centerRootNodes)));
-            this.centerContianer.nativeElement.appendChild(fragment);
+            this.append();
             this.nativeElement.classList.add("slate-block-card");
         };
+        SlateBlockCardComponent.prototype.append = function () {
+            var _this = this;
+            this.centerRootNodes.forEach(function (rootNode) { return !_this.centerContainerElement.contains(rootNode) && _this.centerContainerElement.appendChild(rootNode); });
+        };
         SlateBlockCardComponent.prototype.initializeCenter = function (rootNodes) {
             this.centerRootNodes = rootNodes;
         };
@@ -2079,6 +2168,11 @@
                 }
             }
         };
+        ViewContainerItem.prototype.appendBlockCardElement = function () {
+            if (this.blockCardComponentRef) {
+                this.blockCardComponentRef.instance.append();
+            }
+        };
         return ViewContainerItem;
     }());
     ViewContainerItem.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: ViewContainerItem, deps: [{ token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Directive });
@@ -2441,6 +2535,8 @@
                     });
                 }
             }
+            // Solve the block-card DOMElement loss when moving nodes
+            record.item.appendBlockCardElement();
         };
         return ViewContainer;
     }());
@@ -2960,13 +3056,6 @@
                 }] } });
 
     var timeDebug = Debug__default["default"]('slate-angular-time');
-    // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
-    // Chrome Legacy doesn't support `beforeinput` correctly
-    var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY &&
-        !IS_EDGE_LEGACY &&
-        globalThis.InputEvent &&
-        // @ts-ignore The `getTargetRanges` property isn't recognized.
-        typeof globalThis.InputEvent.prototype.getTargetRanges === 'function';
     // not correctly clipboardData on beforeinput
     var forceOnDOMPaste = IS_SAFARI;
     var SlateEditableComponent = /** @class */ (function () {
@@ -3148,6 +3237,9 @@
                         domSelection.setBaseAndExtent(newDomRange_1.startContainer, newDomRange_1.startOffset, newDomRange_1.endContainer, newDomRange_1.endOffset);
                     }
                 }
+                else {
+                    domSelection.removeAllRanges();
+                }
                 setTimeout(function () {
                     // COMPAT: In Firefox, it's not enough to create a range, you also need
                     // to focus the contenteditable element too. (2016/11/16)
@@ -3407,7 +3499,10 @@
                         case 'insertFromYank':
                         case 'insertReplacementText':
                         case 'insertText': {
-                            if (data instanceof DataTransfer) {
+                            // use a weak comparison instead of 'instanceof' to allow
+                            // programmatic access of paste events coming from external windows
+                            // like cypress where cy.window does not work realibly
+                            if ((data === null || data === void 0 ? void 0 : data.constructor.name) === 'DataTransfer') {
                                 AngularEditor.insertData(editor, data);
                             }
                             else if (typeof data === 'string') {
@@ -3519,13 +3614,13 @@
             var isOutsideSlate = !hasStringTarget(window.getSelection()) && isTargetInsideVoid(this.editor, event.target);
             if (!isOutsideSlate && hasTarget(this.editor, event.target) && !this.readonly && !this.isDOMEventHandled(event, this.copy)) {
                 event.preventDefault();
-                AngularEditor.setFragmentData(this.editor, event.clipboardData);
+                AngularEditor.setFragmentData(this.editor, event.clipboardData, 'copy');
             }
         };
         SlateEditableComponent.prototype.onDOMCut = function (event) {
             if (!this.readonly && hasEditableTarget(this.editor, event.target) && !this.isDOMEventHandled(event, this.cut)) {
                 event.preventDefault();
-                AngularEditor.setFragmentData(this.editor, event.clipboardData);
+                AngularEditor.setFragmentData(this.editor, event.clipboardData, 'cut');
                 var selection = this.editor.selection;
                 if (selection) {
                     AngularEditor.deleteCutData(this.editor);
@@ -3544,7 +3639,7 @@
             }
         };
         SlateEditableComponent.prototype.onDOMDragStart = function (event) {
-            if (hasTarget(this.editor, event.target) && !this.isDOMEventHandled(event, this.dragStart)) {
+            if (!this.readonly && hasTarget(this.editor, event.target) && !this.isDOMEventHandled(event, this.dragStart)) {
                 var node = AngularEditor.toSlateNode(this.editor, event.target);
                 var path = AngularEditor.findPath(this.editor, node);
                 var voidMatch = slate.Editor.isVoid(this.editor, node) ||
@@ -3556,7 +3651,7 @@
                     slate.Transforms.select(this.editor, range);
                 }
                 this.isDraggingInternally = true;
-                AngularEditor.setFragmentData(this.editor, event.dataTransfer);
+                AngularEditor.setFragmentData(this.editor, event.dataTransfer, 'drag');
             }
         };
         SlateEditableComponent.prototype.onDOMDrop = function (event) {
@@ -4133,6 +4228,8 @@
     exports.ELEMENT_TO_NODE = ELEMENT_TO_NODE;
     exports.FAKE_LEFT_BLOCK_CARD_OFFSET = FAKE_LEFT_BLOCK_CARD_OFFSET;
     exports.FAKE_RIGHT_BLOCK_CARD_OFFSET = FAKE_RIGHT_BLOCK_CARD_OFFSET;
+    exports.HAS_BEFORE_INPUT_SUPPORT = HAS_BEFORE_INPUT_SUPPORT;
+    exports.IS_ANDROID = IS_ANDROID;
     exports.IS_APPLE = IS_APPLE;
     exports.IS_CHROME = IS_CHROME;
     exports.IS_CHROME_LEGACY = IS_CHROME_LEGACY;
@@ -4140,10 +4237,14 @@
     exports.IS_DRAGGING = IS_DRAGGING;
     exports.IS_EDGE_LEGACY = IS_EDGE_LEGACY;
     exports.IS_FIREFOX = IS_FIREFOX;
+    exports.IS_FIREFOX_LEGACY = IS_FIREFOX_LEGACY;
     exports.IS_FOCUSED = IS_FOCUSED;
     exports.IS_IOS = IS_IOS;
+    exports.IS_QQBROWSER = IS_QQBROWSER;
     exports.IS_READONLY = IS_READONLY;
     exports.IS_SAFARI = IS_SAFARI;
+    exports.IS_UC_MOBILE = IS_UC_MOBILE;
+    exports.IS_WECHATBROWSER = IS_WECHATBROWSER;
     exports.KEY_TO_ELEMENT = KEY_TO_ELEMENT;
     exports.Key = Key;
     exports.NODE_TO_ELEMENT = NODE_TO_ELEMENT;
@@ -4159,10 +4260,12 @@
     exports.SlateStringComponent = SlateStringComponent;
     exports.check = check;
     exports.getCardTargetAttribute = getCardTargetAttribute;
+    exports.getClipboardData = getClipboardData;
     exports.getDefaultView = getDefaultView;
     exports.getEditableChild = getEditableChild;
     exports.getEditableChildAndIndex = getEditableChildAndIndex;
     exports.getPlainText = getPlainText;
+    exports.getSlateFragmentAttribute = getSlateFragmentAttribute;
     exports.hasBeforeContextChange = hasBeforeContextChange;
     exports.hasBlockCard = hasBlockCard;
     exports.hasBlockCardWithNode = hasBlockCardWithNode;