slate-angular 15.1.1 → 15.1.3

package/fesm2020/slate-angular.mjs

@@ -343,7 +343,7 @@ const AngularEditor = {
         while (true) {
             const parent = NODE_TO_PARENT.get(child);
             if (parent == null) {
-                if (Editor.isEditor(child)) {
+                if (Editor.isEditor(child) && child === editor) {
                     return path;
                 }
                 else {
@@ -359,6 +359,26 @@ const AngularEditor = {
         }
         throw new Error(`Unable to find the path for Slate node: ${JSON.stringify(node)}`);
     },
+    isNodeInEditor(editor, node) {
+        let child = node;
+        while (true) {
+            const parent = NODE_TO_PARENT.get(child);
+            if (parent == null) {
+                if (Editor.isEditor(child) && child === editor) {
+                    return true;
+                }
+                else {
+                    break;
+                }
+            }
+            const i = NODE_TO_INDEX.get(child);
+            if (i == null) {
+                break;
+            }
+            child = parent;
+        }
+        return false;
+    },
     /**
      * Find the DOM node that implements DocumentOrShadowRoot for the editor.
      */
@@ -652,6 +672,11 @@ const AngularEditor = {
         const range = AngularEditor.toSlateRange(editor, domRange);
         return range;
     },
+    isLeafInEditor(editor, leafNode) {
+        const textNode = leafNode.closest('[data-slate-node="text"]');
+        const node = AngularEditor.toSlateNode(editor, textNode);
+        return AngularEditor.isNodeInEditor(editor, node);
+    },
     /**
      * Find a Slate point from a DOM selection's `domNode` and `domOffset`.
      */
@@ -702,7 +727,7 @@ const AngularEditor = {
             let domNode = null;
             // Calculate how far into the text node the `nearestNode` is, so that we
             // can determine what the offset relative to the text node is.
-            if (leafNode) {
+            if (leafNode && AngularEditor.isLeafInEditor(editor, leafNode)) {
                 textNode = leafNode.closest('[data-slate-node="text"]');
                 const window = AngularEditor.getWindow(editor);
                 const range = window.document.createRange();
@@ -1753,8 +1778,8 @@ class ViewContainerItem {
             }
             if (isComponentType(this.viewType)) {
                 const componentRef = this.viewContainerRef.createComponent(this.viewType);
-                componentRef.instance.context = context;
                 componentRef.instance.viewContext = this.viewContext;
+                componentRef.instance.context = context;
                 firstRootNode.replaceWith(componentRef.instance.nativeElement);
                 this.destroyView();
                 this.componentRef = componentRef;
@@ -2358,7 +2383,6 @@ SlateLeavesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
 SlateLeavesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateLeavesComponent, selector: "slate-leaves", inputs: { context: "context" }, viewQueries: [{ propertyName: "childrenComponent", predicate: SlateLeafComponent, descendants: true, read: SlateLeafComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<slate-leaf
         [context]="context"
         [viewContext]="viewContext"
-        [viewContext]="viewContext"
         *ngFor="let context of leafContexts; trackBy: trackBy"
     ></slate-leaf>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SlateLeafComponent, selector: "slate-leaf", inputs: ["context"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateLeavesComponent, decorators: [{
@@ -2368,7 +2392,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     template: `<slate-leaf
         [context]="context"
         [viewContext]="viewContext"
-        [viewContext]="viewContext"
         *ngFor="let context of leafContexts; trackBy: trackBy"
     ></slate-leaf>`,
                     changeDetection: ChangeDetectionStrategy.OnPush