slate-angular 1.8.0 → 1.9.2

package/fesm2015/slate-angular.js

@@ -1102,18 +1102,23 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
                 break;
             }
             case 'move_node': {
-                for (const [node, path] of Editor.levels(e, {
-                    at: Path.common(Path.parent(op.path), Path.parent(op.newPath)),
-                })) {
+                const commonPath = Path.common(Path.parent(op.path), Path.parent(op.newPath));
+                for (const [node, path] of Editor.levels(e, { at: Path.parent(op.path) })) {
                     const key = AngularEditor.findKey(e, node);
-                    matches.push([path, key]);
+                    matches.push([Editor.pathRef(editor, path), key]);
+                }
+                for (const [node, path] of Editor.levels(e, { at: Path.parent(op.newPath) })) {
+                    if (path.length > commonPath.length) {
+                        const key = AngularEditor.findKey(e, node);
+                        matches.push([Editor.pathRef(editor, path), key]);
+                    }
                 }
                 break;
             }
         }
         apply(op);
-        for (const [path, key] of matches) {
-            const [node] = Editor.node(e, path);
+        for (const [source, key] of matches) {
+            const [node] = Editor.node(e, Path.isPath(source) ? source : source.current);
             NODE_TO_KEY.set(node, key);
         }
     };
@@ -1615,12 +1620,16 @@ class SlateBlockCardComponent {
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
+    get centerContainerElement() {
+        return this.centerContianer.nativeElement;
+    }
     ngOnInit() {
-        const fragment = document.createDocumentFragment();
-        fragment.append(...this.centerRootNodes);
-        this.centerContianer.nativeElement.appendChild(fragment);
+        this.append();
         this.nativeElement.classList.add(`slate-block-card`);
     }
+    append() {
+        this.centerRootNodes.forEach((rootNode) => !this.centerContainerElement.contains(rootNode) && this.centerContainerElement.appendChild(rootNode));
+    }
     initializeCenter(rootNodes) {
         this.centerRootNodes = rootNodes;
     }
@@ -1726,6 +1735,11 @@ class ViewContainerItem {
             }
         }
     }
+    appendBlockCardElement() {
+        if (this.blockCardComponentRef) {
+            this.blockCardComponentRef.instance.append();
+        }
+    }
 }
 ViewContainerItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: ViewContainerItem, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
 ViewContainerItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.7", type: ViewContainerItem, inputs: { viewContext: "viewContext" }, ngImport: i0 });
@@ -2028,6 +2042,8 @@ class ViewContainer {
                 });
             }
         }
+        // Solve the block-card DOMElement loss when moving nodes
+        record.item.appendBlockCardElement();
     }
 }
 ViewContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: ViewContainer, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
@@ -2681,6 +2697,9 @@ class SlateEditableComponent {
                     domSelection.setBaseAndExtent(newDomRange.startContainer, newDomRange.startOffset, newDomRange.endContainer, newDomRange.endOffset);
                 }
             }
+            else {
+                domSelection.removeAllRanges();
+            }
             setTimeout(() => {
                 // COMPAT: In Firefox, it's not enough to create a range, you also need
                 // to focus the contenteditable element too. (2016/11/16)