slate-angular 17.1.2 → 17.2.0

package/fesm2022/slate-angular.mjs

@@ -1,13 +1,13 @@
 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';
+import { TemplateRef, Component, ChangeDetectionStrategy, ViewChild, InjectionToken, ComponentRef, IterableDiffers, Directive, Input, HostBinding, inject, ViewContainerRef, forwardRef, ElementRef, Inject, NgModule } from '@angular/core';
 import { direction } from 'direction';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { Subject } from 'rxjs';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { HistoryEditor } from 'slate-history';
-import { NgFor, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 /**
  * Two weak maps that allow us rebuild a path given a node. They are populated
@@ -47,6 +47,7 @@ const PLACEHOLDER_SYMBOL = Symbol('placeholder');
  * Weak map for associating the html element with the component.
  */
 const ELEMENT_TO_COMPONENT = new WeakMap();
+const EDITOR_TO_AFTER_VIEW_INIT_QUEUE = new WeakMap();
 
 /**
  * Types.
@@ -202,33 +203,15 @@ const getPlainText = (domNode) => {
     }
     return text;
 };
+const SlateFragmentAttributeKey = 'data-slate-angular-fragment';
 /**
- * Get x-slate-fragment attribute from data-slate-fragment
+ * Get x-slate-fragment attribute from data-slate-angular-fragment
  */
-const catchSlateFragment = /data-slate-fragment="(.+?)"/m;
-const getSlateFragmentAttribute = (dataTransfer) => {
-    const htmlData = dataTransfer.getData('text/html');
+const catchSlateFragment = /data-slate-angular-fragment="(.+?)"/m;
+const getSlateFragmentAttribute = (htmlData) => {
     const [, fragment] = htmlData.match(catchSlateFragment) || [];
     return fragment;
 };
-/**
- * Get the x-slate-fragment attribute that exist in text/html data
- * and append it to the DataTransfer object
- */
-const getClipboardData = (dataTransfer, clipboardFormatKey = 'x-slate-fragment') => {
-    if (!dataTransfer.getData(`application/${clipboardFormatKey}`)) {
-        const fragment = getSlateFragmentAttribute(dataTransfer);
-        if (fragment) {
-            const clipboardData = new DataTransfer();
-            dataTransfer.types.forEach(type => {
-                clipboardData.setData(type, dataTransfer.getData(type));
-            });
-            clipboardData.setData(`application/${clipboardFormatKey}`, fragment);
-            return clipboardData;
-        }
-    }
-    return dataTransfer;
-};
 
 /**
  * An auto-incrementing identifier for keys.
@@ -1072,6 +1055,208 @@ const createThrottleRAF = () => {
     return throttleRAF;
 };
 
+const setDataTransferClipboard = (dataTransfer, htmlText) => {
+    dataTransfer?.setData(`text/html`, htmlText);
+};
+const setDataTransferClipboardText = (data, text) => {
+    data?.setData(`text/plain`, text);
+};
+const getDataTransferClipboard = (data) => {
+    const html = data?.getData(`text/html`);
+    if (html) {
+        const htmlClipboardData = getClipboardFromHTMLText(html);
+        if (htmlClipboardData) {
+            return htmlClipboardData;
+        }
+        const textData = getDataTransferClipboardText(data);
+        if (textData) {
+            return {
+                html,
+                ...textData
+            };
+        }
+        else {
+            return { html };
+        }
+    }
+    else {
+        const textData = getDataTransferClipboardText(data);
+        return textData;
+    }
+};
+const getDataTransferClipboardText = (data) => {
+    if (!data) {
+        return null;
+    }
+    const text = data?.getData(`text/plain`);
+    if (text) {
+        const htmlClipboardData = getClipboardFromHTMLText(text);
+        if (htmlClipboardData) {
+            return htmlClipboardData;
+        }
+    }
+    return { text };
+};
+
+const isClipboardReadSupported = () => {
+    return 'clipboard' in navigator && 'read' in navigator.clipboard;
+};
+const isClipboardWriteSupported = () => {
+    return 'clipboard' in navigator && 'write' in navigator.clipboard;
+};
+const isClipboardWriteTextSupported = () => {
+    return 'clipboard' in navigator && 'writeText' in navigator.clipboard;
+};
+const isClipboardFile = (item) => {
+    return item.types.find(i => i.match(/^image\//));
+};
+const stripHtml = (html) => {
+    // See <https://github.com/developit/preact-markup/blob/4788b8d61b4e24f83688710746ee36e7464f7bbc/src/parse-markup.js#L60-L69>
+    const doc = document.implementation.createHTMLDocument('');
+    doc.documentElement.innerHTML = html.trim();
+    return doc.body.textContent || doc.body.innerText || '';
+};
+const blobAsString = (blob) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.addEventListener('loadend', () => {
+            const text = reader.result;
+            resolve(text);
+        });
+        reader.addEventListener('error', () => {
+            reject(reader.error);
+        });
+        reader.readAsText(blob);
+    });
+};
+
+const setNavigatorClipboard = async (htmlText, data, text = '') => {
+    let textClipboard = text;
+    if (isClipboardWriteSupported()) {
+        await navigator.clipboard.write([
+            new ClipboardItem({
+                'text/html': new Blob([htmlText], {
+                    type: 'text/html'
+                }),
+                'text/plain': new Blob([JSON.stringify(textClipboard ?? data)], { type: 'text/plain' })
+            })
+        ]);
+    }
+};
+const getNavigatorClipboard = async () => {
+    if (!isClipboardReadSupported()) {
+        return null;
+    }
+    const clipboardItems = await navigator.clipboard.read();
+    let clipboardData = {};
+    if (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {
+        for (const item of clipboardItems) {
+            if (isClipboardFile(item)) {
+                const clipboardFiles = item.types.filter(type => type.match(/^image\//));
+                const fileBlobs = await Promise.all(clipboardFiles.map(type => item.getType(type)));
+                const urls = fileBlobs.filter(Boolean).map(blob => URL.createObjectURL(blob));
+                const files = await Promise.all(urls.map(async (url) => {
+                    const blob = await (await fetch(url)).blob();
+                    return new File([blob], 'file', { type: blob.type });
+                }));
+                return {
+                    files
+                };
+            }
+            if (item.types.includes('text/html')) {
+                const htmlContent = await blobAsString(await item.getType('text/html'));
+                const htmlClipboardData = getClipboardFromHTMLText(htmlContent);
+                if (htmlClipboardData) {
+                    return htmlClipboardData;
+                }
+                if (htmlContent && htmlContent.trim()) {
+                    clipboardData = { html: htmlContent };
+                }
+            }
+            if (item.types.includes('text/plain')) {
+                const textContent = await blobAsString(await item.getType('text/plain'));
+                clipboardData = {
+                    text: stripHtml(textContent)
+                };
+            }
+        }
+    }
+    return clipboardData;
+};
+
+const buildHTMLText = (wrapper, attach, data) => {
+    const stringObj = JSON.stringify(data);
+    const encoded = window.btoa(encodeURIComponent(stringObj));
+    attach.setAttribute(SlateFragmentAttributeKey, encoded);
+    return wrapper.innerHTML;
+};
+const getClipboardFromHTMLText = (html) => {
+    const fragmentAttribute = getSlateFragmentAttribute(html);
+    if (fragmentAttribute) {
+        try {
+            const decoded = decodeURIComponent(window.atob(fragmentAttribute));
+            const result = JSON.parse(decoded);
+            if (result && Array.isArray(result) && result.length > 0) {
+                return {
+                    elements: result
+                };
+            }
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    return null;
+};
+const createClipboardData = (html, elements, text, files) => {
+    const data = { elements, text, html, files };
+    return data;
+};
+const getClipboardData = async (dataTransfer) => {
+    let clipboardData = null;
+    if (dataTransfer) {
+        if (dataTransfer.files.length) {
+            return { files: Array.from(dataTransfer.files) };
+        }
+        clipboardData = getDataTransferClipboard(dataTransfer);
+        return clipboardData;
+    }
+    if (isClipboardReadSupported()) {
+        return await getNavigatorClipboard();
+    }
+    return clipboardData;
+};
+/**
+ * @param wrapper get wrapper.innerHTML string which will be written in clipboard
+ * @param attach attach must be child element of wrapper which will be attached json data
+ * @returns void
+ */
+const setClipboardData = async (clipboardData, wrapper, attach, dataTransfer) => {
+    if (!clipboardData) {
+        return;
+    }
+    const { elements, text } = clipboardData;
+    if (isClipboardWriteSupported()) {
+        const htmlText = buildHTMLText(wrapper, attach, elements);
+        // TODO
+        // maybe fail to write when copy some cell in table 
+        return await setNavigatorClipboard(htmlText, elements, text);
+    }
+    if (dataTransfer) {
+        const htmlText = buildHTMLText(wrapper, attach, elements);
+        setDataTransferClipboard(dataTransfer, htmlText);
+        setDataTransferClipboardText(dataTransfer, text);
+        return;
+    }
+    // Compatible with situations where navigator.clipboard.write is not supported and dataTransfer is empty
+    // Such as contextmenu copy in Firefox.
+    if (isClipboardWriteTextSupported()) {
+        const htmlText = buildHTMLText(wrapper, attach, elements);
+        return await navigator.clipboard.writeText(htmlText);
+    }
+};
+
 /**
  * Utilities for single-line deletion
  */
@@ -1194,7 +1379,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
         }
         onChange();
     };
-    e.setFragmentData = (data) => {
+    e.setFragmentData = (dataTransfer, originEvent) => {
         const { selection } = e;
         if (!selection) {
             return;
@@ -1253,19 +1438,13 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
             attach = span;
         }
         const fragment = e.getFragment();
-        const stringObj = JSON.stringify(fragment);
-        const encoded = window.btoa(encodeURIComponent(stringObj));
-        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.
         const div = contents.ownerDocument.createElement('div');
         div.appendChild(contents);
         div.setAttribute('hidden', 'true');
         contents.ownerDocument.body.appendChild(div);
-        data.setData('text/html', div.innerHTML);
-        data.setData('text/plain', getPlainText(div));
+        setClipboardData({ text: getPlainText(div), elements: fragment }, div, attach, dataTransfer);
         contents.ownerDocument.body.removeChild(div);
-        return data;
     };
     e.deleteCutData = () => {
         const { selection } = editor;
@@ -1281,28 +1460,26 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
             }
         }
     };
-    e.insertData = (data) => {
-        if (!e.insertFragmentData(data)) {
+    e.insertData = async (data) => {
+        if (!(await e.insertFragmentData(data))) {
             e.insertTextData(data);
         }
     };
-    e.insertFragmentData = (data) => {
+    e.insertFragmentData = async (data) => {
         /**
          * Checking copied fragment from application/x-slate-fragment or data-slate-fragment
          */
-        const fragment = data.getData(`application/${clipboardFormatKey}`) || getSlateFragmentAttribute(data);
-        if (fragment) {
-            const decoded = decodeURIComponent(window.atob(fragment));
-            const parsed = JSON.parse(decoded);
-            e.insertFragment(parsed);
+        const clipboardData = await getClipboardData(data);
+        if (clipboardData && clipboardData.elements) {
+            e.insertFragment(clipboardData.elements);
             return true;
         }
         return false;
     };
-    e.insertTextData = (data) => {
-        const text = data.getData('text/plain');
-        if (text) {
-            const lines = text.split(/\r\n|\r|\n/);
+    e.insertTextData = async (data) => {
+        const clipboardData = await getClipboardData(data);
+        if (clipboardData && clipboardData.text) {
+            const lines = clipboardData.text.split(/\r\n|\r|\n/);
             let split = false;
             for (const line of lines) {
                 if (split) {
@@ -1728,46 +1905,6 @@ function restoreDom(editor, execute) {
     }, 0);
 }
 
-/**
- * @deprecated
- * the special container for angular template
- * Add the rootNodes of each child component to the parentElement
- * Remove useless DOM elements, eg: comment...
- */
-class ViewContainer {
-    constructor(elementRef, differs) {
-        this.elementRef = elementRef;
-        this.differs = differs;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ViewContainer, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: ViewContainer, inputs: { viewContext: "viewContext" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ViewContainer, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { viewContext: [{
-                type: Input
-            }] } });
-
-class SlateChildren extends ViewContainer {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlateChildren, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: SlateChildren, isStandalone: true, selector: "slate-children", inputs: { children: "children", context: "context", viewContext: "viewContext" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlateChildren, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'slate-children',
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true
-                }]
-        }], propDecorators: { children: [{
-                type: Input
-            }], context: [{
-                type: Input
-            }], viewContext: [{
-                type: Input
-            }] } });
-
 const SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN = new InjectionToken('slate-default-element-token');
 
 const SLATE_DEFAULT_TEXT_COMPONENT_TOKEN = new InjectionToken('slate-default-text-token');
@@ -1837,11 +1974,6 @@ function createEmbeddedViewOrComponent(viewType, context, viewContext, viewConta
         return componentRef;
     }
 }
-function executeAfterViewInit(view) {
-    if (view instanceof ComponentRef && view.instance.afterViewInit) {
-        view.instance.afterViewInit();
-    }
-}
 function updateContext(view, newContext, viewContext) {
     if (view instanceof ComponentRef) {
         view.instance.context = newContext;
@@ -1937,7 +2069,7 @@ class ListRender {
         this.getOutletParent = getOutletParent;
         this.getOutletElement = getOutletElement;
         this.views = [];
-        this.addedViews = [];
+        // private addedViews: (EmbeddedViewRef<any> | ComponentRef<any>)[] = [];
         this.blockCards = [];
         this.contexts = [];
         this.viewTypes = [];
@@ -1956,7 +2088,6 @@ 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);
@@ -1966,7 +2097,7 @@ class ListRender {
         this.differ = newDiffers.find(children).create(trackBy$1(this.viewContext));
         this.differ.diff(children);
         if (parent === this.viewContext.editor) {
-            this.afterViewInit();
+            executeAfterViewInit(this.viewContext.editor);
         }
     }
     update(children, parent, childrenContext) {
@@ -1999,7 +2130,6 @@ 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, outletParent, firstRootNode, this.viewContext);
                 }
@@ -2010,7 +2140,6 @@ 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);
@@ -2054,7 +2183,7 @@ class ListRender {
             this.children = children;
             this.blockCards = newBlockCards;
             if (parent === this.viewContext.editor) {
-                this.afterViewInit();
+                executeAfterViewInit(this.viewContext.editor);
             }
         }
         else {
@@ -2075,12 +2204,6 @@ class ListRender {
             this.contexts = newContexts;
         }
     }
-    afterViewInit() {
-        this.addedViews.forEach(view => {
-            executeAfterViewInit(view);
-        });
-        this.addedViews = [];
-    }
     destroy() {
         this.children.forEach((element, index) => {
             if (this.views[index]) {
@@ -2213,6 +2336,22 @@ function memoizedTextContext(prev, next) {
         next.text === prev.text &&
         isDecoratorRangeListEqual(next.decorations, prev.decorations));
 }
+function addAfterViewInitQueue(editor, afterViewInitCallback) {
+    const queue = getAfterViewInitQueue(editor);
+    queue.push(afterViewInitCallback);
+    EDITOR_TO_AFTER_VIEW_INIT_QUEUE.set(editor, queue);
+}
+function getAfterViewInitQueue(editor) {
+    return EDITOR_TO_AFTER_VIEW_INIT_QUEUE.get(editor) || [];
+}
+function clearAfterViewInitQueue(editor) {
+    EDITOR_TO_AFTER_VIEW_INIT_QUEUE.set(editor, []);
+}
+function executeAfterViewInit(editor) {
+    const queue = getAfterViewInitQueue(editor);
+    queue.forEach(callback => callback());
+    clearAfterViewInitQueue(editor);
+}
 
 class LeavesRender {
     constructor(viewContext, viewContainerRef, getOutletParent, getOutletElement) {
@@ -2492,12 +2631,14 @@ class BaseElementComponent extends BaseComponent {
         if (this.editor.isExpanded(this.element)) {
             this.listRender.initialize(this.children, this.element, this.childrenContext);
         }
+        addAfterViewInitQueue(this.editor, () => {
+            this.afterViewInit();
+        });
     }
     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);
@@ -2601,27 +2742,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                 args: [SlateChildrenOutlet, { static: true }]
             }] } });
 
-class SlateLeaves extends ViewContainer {
-    constructor() {
-        super(...arguments);
-        this.initialized = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlateLeaves, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: SlateLeaves, isStandalone: true, selector: "slate-leaves", inputs: { context: "context" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlateLeaves, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'slate-leaves',
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    imports: [NgFor]
-                }]
-        }], propDecorators: { context: [{
-                type: Input
-            }] } });
-
 class SlateVoidText extends BaseTextComponent {
     ngOnInit() {
         super.ngOnInit();
@@ -2645,8 +2765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         class: 'slate-spacer',
                         'data-slate-node': 'text'
                     },
-                    standalone: true,
-                    imports: [SlateLeaves]
+                    standalone: true
                 }]
         }] });
 
@@ -2663,8 +2782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     host: {
                         'data-slate-node': 'text'
                     },
-                    standalone: true,
-                    imports: [SlateLeaves]
+                    standalone: true
                 }]
         }] });
 
@@ -2678,8 +2796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     selector: 'div[slateDefaultElement]',
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    imports: [SlateChildren]
+                    standalone: true
                 }]
         }] });
 
@@ -4075,7 +4192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                             provide: SLATE_DEFAULT_LEAF_COMPONENT_TOKEN,
                             useValue: SlateDefaultLeaf
                         }
-                    ], standalone: true, imports: [SlateChildren, SlateStringTemplate], template: "<slate-string-template #templateComponent></slate-string-template>\n" }]
+                    ], standalone: true, imports: [SlateStringTemplate], template: "<slate-string-template #templateComponent></slate-string-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN]
@@ -4241,8 +4358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     selector: '[slateElement]',
                     template: '<ng-content></ng-content>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    imports: [SlateChildren]
+                    standalone: true
                 }]
         }] });
 
@@ -4256,12 +4372,10 @@ class SlateModule {
             SlateDefaultText,
             SlateString,
             SlateStringTemplate,
-            SlateChildren,
             SlateBlockCard,
-            SlateLeaves,
             SlateDefaultLeaf,
             SlateDefaultString,
-            SlateChildrenOutlet], exports: [SlateEditable, SlateChildren, SlateChildrenOutlet, SlateElement, SlateLeaves, SlateString, SlateDefaultString] }); }
+            SlateChildrenOutlet], exports: [SlateEditable, SlateChildrenOutlet, SlateElement, SlateString, SlateDefaultString] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlateModule, providers: [
             {
                 provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
@@ -4281,14 +4395,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         SlateDefaultText,
                         SlateString,
                         SlateStringTemplate,
-                        SlateChildren,
                         SlateBlockCard,
-                        SlateLeaves,
                         SlateDefaultLeaf,
                         SlateDefaultString,
                         SlateChildrenOutlet
                     ],
-                    exports: [SlateEditable, SlateChildren, SlateChildrenOutlet, SlateElement, SlateLeaves, SlateString, SlateDefaultString],
+                    exports: [SlateEditable, SlateChildrenOutlet, SlateElement, SlateString, SlateDefaultString],
                     providers: [
                         {
                             provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
@@ -4306,5 +4418,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", 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, 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 };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, 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, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, SlateString, blobAsString, buildHTMLText, check, createClipboardData, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getDataTransferClipboard, getDataTransferClipboardText, getDefaultView, getEditableChild, getEditableChildAndIndex, getNavigatorClipboard, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map