slate-angular 16.1.0-next.2 → 16.1.0-next.20

package/fesm2022/slate-angular.mjs

@@ -1,4 +1,4 @@
-import { Editor, Range, Transforms, Path, Element, Text as Text$1, Node } from 'slate';
+import { Editor, Range, Element, Transforms, Path, Text as Text$1, Node } from 'slate';
 import { isKeyHotkey } from 'is-hotkey';
 import * as i0 from '@angular/core';
 import { TemplateRef, Component, ChangeDetectionStrategy, ViewChild, Directive, Input, InjectionToken, ComponentRef, IterableDiffers, HostBinding, inject, ViewContainerRef, forwardRef, ElementRef, Inject, NgModule } from '@angular/core';
@@ -415,7 +415,7 @@ const AngularEditor = {
         const [start, end] = Range.edges(selection);
         const endBlock = Editor.above(editor, {
             at: end,
-            match: node => Editor.isBlock(editor, node)
+            match: node => Element.isElement(node) && Editor.isBlock(editor, node)
         });
         return Editor.isStart(editor, end, endBlock[1]);
     },
@@ -610,13 +610,17 @@ const AngularEditor = {
     /**
      * Find a Slate node from a native DOM `element`.
      */
-    toSlateNode(editor, domNode) {
+    toSlateNode(editor, domNode, options) {
+        const { suppressThrow } = options || { suppressThrow: false };
         let domEl = isDOMElement(domNode) ? domNode : domNode.parentElement;
         if (domEl && !domEl.hasAttribute('data-slate-node')) {
             domEl = domEl.closest(`[data-slate-node]`);
         }
         const node = domEl ? ELEMENT_TO_NODE.get(domEl) : null;
         if (!node) {
+            if (suppressThrow) {
+                return null;
+            }
             throw new Error(`Cannot resolve a Slate node from DOM node: ${domEl}`);
         }
         return node;
@@ -632,12 +636,12 @@ const AngularEditor = {
         if (x == null || y == null) {
             throw new Error(`Cannot resolve a Slate range from a DOM event: ${event}`);
         }
-        const node = AngularEditor.toSlateNode(editor, event.target);
+        const node = AngularEditor.toSlateNode(editor, event.target, { suppressThrow: false });
         const path = AngularEditor.findPath(editor, node);
         // If the drop target is inside a void node, move it into either the
         // next or previous node, depending on which side the `x` and `y`
         // coordinates are closest to.
-        if (Editor.isVoid(editor, node)) {
+        if (Element.isElement(node) && Editor.isVoid(editor, node)) {
             const rect = target.getBoundingClientRect();
             const isPrev = editor.isInline(node) ? x - rect.left < rect.left + rect.width - x : y - rect.top < rect.top + rect.height - y;
             const edge = Editor.point(editor, path, {
@@ -668,18 +672,25 @@ const AngularEditor = {
             throw new Error(`Cannot resolve a Slate range from a DOM event: ${event}`);
         }
         // Resolve a Slate range from the DOM range.
-        const range = AngularEditor.toSlateRange(editor, domRange);
+        const range = AngularEditor.toSlateRange(editor, domRange, { suppressThrow: false });
         return range;
     },
-    isLeafInEditor(editor, leafNode) {
+    isLeafInEditor(editor, leafNode, options) {
+        const { suppressThrow } = options;
         const textNode = leafNode.closest('[data-slate-node="text"]');
-        const node = AngularEditor.toSlateNode(editor, textNode);
-        return AngularEditor.isNodeInEditor(editor, node);
+        const node = AngularEditor.toSlateNode(editor, textNode, { suppressThrow });
+        if (node && AngularEditor.isNodeInEditor(editor, node)) {
+            return true;
+        }
+        else {
+            return false;
+        }
     },
     /**
      * Find a Slate point from a DOM selection's `domNode` and `domOffset`.
      */
-    toSlatePoint(editor, domPoint) {
+    toSlatePoint(editor, domPoint, options) {
+        const { exactMatch, suppressThrow } = options;
         const [domNode] = domPoint;
         const [nearestNode, nearestOffset] = normalizeDOMPoint(domPoint);
         let parentNode = nearestNode.parentNode;
@@ -726,7 +737,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 && AngularEditor.isLeafInEditor(editor, leafNode)) {
+            if (leafNode && AngularEditor.isLeafInEditor(editor, leafNode, { suppressThrow: true })) {
                 textNode = leafNode.closest('[data-slate-node="text"]');
                 const window = AngularEditor.getWindow(editor);
                 const range = window.document.createRange();
@@ -768,19 +779,26 @@ const AngularEditor = {
             }
         }
         if (!textNode) {
+            if (suppressThrow) {
+                return null;
+            }
             throw new Error(`Cannot resolve a Slate point from DOM point: ${domPoint}`);
         }
         // COMPAT: If someone is clicking from one Slate editor into another,
         // the select event fires twice, once for the old editor's `element`
         // first, and then afterwards for the correct `element`. (2017/03/03)
-        const slateNode = AngularEditor.toSlateNode(editor, textNode);
+        const slateNode = AngularEditor.toSlateNode(editor, textNode, { suppressThrow });
+        if (!slateNode && suppressThrow) {
+            return null;
+        }
         const path = AngularEditor.findPath(editor, slateNode);
         return { path, offset };
     },
     /**
      * Find a Slate range from a DOM range or selection.
      */
-    toSlateRange(editor, domRange) {
+    toSlateRange(editor, domRange, options) {
+        const { exactMatch, suppressThrow } = options || {};
         const el = isDOMSelection(domRange) ? domRange.anchorNode : domRange.startContainer;
         let anchorNode;
         let anchorOffset;
@@ -815,9 +833,35 @@ const AngularEditor = {
         if (anchorNode == null || focusNode == null || anchorOffset == null || focusOffset == null) {
             throw new Error(`Cannot resolve a Slate range from DOM range: ${domRange}`);
         }
-        const anchor = AngularEditor.toSlatePoint(editor, [anchorNode, anchorOffset]);
-        const focus = isCollapsed ? anchor : AngularEditor.toSlatePoint(editor, [focusNode, focusOffset]);
-        return { anchor, focus };
+        // COMPAT: Triple-clicking a word in chrome will sometimes place the focus
+        // inside a `contenteditable="false"` DOM node following the word, which
+        // will cause `toSlatePoint` to throw an error. (2023/03/07)
+        if ('getAttribute' in focusNode &&
+            focusNode.getAttribute('contenteditable') === 'false' &&
+            focusNode.getAttribute('data-slate-void') !== 'true') {
+            focusNode = anchorNode;
+            focusOffset = anchorNode.textContent?.length || 0;
+        }
+        const anchor = AngularEditor.toSlatePoint(editor, [anchorNode, anchorOffset], { suppressThrow, exactMatch });
+        if (!anchor) {
+            return null;
+        }
+        const focus = isCollapsed ? anchor : AngularEditor.toSlatePoint(editor, [focusNode, focusOffset], { suppressThrow, exactMatch });
+        if (!focus) {
+            return null;
+        }
+        let range = { anchor: anchor, focus: focus };
+        // if the selection is a hanging range that ends in a void
+        // and the DOM focus is an Element
+        // (meaning that the selection ends before the element)
+        // unhang the range to avoid mistakenly including the void
+        if (Range.isExpanded(range) &&
+            Range.isForward(range) &&
+            isDOMElement(focusNode) &&
+            Editor.void(editor, { at: range.focus, mode: 'highest' })) {
+            range = Editor.unhangRange(editor, range, { voids: true });
+        }
+        return range;
     },
     isLeafBlock(editor, node) {
         return Element.isElement(node) && !editor.isInline(node) && Editor.hasInlines(editor, node);
@@ -836,7 +880,7 @@ const AngularEditor = {
     },
     toSlateCardEntry(editor, node) {
         const element = node.parentElement.closest('.slate-block-card')?.querySelector('[card-target="card-center"]').firstElementChild;
-        const slateNode = AngularEditor.toSlateNode(editor, element);
+        const slateNode = AngularEditor.toSlateNode(editor, element, { suppressThrow: false });
         const path = AngularEditor.findPath(editor, slateNode);
         return [slateNode, path];
     },
@@ -1009,6 +1053,24 @@ function normalize(document) {
     return document.filter(value => Element.isElement(value) && isValid(value));
 }
 
+const createThrottleRAF = () => {
+    let timerId = null;
+    const throttleRAF = (fn) => {
+        const scheduleFunc = () => {
+            timerId = requestAnimationFrame(() => {
+                timerId = null;
+                fn();
+            });
+        };
+        if (timerId !== null) {
+            cancelAnimationFrame(timerId);
+            timerId = null;
+        }
+        scheduleFunc();
+    };
+    return throttleRAF;
+};
+
 /**
  * Utilities for single-line deletion
  */
@@ -1062,7 +1124,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
         }
         if (editor.selection && Range.isCollapsed(editor.selection)) {
             const parentBlockEntry = Editor.above(editor, {
-                match: n => Editor.isBlock(editor, n),
+                match: n => Element.isElement(n) && Editor.isBlock(editor, n),
                 at: editor.selection
             });
             if (parentBlockEntry) {
@@ -1212,7 +1274,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
             }
             else {
                 const node = Node.parent(editor, selection.anchor.path);
-                if (Editor.isVoid(editor, node)) {
+                if (Element.isElement(node) && Editor.isVoid(editor, node)) {
                     Transforms.delete(editor);
                 }
             }
@@ -1255,6 +1317,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
     e.onKeydown = () => { };
     e.onClick = () => { };
     e.isBlockCard = element => false;
+    e.isExpanded = element => true;
     e.onError = (errorData) => {
         if (errorData.nativeError) {
             console.error(errorData.nativeError);
@@ -1694,8 +1757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                     selector: 'slate-children',
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    imports: [NgFor]
+                    standalone: true
                 }]
         }], propDecorators: { children: [{
                 type: Input
@@ -1716,6 +1778,12 @@ function hasBeforeContextChange(value) {
     }
     return false;
 }
+function hasAfterContextChange(value) {
+    if (value.afterContextChange) {
+        return true;
+    }
+    return false;
+}
 
 class SlateBlockCard {
     get nativeElement() {
@@ -1728,7 +1796,6 @@ class SlateBlockCard {
         this.elementRef = elementRef;
     }
     ngOnInit() {
-        this.append();
         this.nativeElement.classList.add(`slate-block-card`);
     }
     append() {
@@ -1736,6 +1803,7 @@ class SlateBlockCard {
     }
     initializeCenter(rootNodes) {
         this.centerRootNodes = rootNodes;
+        this.append();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateBlockCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateBlockCard, isStandalone: true, selector: "slate-block-card, [slateBlockCard]", viewQueries: [{ propertyName: "centerContianer", first: true, predicate: ["centerContianer"], descendants: true, static: true }], ngImport: i0, template: "<span card-target=\"card-left\" class=\"card-left\">{{ '\\uFEFF' }}</span>\n<div card-target=\"card-center\" #centerContianer></div>\n<span card-target=\"card-right\" class=\"card-right\">{{ '\\uFEFF' }}</span>\n" }); }
@@ -1768,12 +1836,9 @@ function createEmbeddedViewOrComponent(viewType, context, viewContext, viewConta
         return componentRef;
     }
 }
-function renderView(view) {
-    if (view instanceof ComponentRef) {
-        view.changeDetectorRef.detectChanges();
-    }
-    else {
-        view.detectChanges();
+function executeAfterViewInit(view) {
+    if (view instanceof ComponentRef && view.instance.afterViewInit) {
+        view.instance.afterViewInit();
     }
 }
 function updateContext(view, newContext, viewContext) {
@@ -1789,14 +1854,20 @@ function updateContext(view, newContext, viewContext) {
         view.detectChanges();
     }
 }
-function mount(views, blockCards, outletElement) {
+function mount(views, blockCards, outletParent, outletElement) {
     if (views.length > 0) {
-        const result = [];
+        const fragment = document.createDocumentFragment();
         views.forEach((view, index) => {
             const blockCard = blockCards ? blockCards[index] : undefined;
-            result.push(...getRootNodes(view, blockCard));
+            fragment.append(...getRootNodes(view, blockCard));
         });
-        outletElement.prepend(...result);
+        if (outletElement) {
+            outletElement.parentElement.insertBefore(fragment, outletElement);
+            outletElement.remove();
+        }
+        else {
+            outletParent.prepend(fragment);
+        }
     }
 }
 function getRootNodes(ref, blockCard) {
@@ -1815,7 +1886,8 @@ function getRootNodes(ref, blockCard) {
         const result = [];
         ref.rootNodes.forEach(rootNode => {
             const isHTMLElement = rootNode instanceof HTMLElement;
-            if (isHTMLElement && result.every(item => !item.contains(rootNode))) {
+            const isSlateNodeOfLeaf = isHTMLElement && (rootNode.hasAttribute('data-slate-node') || rootNode.hasAttribute('data-slate-leaf'));
+            if (isSlateNodeOfLeaf && result.every(item => !item.contains(rootNode))) {
                 result.push(rootNode);
             }
             if (!isHTMLElement) {
@@ -1825,7 +1897,7 @@ function getRootNodes(ref, blockCard) {
         return result;
     }
 }
-function mountOnItemChange(index, item, views, blockCards, outletElement, viewContext) {
+function mountOnItemChange(index, item, views, blockCards, outletParent, firstRootNode, viewContext) {
     const view = views[index];
     let rootNodes = getRootNodes(view);
     if (blockCards) {
@@ -1836,7 +1908,14 @@ function mountOnItemChange(index, item, views, blockCards, outletElement, viewCo
         }
     }
     if (index === 0) {
-        outletElement.prepend(...rootNodes);
+        if (firstRootNode) {
+            rootNodes.forEach(rootNode => {
+                firstRootNode.insertAdjacentElement('beforebegin', rootNode);
+            });
+        }
+        else {
+            outletParent.prepend(...rootNodes);
+        }
     }
     else {
         const previousView = views[index - 1];
@@ -1851,19 +1930,23 @@ function mountOnItemChange(index, item, views, blockCards, outletElement, viewCo
 }
 
 class ListRender {
-    constructor(viewContext, viewContainerRef, getOutletElement) {
+    constructor(viewContext, viewContainerRef, getOutletParent, getOutletElement) {
         this.viewContext = viewContext;
         this.viewContainerRef = viewContainerRef;
+        this.getOutletParent = getOutletParent;
         this.getOutletElement = getOutletElement;
         this.views = [];
+        this.addedViews = [];
         this.blockCards = [];
         this.contexts = [];
         this.viewTypes = [];
+        this.differ = null;
         this.initialized = false;
     }
-    initialize(children, parent, parentPath, childrenContext) {
+    initialize(children, parent, childrenContext) {
         this.initialized = true;
         this.children = children;
+        const parentPath = AngularEditor.findPath(this.viewContext.editor, parent);
         children.forEach((descendant, index) => {
             NODE_TO_INDEX.set(descendant, index);
             NODE_TO_PARENT.set(descendant, parent);
@@ -1872,23 +1955,32 @@ class ListRender {
             const view = createEmbeddedViewOrComponent(viewType, context, this.viewContext, this.viewContainerRef);
             const blockCard = createBlockCard(descendant, view, this.viewContainerRef, this.viewContext);
             this.views.push(view);
+            this.addedViews.push(view);
             this.contexts.push(context);
             this.viewTypes.push(viewType);
             this.blockCards.push(blockCard);
         });
-        mount(this.views, this.blockCards, this.getOutletElement());
+        mount(this.views, this.blockCards, this.getOutletParent(), this.getOutletElement());
         const newDiffers = this.viewContainerRef.injector.get(IterableDiffers);
         this.differ = newDiffers.find(children).create(trackBy$1(this.viewContext));
         this.differ.diff(children);
+        if (parent === this.viewContext.editor) {
+            this.afterViewInit();
+        }
     }
-    update(children, parent, parentPath, childrenContext) {
-        if (!this.initialized) {
-            this.initialize(children, parent, parentPath, childrenContext);
+    update(children, parent, childrenContext) {
+        if (!this.initialized || this.children.length === 0) {
+            this.initialize(children, parent, childrenContext);
             return;
         }
-        const outletElement = this.getOutletElement();
+        if (!this.differ) {
+            throw new Error('Exception: Can not find differ ');
+        }
+        const outletParent = this.getOutletParent();
         const diffResult = this.differ.diff(children);
+        const parentPath = AngularEditor.findPath(this.viewContext.editor, parent);
         if (diffResult) {
+            let firstRootNode = getRootNodes(this.views[0], this.blockCards[0])[0];
             const newContexts = [];
             const newViewTypes = [];
             const newViews = [];
@@ -1906,8 +1998,9 @@ class ListRender {
                     blockCard = createBlockCard(record.item, view, this.viewContainerRef, this.viewContext);
                     newContexts.push(context);
                     newViews.push(view);
+                    this.addedViews.push(view);
                     newBlockCards.push(blockCard);
-                    mountOnItemChange(record.currentIndex, record.item, newViews, newBlockCards, outletElement, this.viewContext);
+                    mountOnItemChange(record.currentIndex, record.item, newViews, newBlockCards, outletParent, firstRootNode, this.viewContext);
                 }
                 else {
                     const previousView = this.views[record.previousIndex];
@@ -1916,6 +2009,7 @@ class ListRender {
                     const previousBlockCard = this.blockCards[record.previousIndex];
                     if (previousViewType !== viewType) {
                         view = createEmbeddedViewOrComponent(viewType, context, this.viewContext, this.viewContainerRef);
+                        this.addedViews.push(view);
                         blockCard = createBlockCard(record.item, view, this.viewContainerRef, this.viewContext);
                         const firstRootNode = getRootNodes(previousView, previousBlockCard)[0];
                         const newRootNodes = getRootNodes(view, blockCard);
@@ -1938,7 +2032,7 @@ class ListRender {
                     newBlockCards.push(blockCard);
                 }
             });
-            diffResult.forEachOperation((record) => {
+            diffResult.forEachOperation(record => {
                 // removed
                 if (record.currentIndex === null) {
                     const view = this.views[record.previousIndex];
@@ -1948,7 +2042,7 @@ class ListRender {
                 }
                 // moved
                 if (record.previousIndex !== null && record.currentIndex !== null) {
-                    mountOnItemChange(record.currentIndex, record.item, newViews, newBlockCards, outletElement, this.viewContext);
+                    mountOnItemChange(record.currentIndex, record.item, newViews, newBlockCards, outletParent, firstRootNode, this.viewContext);
                     // Solve the block-card DOMElement loss when moving nodes
                     newBlockCards[record.currentIndex]?.instance.append();
                 }
@@ -1958,10 +2052,15 @@ class ListRender {
             this.contexts = newContexts;
             this.children = children;
             this.blockCards = newBlockCards;
+            if (parent === this.viewContext.editor) {
+                this.afterViewInit();
+            }
         }
         else {
             const newContexts = [];
             this.children.forEach((child, index) => {
+                NODE_TO_INDEX.set(child, index);
+                NODE_TO_PARENT.set(child, parent);
                 let context = getContext$1(index, child, parentPath, childrenContext, this.viewContext);
                 const previousContext = this.contexts[index];
                 if (memoizedContext(this.viewContext, child, previousContext, context)) {
@@ -1975,6 +2074,28 @@ class ListRender {
             this.contexts = newContexts;
         }
     }
+    afterViewInit() {
+        this.addedViews.forEach(view => {
+            executeAfterViewInit(view);
+        });
+        this.addedViews = [];
+    }
+    destroy() {
+        this.children.forEach((element, index) => {
+            if (this.views[index]) {
+                this.views[index].destroy();
+            }
+            if (this.blockCards[index]) {
+                this.blockCards[index].destroy();
+            }
+        });
+        this.views = [];
+        this.blockCards = [];
+        this.contexts = [];
+        this.viewTypes = [];
+        this.initialized = false;
+        this.differ = null;
+    }
 }
 function getContext$1(index, item, parentPath, childrenContext, viewContext) {
     if (Element.isElement(item)) {
@@ -1984,7 +2105,6 @@ function getContext$1(index, item, parentPath, childrenContext, viewContext) {
         const isVoid = viewContext.editor.isVoid(item);
         const elementContext = {
             element: item,
-            path: parentPath.concat(index),
             ...computedContext,
             attributes: {
                 'data-slate-node': 'element',
@@ -1998,7 +2118,7 @@ function getContext$1(index, item, parentPath, childrenContext, viewContext) {
         }
         if (isVoid) {
             elementContext.attributes['data-slate-void'] = true;
-            elementContext.attributes.contenteditable = false;
+            elementContext.contentEditable = false;
         }
         return elementContext;
     }
@@ -2035,7 +2155,7 @@ function getCommonContext(index, item, parentPath, viewContext, childrenContext)
         }
     }
     catch (error) {
-        this.options.viewContext.editor.onError({
+        viewContext.editor.onError({
             code: SlateErrorCode.GetStartPointError,
             nativeError: error
         });
@@ -2059,6 +2179,7 @@ function createBlockCard(item, view, viewContainerRef, viewContext) {
             injector: viewContainerRef.injector
         });
         blockCardComponentRef.instance.initializeCenter(rootNodes);
+        blockCardComponentRef.changeDetectorRef.detectChanges();
         return blockCardComponentRef;
     }
     else {
@@ -2093,9 +2214,10 @@ function memoizedTextContext(prev, next) {
 }
 
 class LeavesRender {
-    constructor(viewContext, viewContainerRef, getOutletElement) {
+    constructor(viewContext, viewContainerRef, getOutletParent, getOutletElement) {
         this.viewContext = viewContext;
         this.viewContainerRef = viewContainerRef;
+        this.getOutletParent = getOutletParent;
         this.getOutletElement = getOutletElement;
         this.views = [];
         this.contexts = [];
@@ -2113,16 +2235,17 @@ class LeavesRender {
             this.contexts.push(context);
             this.viewTypes.push(viewType);
         });
-        mount(this.views, null, this.getOutletElement());
+        mount(this.views, null, this.getOutletParent(), this.getOutletElement());
         const newDiffers = this.viewContainerRef.injector.get(IterableDiffers);
         this.differ = newDiffers.find(this.leaves).create(trackBy(this.viewContext));
         this.differ.diff(this.leaves);
     }
     update(context) {
         const { leaves, contexts } = this.getLeaves(context);
-        const outletElement = this.getOutletElement();
+        const outletParent = this.getOutletParent();
         const diffResult = this.differ.diff(leaves);
         if (diffResult) {
+            let firstRootNode = getRootNodes(this.views[0])[0];
             const newContexts = [];
             const newViewTypes = [];
             const newViews = [];
@@ -2135,7 +2258,7 @@ class LeavesRender {
                     view = createEmbeddedViewOrComponent(viewType, context, this.viewContext, this.viewContainerRef);
                     newContexts.push(context);
                     newViews.push(view);
-                    mountOnItemChange(record.currentIndex, record.item, newViews, null, outletElement, this.viewContext);
+                    mountOnItemChange(record.currentIndex, record.item, newViews, null, outletParent, firstRootNode, this.viewContext);
                 }
                 else {
                     const previousView = this.views[record.previousIndex];
@@ -2160,7 +2283,7 @@ class LeavesRender {
                 view.destroy();
             });
             diffResult.forEachMovedItem(record => {
-                mountOnItemChange(record.currentIndex, record.item, newViews, null, outletElement, this.viewContext);
+                mountOnItemChange(record.currentIndex, record.item, newViews, null, outletParent, firstRootNode, this.viewContext);
             });
             this.viewTypes = newViewTypes;
             this.views = newViews;
@@ -2194,6 +2317,26 @@ function trackBy(viewContext) {
     };
 }
 
+class SlateChildrenOutlet {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    getNativeElement() {
+        return this.elementRef.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateChildrenOutlet, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateChildrenOutlet, isStandalone: true, selector: "slate-children-outlet", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateChildrenOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'slate-children-outlet',
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
 /**
  * base class for custom element component or text component
  */
@@ -2204,6 +2347,12 @@ class BaseComponent {
         }
         this._context = value;
         this.onContextChange();
+        if (this.initialized) {
+            this.cdr.detectChanges();
+        }
+        if (hasAfterContextChange(this)) {
+            this.afterContextChange();
+        }
     }
     get context() {
         return this._context;
@@ -2217,6 +2366,7 @@ class BaseComponent {
     constructor(elementRef, cdr) {
         this.elementRef = elementRef;
         this.cdr = cdr;
+        this.initialized = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: BaseComponent, inputs: { context: "context", viewContext: "viewContext" }, ngImport: i0 }); }
@@ -2234,7 +2384,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
 class BaseLeafComponent extends BaseComponent {
     constructor() {
         super(...arguments);
-        this.initialized = false;
         this.isSlateLeaf = true;
     }
     get text() {
@@ -2250,7 +2399,6 @@ class BaseLeafComponent extends BaseComponent {
         if (!this.initialized) {
             return;
         }
-        this.cdr.detectChanges();
     }
     renderPlaceholder() {
         // issue-1: IME input was interrupted
@@ -2303,10 +2451,15 @@ class BaseElementComponent extends BaseComponent {
     constructor() {
         super(...arguments);
         this.viewContainerRef = inject(ViewContainerRef);
-        this.initialized = false;
-        this.getOutletElement = () => {
+        this.getOutletParent = () => {
             return this.elementRef.nativeElement;
         };
+        this.getOutletElement = () => {
+            if (this.childrenOutletInstance) {
+                return this.childrenOutletInstance.getNativeElement();
+            }
+            return null;
+        };
     }
     get element() {
         return this._context && this._context.element;
@@ -2314,9 +2467,6 @@ class BaseElementComponent extends BaseComponent {
     get selection() {
         return this._context && this._context.selection;
     }
-    get path() {
-        return this._context && this._context.path;
-    }
     get decorations() {
         return this._context && this._context.decorations;
     }
@@ -2337,8 +2487,16 @@ class BaseElementComponent extends BaseComponent {
             this.nativeElement.setAttribute(key, this._context.attributes[key]);
         }
         this.initialized = true;
-        this.listRender = new ListRender(this.viewContext, this.viewContainerRef, this.getOutletElement);
-        this.listRender.initialize(this.children, this.element, this.path, this.childrenContext);
+        this.listRender = new ListRender(this.viewContext, this.viewContainerRef, this.getOutletParent, this.getOutletElement);
+        if (this.editor.isExpanded(this.element)) {
+            this.listRender.initialize(this.children, this.element, this.childrenContext);
+        }
+    }
+    afterViewInit() {
+        if (this._context.contentEditable !== undefined) {
+            this.nativeElement.setAttribute('contenteditable', this._context.contentEditable + '');
+        }
+        this.listRender.afterViewInit();
     }
     updateWeakMap() {
         NODE_TO_ELEMENT.set(this.element, this.nativeElement);
@@ -2349,6 +2507,7 @@ class BaseElementComponent extends BaseComponent {
         if (NODE_TO_ELEMENT.get(this.element) === this.nativeElement) {
             NODE_TO_ELEMENT.delete(this.element);
         }
+        ELEMENT_TO_NODE.delete(this.nativeElement);
         if (ELEMENT_TO_COMPONENT.get(this.element) === this) {
             ELEMENT_TO_COMPONENT.delete(this.element);
         }
@@ -2359,8 +2518,17 @@ class BaseElementComponent extends BaseComponent {
         if (!this.initialized) {
             return;
         }
-        this.listRender.update(this.children, this.element, this.path, this.childrenContext);
-        this.cdr.detectChanges();
+        this.updateChildrenView();
+    }
+    updateChildrenView() {
+        if (this.editor.isExpanded(this.element)) {
+            this.listRender.update(this.children, this.element, this.childrenContext);
+        }
+        else {
+            if (this.listRender.initialized) {
+                this.listRender.destroy();
+            }
+        }
     }
     getChildrenContext() {
         return {
@@ -2372,29 +2540,37 @@ class BaseElementComponent extends BaseComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseElementComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: BaseElementComponent, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: BaseElementComponent, viewQueries: [{ propertyName: "childrenOutletInstance", first: true, predicate: SlateChildrenOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseElementComponent, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { childrenOutletInstance: [{
+                type: ViewChild,
+                args: [SlateChildrenOutlet, { static: true }]
+            }] } });
 /**
  * base class for custom text component
  */
 class BaseTextComponent extends BaseComponent {
     constructor() {
         super(...arguments);
-        this.initialized = false;
         this.viewContainerRef = inject(ViewContainerRef);
-        this.getOutletElement = () => {
+        this.getOutletParent = () => {
             return this.elementRef.nativeElement;
         };
+        this.getOutletElement = () => {
+            if (this.childrenOutletInstance) {
+                return this.childrenOutletInstance.getNativeElement();
+            }
+            return null;
+        };
     }
     get text() {
         return this._context && this._context.text;
     }
     ngOnInit() {
         this.initialized = true;
-        this.leavesRender = new LeavesRender(this.viewContext, this.viewContainerRef, this.getOutletElement);
+        this.leavesRender = new LeavesRender(this.viewContext, this.viewContainerRef, this.getOutletParent, this.getOutletElement);
         this.leavesRender.initialize(this.context);
     }
     updateWeakMap() {
@@ -2405,6 +2581,7 @@ class BaseTextComponent extends BaseComponent {
         if (NODE_TO_ELEMENT.get(this.text) === this.nativeElement) {
             NODE_TO_ELEMENT.delete(this.text);
         }
+        ELEMENT_TO_NODE.delete(this.nativeElement);
     }
     onContextChange() {
         this.updateWeakMap();
@@ -2412,14 +2589,16 @@ class BaseTextComponent extends BaseComponent {
             return;
         }
         this.leavesRender.update(this.context);
-        this.cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: BaseTextComponent, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: BaseTextComponent, viewQueries: [{ propertyName: "childrenOutletInstance", first: true, predicate: SlateChildrenOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseTextComponent, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { childrenOutletInstance: [{
+                type: ViewChild,
+                args: [SlateChildrenOutlet, { static: true }]
+            }] } });
 
 class SlateLeaves extends ViewContainer {
     constructor() {
@@ -2444,17 +2623,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
 
 class SlateVoidText extends BaseTextComponent {
     ngOnInit() {
-        this.isLeafBlock = AngularEditor.isLeafBlock(this.viewContext.editor, this.context.parent);
         super.ngOnInit();
     }
     ngOnChanges() {
         if (!this.initialized) {
             return;
         }
-        this.isLeafBlock = AngularEditor.isLeafBlock(this.viewContext.editor, this.context.parent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateVoidText, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateVoidText, isStandalone: true, selector: "span[slateVoidText]", host: { attributes: { "data-slate-spacer": "true", "data-slate-node": "text" }, properties: { "attr.contenteditable": "isLeafBlock" }, classAttribute: "slate-spacer" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SlateVoidText, isStandalone: true, selector: "span[slateVoidText]", host: { attributes: { "data-slate-spacer": "true", "data-slate-node": "text" }, classAttribute: "slate-spacer" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateVoidText, decorators: [{
             type: Component,
@@ -2463,7 +2640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[attr.contenteditable]': 'isLeafBlock',
                         'data-slate-spacer': 'true',
                         class: 'slate-spacer',
                         'data-slate-node': 'text'
@@ -2819,6 +2995,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
 
 const SLATE_DEFAULT_LEAF_COMPONENT_TOKEN = new InjectionToken('slate-default-leaf-token');
 
+const TRIPLE_CLICK = 3;
+
 // not correctly clipboardData on beforeinput
 const forceOnDOMPaste = IS_SAFARI;
 class SlateEditable {
@@ -2857,7 +3035,7 @@ class SlateEditable {
         this.dataSlateNode = 'value';
         this.dataGramm = false;
         this.viewContainerRef = inject(ViewContainerRef);
-        this.getOutletElement = () => {
+        this.getOutletParent = () => {
             return this.elementRef.nativeElement;
         };
     }
@@ -2885,7 +3063,7 @@ class SlateEditable {
         // add browser class
         let browserClass = IS_FIREFOX ? 'firefox' : IS_SAFARI ? 'safari' : '';
         browserClass && this.elementRef.nativeElement.classList.add(browserClass);
-        this.listRender = new ListRender(this.viewContext, this.viewContainerRef, this.getOutletElement);
+        this.listRender = new ListRender(this.viewContext, this.viewContainerRef, this.getOutletParent, () => null);
     }
     ngOnChanges(simpleChanges) {
         if (!this.initialized) {
@@ -2927,10 +3105,10 @@ class SlateEditable {
             }
             this.initializeContext();
             if (!this.listRender.initialized) {
-                this.listRender.initialize(this.editor.children, this.editor, [], this.context);
+                this.listRender.initialize(this.editor.children, this.editor, this.context);
             }
             else {
-                this.listRender.update(this.editor.children, this.editor, [], this.context);
+                this.listRender.update(this.editor.children, this.editor, this.context);
             }
             this.cdr.markForCheck();
         }
@@ -2984,12 +3162,11 @@ class SlateEditable {
                 hasDomSelectionInEditor = true;
             }
             // If the DOM selection is in the editor and the editor selection is already correct, we're done.
-            if (hasDomSelection &&
-                hasDomSelectionInEditor &&
-                selection &&
-                hasStringTarget(domSelection) &&
-                Range.equals(AngularEditor.toSlateRange(this.editor, domSelection), selection)) {
-                return;
+            if (hasDomSelection && hasDomSelectionInEditor && selection && hasStringTarget(domSelection)) {
+                const rangeFromDOMSelection = AngularEditor.toSlateRange(this.editor, domSelection, { suppressThrow: true });
+                if (rangeFromDOMSelection && Range.equals(rangeFromDOMSelection, selection)) {
+                    return;
+                }
             }
             // prevent updating native selection when active element is void element
             if (isTargetInsideVoid(this.editor, activeElement)) {
@@ -3000,7 +3177,7 @@ class SlateEditable {
             // but Slate's value is not being updated through any operation
             // and thus it doesn't transform selection on its own
             if (selection && !AngularEditor.hasRange(this.editor, selection)) {
-                this.editor.selection = AngularEditor.toSlateRange(this.editor, domSelection);
+                this.editor.selection = AngularEditor.toSlateRange(this.editor, domSelection, { suppressThrow: false });
                 return;
             }
             // Otherwise the DOM selection is out of sync, so update it.
@@ -3048,7 +3225,7 @@ class SlateEditable {
     ngDoCheck() { }
     forceRender() {
         this.updateContext();
-        this.listRender.update(this.editor.children, this.editor, [], this.context);
+        this.listRender.update(this.editor.children, this.editor, this.context);
         // repair collaborative editing when Chinese input is interrupted by other users' cursors
         // when the DOMElement where the selection is located is removed
         // the compositionupdate and compositionend events will no longer be fired
@@ -3087,7 +3264,7 @@ class SlateEditable {
     render() {
         const changed = this.updateContext();
         if (changed) {
-            this.listRender.update(this.editor.children, this.editor, [], this.context);
+            this.listRender.update(this.editor.children, this.editor, this.context);
         }
     }
     updateContext() {
@@ -3422,7 +3599,23 @@ class SlateEditable {
             const end = Editor.end(this.editor, path);
             const startVoid = Editor.void(this.editor, { at: start });
             const endVoid = Editor.void(this.editor, { at: end });
-            if (startVoid && endVoid && Path.equals(startVoid[1], endVoid[1])) {
+            if (event.detail === TRIPLE_CLICK && path.length >= 1) {
+                let blockPath = path;
+                if (!(Element.isElement(node) && Editor.isBlock(this.editor, node))) {
+                    const block = Editor.above(this.editor, {
+                        match: n => Element.isElement(n) && Editor.isBlock(this.editor, n),
+                        at: path
+                    });
+                    blockPath = block?.[1] ?? path.slice(0, 1);
+                }
+                const range = Editor.range(this.editor, blockPath);
+                Transforms.select(this.editor, range);
+                return;
+            }
+            if (startVoid &&
+                endVoid &&
+                Path.equals(startVoid[1], endVoid[1]) &&
+                !(AngularEditor.isBlockCardLeftCursor(this.editor) || AngularEditor.isBlockCardRightCursor(this.editor))) {
                 const range = Editor.range(this.editor, start);
                 Transforms.select(this.editor, range);
             }
@@ -3488,7 +3681,7 @@ class SlateEditable {
             // that drops are allowed. Editable content is droppable by
             // default, and calling `preventDefault` hides the cursor.
             const node = AngularEditor.toSlateNode(this.editor, event.target);
-            if (Editor.isVoid(this.editor, node)) {
+            if (Element.isElement(node) && Editor.isVoid(this.editor, node)) {
                 event.preventDefault();
             }
         }
@@ -3497,7 +3690,7 @@ class SlateEditable {
         if (!this.readonly && hasTarget(this.editor, event.target) && !this.isDOMEventHandled(event, this.dragStart)) {
             const node = AngularEditor.toSlateNode(this.editor, event.target);
             const path = AngularEditor.findPath(this.editor, node);
-            const voidMatch = Editor.isVoid(this.editor, node) || Editor.void(this.editor, { at: path, voids: true });
+            const voidMatch = Element.isElement(node) && (Editor.isVoid(this.editor, node) || Editor.void(this.editor, { at: path, voids: true }));
             // If starting a drag on a void node, make sure it is selected
             // so that it shows up in the selection's fragment.
             if (voidMatch) {
@@ -3759,7 +3952,7 @@ class SlateEditable {
                             const currentNode = Node.parent(editor, selection.anchor.path);
                             if (Element.isElement(currentNode) &&
                                 Editor.isVoid(editor, currentNode) &&
-                                Editor.isInline(editor, currentNode)) {
+                                (Editor.isInline(editor, currentNode) || Editor.isBlock(editor, currentNode))) {
                                 event.preventDefault();
                                 Editor.deleteBackward(editor, {
                                     unit: 'block'
@@ -4019,8 +4212,8 @@ const hasTarget = (editor, target) => {
  * Check if the target is inside void and in the editor.
  */
 const isTargetInsideVoid = (editor, target) => {
-    const slateNode = hasTarget(editor, target) && AngularEditor.toSlateNode(editor, target);
-    return Editor.isVoid(editor, slateNode);
+    const slateNode = hasTarget(editor, target) && AngularEditor.toSlateNode(editor, target, { suppressThrow: true });
+    return slateNode && Element.isElement(slateNode) && Editor.isVoid(editor, slateNode);
 };
 const hasStringTarget = (domSelection) => {
     return ((domSelection.anchorNode.parentElement.hasAttribute('data-slate-string') ||
@@ -4076,12 +4269,8 @@ class SlateModule {
             SlateBlockCard,
             SlateLeaves,
             SlateDefaultLeaf,
-            SlateDefaultString], exports: [SlateEditable,
-            SlateChildren,
-            SlateElement,
-            SlateLeaves,
-            SlateString,
-            SlateDefaultString] }); }
+            SlateDefaultString,
+            SlateChildrenOutlet], exports: [SlateEditable, SlateChildren, SlateChildrenOutlet, SlateElement, SlateLeaves, SlateString, SlateDefaultString] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SlateModule, providers: [
             {
                 provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
@@ -4105,16 +4294,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                         SlateBlockCard,
                         SlateLeaves,
                         SlateDefaultLeaf,
-                        SlateDefaultString
-                    ],
-                    exports: [
-                        SlateEditable,
-                        SlateChildren,
-                        SlateElement,
-                        SlateLeaves,
-                        SlateString,
-                        SlateDefaultString
+                        SlateDefaultString,
+                        SlateChildrenOutlet
                     ],
+                    exports: [SlateEditable, SlateChildren, SlateChildrenOutlet, SlateElement, SlateLeaves, SlateString, SlateDefaultString],
                     providers: [
                         {
                             provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
@@ -4132,5 +4315,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateLeaves, SlateModule, SlateString, check, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, shallowCompare, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateLeaves, SlateModule, SlateString, check, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, shallowCompare, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map