slate-angular 15.0.0 → 15.1.0-next.1

package/fesm2020/slate-angular.mjs

@@ -65,7 +65,7 @@ var DOMStaticRange = globalThis.StaticRange;
  * Returns the host window of a DOM node
  */
 const getDefaultView = (value) => {
-    return ((value && value.ownerDocument && value.ownerDocument.defaultView) || null);
+    return (value && value.ownerDocument && value.ownerDocument.defaultView) || null;
 };
 /**
  * Check if a DOM node is a comment node.
@@ -103,9 +103,7 @@ const isDOMText = (value) => {
  * Checks whether a paste event is a plaintext-only event.
  */
 const isPlainTextOnlyPaste = (event) => {
-    return (event.clipboardData &&
-        event.clipboardData.getData('text/plain') !== '' &&
-        event.clipboardData.types.length === 1);
+    return event.clipboardData && event.clipboardData.getData('text/plain') !== '' && event.clipboardData.types.length === 1;
 };
 /**
  * Normalize a DOM point so that it always refers to a text node.
@@ -117,7 +115,6 @@ const normalizeDOMPoint = (domPoint) => {
     if (isDOMElement(node) && node.childNodes.length) {
         let isLast = offset === node.childNodes.length;
         let index = isLast ? offset - 1 : offset;
-        ;
         [node, index] = getEditableChildAndIndex(node, index, isLast ? 'backward' : 'forward');
         // If the editable child found is in front of input offset, we instead seek to its end
         isLast = index < offset;
@@ -128,8 +125,7 @@ const normalizeDOMPoint = (domPoint) => {
             node = getEditableChild(node, i, isLast ? 'backward' : 'forward');
         }
         // Determine the new offset inside the text node.
-        offset =
-            isLast && node.textContent != null ? node.textContent.length : 0;
+        offset = isLast && node.textContent != null ? node.textContent.length : 0;
     }
     // Return the node and offset.
     return [node, offset];
@@ -254,13 +250,10 @@ const IS_IOS = typeof navigator !== 'undefined' &&
     !window.MSStream;
 const IS_APPLE = typeof navigator !== 'undefined' && /Mac OS X/.test(navigator.userAgent);
 const IS_ANDROID = typeof navigator !== 'undefined' && /Android/.test(navigator.userAgent);
-const IS_FIREFOX = typeof navigator !== 'undefined' &&
-    /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
-const IS_SAFARI = typeof navigator !== 'undefined' &&
-    /Version\/[\d\.]+.*Safari/.test(navigator.userAgent);
+const IS_FIREFOX = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
+const IS_SAFARI = typeof navigator !== 'undefined' && /Version\/[\d\.]+.*Safari/.test(navigator.userAgent);
 // "modern" Edge was released at 79.x
-const IS_EDGE_LEGACY = typeof navigator !== 'undefined' &&
-    /Edge?\/(?:[0-6][0-9]|[0-7][0-8])(?:\.)/i.test(navigator.userAgent);
+const IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /Edge?\/(?:[0-6][0-9]|[0-7][0-8])(?:\.)/i.test(navigator.userAgent);
 const IS_CHROME = typeof navigator !== 'undefined' && /Chrome/i.test(navigator.userAgent);
 // Native beforeInput events don't work well with react on Chrome 75 and older, Chrome 76+ can use beforeInput
 const IS_CHROME_LEGACY = typeof navigator !== 'undefined' &&
@@ -268,8 +261,7 @@ const IS_CHROME_LEGACY = typeof navigator !== 'undefined' &&
     // Exclude Chrome version greater than 3 bits，Chrome releases v100 on 2022.03.29
     !/Chrome?\/(?:\d{3,})/i.test(navigator.userAgent);
 // Firefox did not support `beforeInput` until `v87`.
-const IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' &&
-    /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])(?:\.)).*/i.test(navigator.userAgent);
+const IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])(?:\.)).*/i.test(navigator.userAgent);
 // qq browser
 const IS_QQBROWSER = typeof navigator !== 'undefined' && /.*QQBrowser/.test(navigator.userAgent);
 // UC mobile browser
@@ -372,8 +364,7 @@ const AngularEditor = {
     findDocumentOrShadowRoot(editor) {
         const el = AngularEditor.toDOMNode(editor, editor);
         const root = el.getRootNode();
-        if ((root instanceof Document || root instanceof ShadowRoot) &&
-            root.getSelection != null) {
+        if ((root instanceof Document || root instanceof ShadowRoot) && root.getSelection != null) {
             return root;
         }
         return el.ownerDocument;
@@ -402,7 +393,10 @@ const AngularEditor = {
             return false;
         }
         const [start, end] = Range.edges(selection);
-        const endBlock = Editor.above(editor, { at: end, match: (node) => Editor.isBlock(editor, node) });
+        const endBlock = Editor.above(editor, {
+            at: end,
+            match: node => Editor.isBlock(editor, node)
+        });
         return Editor.isStart(editor, end, endBlock[1]);
     },
     /**
@@ -463,9 +457,8 @@ const AngularEditor = {
         if (!targetEl) {
             return false;
         }
-        return targetEl.closest(`[data-slate-editor]`) === editorEl &&
-            (!editable || targetEl.isContentEditable ||
-                !!targetEl.getAttribute('data-slate-zero-width'));
+        return (targetEl.closest(`[data-slate-editor]`) === editorEl &&
+            (!editable || targetEl.isContentEditable || !!targetEl.getAttribute('data-slate-zero-width')));
     },
     /**
      * Insert data from a `DataTransfer` into the editor.
@@ -474,8 +467,8 @@ const AngularEditor = {
         editor.insertData(data);
     },
     /**
-   * Insert fragment data from a `DataTransfer` into the editor.
-   */
+     * Insert fragment data from a `DataTransfer` into the editor.
+     */
     insertFragmentData(editor, data) {
         return editor.insertFragmentData(data);
     },
@@ -492,8 +485,8 @@ const AngularEditor = {
         editor.onKeydown(data);
     },
     /**
-    * onClick hook.
-    */
+     * onClick hook.
+     */
     onClick(editor, data) {
         editor.onClick(data);
     },
@@ -510,9 +503,7 @@ const AngularEditor = {
      * Find the native DOM element from a Slate node.
      */
     toDOMNode(editor, node) {
-        const domNode = Editor.isEditor(node)
-            ? EDITOR_TO_ELEMENT.get(editor)
-            : NODE_TO_ELEMENT.get(node);
+        const domNode = Editor.isEditor(node) ? EDITOR_TO_ELEMENT.get(editor) : NODE_TO_ELEMENT.get(node);
         if (!domNode) {
             throw new Error(`Cannot resolve a DOM node from Slate node: ${JSON.stringify(node)}`);
         }
@@ -588,13 +579,9 @@ const AngularEditor = {
         // A slate Point at zero-width Leaf always has an offset of 0 but a native DOM selection at
         // zero-width node has an offset of 1 so we have to check if we are in a zero-width node and
         // adjust the offset accordingly.
-        const startEl = (isDOMElement(startNode)
-            ? startNode
-            : startNode.parentElement);
+        const startEl = (isDOMElement(startNode) ? startNode : startNode.parentElement);
         const isStartAtZeroWidth = !!startEl.getAttribute('data-slate-zero-width');
-        const endEl = (isDOMElement(endNode)
-            ? endNode
-            : endNode.parentElement);
+        const endEl = (isDOMElement(endNode) ? endNode : endNode.parentElement);
         const isEndAtZeroWidth = !!endEl.getAttribute('data-slate-zero-width');
         domRange.setStart(startNode, isStartAtZeroWidth ? 1 : startOffset);
         domRange.setEnd(endNode, isEndAtZeroWidth ? 1 : endOffset);
@@ -632,9 +619,7 @@ const AngularEditor = {
         // coordinates are closest to.
         if (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 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, {
                 edge: isPrev ? 'start' : 'end'
             });
@@ -693,15 +678,11 @@ const AngularEditor = {
             // forward
             // and to the end of previous node
             if (isCardLeftByTargetAttr(cardTargetAttr) && !isBackward) {
-                const endPath = blockPath[blockPath.length - 1] <= 0
-                    ? blockPath
-                    : Path.previous(blockPath);
+                const endPath = blockPath[blockPath.length - 1] <= 0 ? blockPath : Path.previous(blockPath);
                 return Editor.end(editor, endPath);
             }
             // to the of current node
-            if ((isCardCenterByTargetAttr(cardTargetAttr) ||
-                isCardRightByTargetAttr(cardTargetAttr)) &&
-                !isBackward) {
+            if ((isCardCenterByTargetAttr(cardTargetAttr) || isCardRightByTargetAttr(cardTargetAttr)) && !isBackward) {
                 return Editor.end(editor, blockPath);
             }
             // backward
@@ -710,9 +691,7 @@ const AngularEditor = {
                 return Editor.start(editor, Path.next(blockPath));
             }
             // and to the start of current node
-            if ((isCardCenterByTargetAttr(cardTargetAttr) ||
-                isCardLeftByTargetAttr(cardTargetAttr)) &&
-                isBackward) {
+            if ((isCardCenterByTargetAttr(cardTargetAttr) || isCardLeftByTargetAttr(cardTargetAttr)) && isBackward) {
                 return Editor.start(editor, blockPath);
             }
         }
@@ -731,7 +710,7 @@ const AngularEditor = {
                 const contents = range.cloneContents();
                 const removals = [
                     ...Array.prototype.slice.call(contents.querySelectorAll('[data-slate-zero-width]')),
-                    ...Array.prototype.slice.call(contents.querySelectorAll('[contenteditable=false]')),
+                    ...Array.prototype.slice.call(contents.querySelectorAll('[contenteditable=false]'))
                 ];
                 removals.forEach(el => {
                     el.parentNode.removeChild(el);
@@ -758,9 +737,7 @@ const AngularEditor = {
             // 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 &&
-                offset === domNode.textContent.length &&
-                (parentNode && parentNode.hasAttribute('data-slate-zero-width'))) {
+            if (domNode && offset === domNode.textContent.length && parentNode && parentNode.hasAttribute('data-slate-zero-width')) {
                 offset--;
             }
         }
@@ -795,9 +772,7 @@ const AngularEditor = {
                 // (2020/08/08)
                 // https://bugs.chromium.org/p/chromium/issues/detail?id=447523
                 if (IS_CHROME && hasShadowRoot()) {
-                    isCollapsed =
-                        domRange.anchorNode === domRange.focusNode &&
-                            domRange.anchorOffset === domRange.focusOffset;
+                    isCollapsed = domRange.anchorNode === domRange.focusNode && domRange.anchorOffset === domRange.focusOffset;
                 }
                 else {
                     isCollapsed = domRange.isCollapsed;
@@ -822,22 +797,19 @@ const AngularEditor = {
         return Element.isElement(node) && !editor.isInline(node) && Editor.hasInlines(editor, node);
     },
     isBlockCardLeftCursor(editor) {
-        return editor.selection.anchor.offset === FAKE_LEFT_BLOCK_CARD_OFFSET && editor.selection.focus.offset === FAKE_LEFT_BLOCK_CARD_OFFSET;
+        return (editor.selection.anchor.offset === FAKE_LEFT_BLOCK_CARD_OFFSET && editor.selection.focus.offset === FAKE_LEFT_BLOCK_CARD_OFFSET);
     },
     isBlockCardRightCursor(editor) {
-        return editor.selection.anchor.offset === FAKE_RIGHT_BLOCK_CARD_OFFSET && editor.selection.focus.offset === FAKE_RIGHT_BLOCK_CARD_OFFSET;
+        return (editor.selection.anchor.offset === FAKE_RIGHT_BLOCK_CARD_OFFSET &&
+            editor.selection.focus.offset === FAKE_RIGHT_BLOCK_CARD_OFFSET);
     },
     getCardCursorNode(editor, blockCardNode, options) {
         const blockCardElement = AngularEditor.toDOMNode(editor, blockCardNode);
         const cardCenter = blockCardElement.parentElement;
-        return options.direction === 'left'
-            ? cardCenter.previousElementSibling
-            : cardCenter.nextElementSibling;
+        return options.direction === 'left' ? cardCenter.previousElementSibling : cardCenter.nextElementSibling;
     },
     toSlateCardEntry(editor, node) {
-        const element = node.parentElement
-            .closest('.slate-block-card')?.querySelector('[card-target="card-center"]')
-            .firstElementChild;
+        const element = node.parentElement.closest('.slate-block-card')?.querySelector('[card-target="card-center"]').firstElementChild;
         const slateNode = AngularEditor.toSlateNode(editor, element);
         const path = AngularEditor.findPath(editor, slateNode);
         return [slateNode, path];
@@ -861,13 +833,16 @@ const AngularEditor = {
      * @param options
      */
     moveBlockCardCursor(editor, path, options) {
-        const cursor = { path, offset: options.direction === 'left' ? FAKE_LEFT_BLOCK_CARD_OFFSET : FAKE_RIGHT_BLOCK_CARD_OFFSET };
+        const cursor = {
+            path,
+            offset: options.direction === 'left' ? FAKE_LEFT_BLOCK_CARD_OFFSET : FAKE_RIGHT_BLOCK_CARD_OFFSET
+        };
         Transforms.select(editor, { anchor: cursor, focus: cursor });
     },
     hasRange(editor, range) {
         const { anchor, focus } = range;
-        return (Editor.hasPath(editor, anchor.path) && Editor.hasPath(editor, focus.path));
-    },
+        return Editor.hasPath(editor, anchor.path) && Editor.hasPath(editor, focus.path);
+    }
 };
 
 /**
@@ -999,16 +974,13 @@ const isDecoratorRangeListEqual = (list, another) => {
     return true;
 };
 
-const isValid = (value) => (Element.isElement(value) &&
-    value.children.length > 0 &&
-    value.children.every((child) => isValid(child))) ||
+const isValid = (value) => (Element.isElement(value) && value.children.length > 0 && value.children.every(child => isValid(child))) ||
     Text$1.isText(value);
 const check = (document) => {
-    return document.every((value) => Element.isElement(value) && isValid(value));
-    ;
+    return document.every(value => Element.isElement(value) && isValid(value));
 };
 function normalize(document) {
-    return document.filter((value) => Element.isElement(value) && isValid(value));
+    return document.filter(value => Element.isElement(value) && isValid(value));
 }
 
 /**
@@ -1065,7 +1037,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),
-                at: editor.selection,
+                at: editor.selection
             });
             if (parentBlockEntry) {
                 const [, parentBlockPath] = parentBlockEntry;
@@ -1094,7 +1066,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
             case 'merge_node':
             case 'split_node': {
                 for (const [node, path] of Editor.levels(e, {
-                    at: Path.parent(op.path),
+                    at: Path.parent(op.path)
                 })) {
                     const key = AngularEditor.findKey(e, node);
                     matches.push([path, key]);
@@ -1103,11 +1075,15 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
             }
             case 'move_node': {
                 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) })) {
+                for (const [node, path] of Editor.levels(e, {
+                    at: Path.parent(op.path)
+                })) {
                     const key = AngularEditor.findKey(e, node);
                     matches.push([Editor.pathRef(editor, path), key]);
                 }
-                for (const [node, path] of Editor.levels(e, { at: Path.parent(op.newPath) })) {
+                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]);
@@ -1225,8 +1201,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
         /**
          * Checking copied fragment from application/x-slate-fragment or data-slate-fragment
          */
-        const fragment = data.getData(`application/${clipboardFormatKey}`) ||
-            getSlateFragmentAttribute(data);
+        const fragment = data.getData(`application/${clipboardFormatKey}`) || getSlateFragmentAttribute(data);
         if (fragment) {
             const decoded = decodeURIComponent(window.atob(fragment));
             const parsed = JSON.parse(decoded);
@@ -1253,7 +1228,7 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
     };
     e.onKeydown = () => { };
     e.onClick = () => { };
-    e.isBlockCard = (element) => false;
+    e.isBlockCard = element => false;
     e.onError = (errorData) => {
         if (errorData.nativeError) {
             console.error(errorData.nativeError);
@@ -1597,7 +1572,7 @@ const BEFORE_INPUT_EVENTS = [
     { name: 'keypress', handler: null, isTriggerBeforeInput: true },
     { name: 'keyup', handler: 'onKeyUp', isTriggerBeforeInput: true },
     { name: 'mousedown', handler: 'onMouseDown', isTriggerBeforeInput: true },
-    { name: 'textInput', handler: null, isTriggerBeforeInput: true },
+    { name: 'textInput', handler: null, isTriggerBeforeInput: true }
     // { name: 'paste', handler: 'onPaste', isTriggerBeforeInput: true }
 ];
 
@@ -1613,17 +1588,46 @@ var SlateErrorCode;
     SlateErrorCode[SlateErrorCode["InvalidValueError"] = 4100] = "InvalidValueError";
 })(SlateErrorCode || (SlateErrorCode = {}));
 
+function restoreDom(editor, execute) {
+    const editable = EDITOR_TO_ELEMENT.get(editor);
+    let observer = new MutationObserver(mutations => {
+        mutations.reverse().forEach(mutation => {
+            if (mutation.type === 'characterData') {
+                // We don't want to restore the DOM for characterData mutations
+                // because this interrupts the composition.
+                return;
+            }
+            mutation.removedNodes.forEach(node => {
+                mutation.target.insertBefore(node, mutation.nextSibling);
+            });
+            mutation.addedNodes.forEach(node => {
+                mutation.target.removeChild(node);
+            });
+        });
+        disconnect();
+        execute();
+    });
+    const disconnect = () => {
+        observer.disconnect();
+        observer = null;
+    };
+    observer.observe(editable, { subtree: true, childList: true, characterData: true, characterDataOldValue: true });
+    setTimeout(() => {
+        if (observer) {
+            disconnect();
+            execute();
+        }
+    }, 0);
+}
+
 class SlateStringTemplateComponent {
 }
 SlateStringTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateStringTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SlateStringTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateStringTemplateComponent, selector: "slate-string-template", viewQueries: [{ propertyName: "stringTemplate", first: true, predicate: ["stringTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "compatStringTemplate", first: true, predicate: ["compatStringTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "emptyStringTemplate", first: true, predicate: ["emptyStringTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "emptyTextTemplate", first: true, predicate: ["emptyTextTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "lineBreakEmptyStringTemplate", first: true, predicate: ["lineBreakEmptyStringTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #stringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-string=\"true\">{{ context.text }}</span>\n</ng-template>\n<ng-template #compatStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <!-- Compatible with Chinese input in Chrome with \\n -->\n    <span editable-text data-slate-string=\"true\">{{ context.text }}<span data-slate-zero-width>{{'\\uFEFF'}}</span></span>\n</ng-template>\n<ng-template #emptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"z\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #emptyTextTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"z\" data-slate-length=\"0\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #lineBreakEmptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"n\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF'\n        }}<br /></span>\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SlateStringTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateStringTemplateComponent, selector: "slate-string-template", viewQueries: [{ propertyName: "compatStringTemplate", first: true, predicate: ["compatStringTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "emptyStringTemplate", first: true, predicate: ["emptyStringTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "emptyTextTemplate", first: true, predicate: ["emptyTextTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "lineBreakEmptyStringTemplate", first: true, predicate: ["lineBreakEmptyStringTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #compatStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <!-- Compatible with Chinese input in Chrome with \\n -->\n  <span editable-text data-slate-string=\"true\"\n    >{{ context.text }}<span data-slate-zero-width>{{ '\\uFEFF' }}</span></span\n  >\n</ng-template>\n<ng-template #emptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"z\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #emptyTextTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"z\" data-slate-length=\"0\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #lineBreakEmptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"n\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}<br /></span>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateStringTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'slate-string-template', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #stringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-string=\"true\">{{ context.text }}</span>\n</ng-template>\n<ng-template #compatStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <!-- Compatible with Chinese input in Chrome with \\n -->\n    <span editable-text data-slate-string=\"true\">{{ context.text }}<span data-slate-zero-width>{{'\\uFEFF'}}</span></span>\n</ng-template>\n<ng-template #emptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"z\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #emptyTextTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"z\" data-slate-length=\"0\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #lineBreakEmptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n    <span editable-text data-slate-zero-width=\"n\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF'\n        }}<br /></span>\n</ng-template>" }]
-        }], propDecorators: { stringTemplate: [{
-                type: ViewChild,
-                args: ['stringTemplate', { read: TemplateRef, static: true }]
-            }], compatStringTemplate: [{
+            args: [{ selector: 'slate-string-template', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #compatStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <!-- Compatible with Chinese input in Chrome with \\n -->\n  <span editable-text data-slate-string=\"true\"\n    >{{ context.text }}<span data-slate-zero-width>{{ '\\uFEFF' }}</span></span\n  >\n</ng-template>\n<ng-template #emptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"z\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #emptyTextTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"z\" data-slate-length=\"0\">{{ '\\uFEFF' }}</span>\n</ng-template>\n<ng-template #lineBreakEmptyStringTemplate let-context=\"context\" let-viewContext=\"viewContext\">\n  <span editable-text data-slate-zero-width=\"n\" attr.data-slate-length=\"{{ context.elementStringLength }}\">{{ '\\uFEFF' }}<br /></span>\n</ng-template>\n" }]
+        }], propDecorators: { compatStringTemplate: [{
                 type: ViewChild,
                 args: ['compatStringTemplate', { read: TemplateRef, static: true }]
             }], emptyStringTemplate: [{
@@ -1634,7 +1638,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 args: ['emptyTextTemplate', { read: TemplateRef, static: true }]
             }], lineBreakEmptyStringTemplate: [{
                 type: ViewChild,
-                args: ['lineBreakEmptyStringTemplate', { read: TemplateRef, static: true }]
+                args: ['lineBreakEmptyStringTemplate', {
+                        read: TemplateRef,
+                        static: true
+                    }]
             }] } });
 
 class SlateBlockCardComponent {
@@ -1652,17 +1659,17 @@ class SlateBlockCardComponent {
         this.nativeElement.classList.add(`slate-block-card`);
     }
     append() {
-        this.centerRootNodes.forEach((rootNode) => !this.centerContainerElement.contains(rootNode) && this.centerContainerElement.appendChild(rootNode));
+        this.centerRootNodes.forEach(rootNode => !this.centerContainerElement.contains(rootNode) && this.centerContainerElement.appendChild(rootNode));
     }
     initializeCenter(rootNodes) {
         this.centerRootNodes = rootNodes;
     }
 }
 SlateBlockCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateBlockCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SlateBlockCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateBlockCardComponent, 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>" });
+SlateBlockCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateBlockCardComponent, 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" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateBlockCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'slate-block-card, [slateBlockCard]', 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>" }]
+            args: [{ selector: 'slate-block-card, [slateBlockCard]', 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" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { centerContianer: [{
                 type: ViewChild,
                 args: ['centerContianer', { static: true }]
@@ -1679,7 +1686,7 @@ class ViewContainerItem {
     }
     getRootNodes() {
         if (this.embeddedViewRef) {
-            return this.embeddedViewRef.rootNodes.filter((rootNode) => isDOMElement(rootNode));
+            return this.embeddedViewRef.rootNodes.filter(rootNode => isDOMElement(rootNode));
         }
         if (this.componentRef) {
             return [this.componentRef.instance.nativeElement];
@@ -1705,7 +1712,10 @@ class ViewContainerItem {
         this.viewType = this.getViewType();
         const context = this.getContext();
         if (isTemplateRef(this.viewType)) {
-            this.embeddedViewContext = { context, viewContext: this.viewContext };
+            this.embeddedViewContext = {
+                context,
+                viewContext: this.viewContext
+            };
             const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.viewType, this.embeddedViewContext);
             this.embeddedViewRef = embeddedViewRef;
         }
@@ -1737,9 +1747,12 @@ class ViewContainerItem {
             this.viewType = viewType;
             const firstRootNode = this.rootNodes[0];
             if (isTemplateRef(this.viewType)) {
-                this.embeddedViewContext = { context, viewContext: this.viewContext };
+                this.embeddedViewContext = {
+                    context,
+                    viewContext: this.viewContext
+                };
                 const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.viewType, this.embeddedViewContext);
-                firstRootNode.replaceWith(...embeddedViewRef.rootNodes.filter((rootNode) => isDOMElement(rootNode)));
+                firstRootNode.replaceWith(...embeddedViewRef.rootNodes.filter(rootNode => isDOMElement(rootNode)));
                 this.destroyView();
                 this.embeddedViewRef = embeddedViewRef;
             }
@@ -1987,7 +2000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         }] });
 
 /**
- * the sepcial container for angular template
+ * the special container for angular template
  * Add the rootNodes of each child component to the parentElement
  * Remove useless DOM elements, eg: comment...
  */
@@ -2007,7 +2020,7 @@ class ViewContainer {
             parentElement.insertBefore(this.createFragment(), this.elementRef.nativeElement);
             this.elementRef.nativeElement.remove();
         }
-        this.childrenComponent.changes.subscribe((value) => {
+        this.childrenComponent.changes.subscribe(value => {
             const iterableChanges = differ.diff(this.childrenComponent);
             if (iterableChanges) {
                 iterableChanges.forEachOperation((record, previousIndex, currentIndex) => {
@@ -2060,7 +2073,7 @@ class ViewContainer {
             // insert afterend of previous component end
             let previousRootNode = this.getPreviousRootNode(record.currentIndex);
             if (previousRootNode) {
-                record.item.rootNodes.forEach((rootNode) => {
+                record.item.rootNodes.forEach(rootNode => {
                     previousRootNode.insertAdjacentElement('afterend', rootNode);
                     previousRootNode = rootNode;
                 });
@@ -2085,6 +2098,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 type: Input
             }] } });
 
+class SlateDefaultStringComponent extends BaseComponent {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+    }
+    onContextChange() {
+        // Avoid breaking some browser default behaviors, such as spellCheck, android composition input state
+        if (this.nativeElement.textContent !== this.context.text) {
+            this.nativeElement.textContent = this.context.text;
+        }
+    }
+    ngOnInit() {
+        this.nativeElement.setAttribute('editable-text', '');
+        this.nativeElement.setAttribute('data-slate-string', 'true');
+    }
+}
+SlateDefaultStringComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateDefaultStringComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SlateDefaultStringComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateDefaultStringComponent, selector: "span[slateDefaultString]", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateDefaultStringComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[slateDefaultString]',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
 class SlateStringComponent extends ViewContainerItem {
     constructor(elementRef, viewContainerRef) {
         super(viewContainerRef);
@@ -2131,10 +2172,13 @@ class SlateStringComponent extends ViewContainerItem {
         if (this.context.isLast && this.context.leaf.text.slice(-1) === '\n') {
             return this.viewContext.templateComponent.compatStringTemplate;
         }
-        return this.viewContext.templateComponent.stringTemplate;
+        return SlateDefaultStringComponent;
     }
     getContext() {
-        return { text: this.context.leaf.text, elementStringLength: Node.string(this.context.parent).length };
+        return {
+            text: this.context.leaf.text,
+            elementStringLength: Node.string(this.context.parent).length
+        };
     }
     memoizedContext(prev, next) {
         return false;
@@ -2164,12 +2208,12 @@ class SlateDefaultLeafComponent extends BaseLeafComponent {
     }
 }
 SlateDefaultLeafComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateDefaultLeafComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SlateDefaultLeafComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateDefaultLeafComponent, selector: "span[slateDefaultLeaf]", host: { attributes: { "data-slate-leaf": "true" } }, usesInheritance: true, ngImport: i0, template: `<span slateString [context]="context" [viewContext]="viewContext"><span>`, isInline: true, dependencies: [{ kind: "component", type: SlateStringComponent, selector: "span[slateString]", inputs: ["context"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SlateDefaultLeafComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateDefaultLeafComponent, selector: "span[slateDefaultLeaf]", host: { attributes: { "data-slate-leaf": "true" } }, usesInheritance: true, ngImport: i0, template: `<span slateString [context]="context" [viewContext]="viewContext"><span></span></span>`, isInline: true, dependencies: [{ kind: "component", type: SlateStringComponent, selector: "span[slateString]", inputs: ["context"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateDefaultLeafComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[slateDefaultLeaf]',
-                    template: `<span slateString [context]="context" [viewContext]="viewContext"><span>`,
+                    template: `<span slateString [context]="context" [viewContext]="viewContext"><span></span></span>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         'data-slate-leaf': 'true'
@@ -2185,7 +2229,7 @@ class SlateLeafComponent extends ViewContainerItem {
         return this.context;
     }
     getViewType() {
-        return this.viewContext.renderLeaf && this.viewContext.renderLeaf(this.context.leaf) || SlateDefaultLeafComponent;
+        return (this.viewContext.renderLeaf && this.viewContext.renderLeaf(this.context.leaf)) || SlateDefaultLeafComponent;
     }
     memoizedContext(prev, next) {
         return false;
@@ -2204,7 +2248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             args: [{
                     selector: 'slate-leaf',
                     template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { context: [{
                 type: Input
@@ -2249,19 +2293,21 @@ class SlateLeavesComponent extends ViewContainer {
 }
 SlateLeavesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateLeavesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 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 });
+        [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: [{
             type: Component,
             args: [{
                     selector: 'slate-leaves',
                     template: `<slate-leaf
-                    [context]="context" [viewContext]="viewContext"
-                    [viewContext]="viewContext"
-                    *ngFor="let context of leafContexts; trackBy: trackBy"></slate-leaf>
-    `,
+        [context]="context"
+        [viewContext]="viewContext"
+        [viewContext]="viewContext"
+        *ngFor="let context of leafContexts; trackBy: trackBy"
+    ></slate-leaf>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { context: [{
@@ -2309,8 +2355,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         '[attr.contenteditable]': 'isLeafBlock',
-                        'data-slate-spacer': "true",
-                        'class': 'slate-spacer',
+                        'data-slate-spacer': 'true',
+                        class: 'slate-spacer',
                         'data-slate-node': 'text'
                     }
                 }]
@@ -2392,7 +2438,10 @@ class SlateDescendantComponent extends ViewContainerItem {
             return { selection: sel, decorations: ds };
         }
         catch (error) {
-            this.viewContext.editor.onError({ code: SlateErrorCode.GetStartPointError, nativeError: error });
+            this.viewContext.editor.onError({
+                code: SlateErrorCode.GetStartPointError,
+                nativeError: error
+            });
             return { selection: null, decorations: [] };
         }
     }
@@ -2439,7 +2488,9 @@ class SlateDescendantComponent extends ViewContainerItem {
         }
         else {
             const isVoid = this.viewContext.editor.isVoid(this.context.parent);
-            return isVoid ? SlateVoidTextComponent : (this.viewContext.renderText && this.viewContext.renderText(this.descendant)) || SlateDefaultTextComponent;
+            return isVoid
+                ? SlateVoidTextComponent
+                : (this.viewContext.renderText && this.viewContext.renderText(this.descendant)) || SlateDefaultTextComponent;
         }
     }
     memoizedElementContext(prev, next) {
@@ -2447,10 +2498,7 @@ class SlateDescendantComponent extends ViewContainerItem {
             (!this.viewContext.isStrictDecorate || prev.decorate === next.decorate) &&
             prev.readonly === next.readonly &&
             isDecoratorRangeListEqual(prev.decorations, next.decorations) &&
-            (prev.selection === next.selection ||
-                (!!prev.selection &&
-                    !!next.selection &&
-                    Range.equals(prev.selection, next.selection))));
+            (prev.selection === next.selection || (!!prev.selection && !!next.selection && Range.equals(prev.selection, next.selection))));
     }
     memoizedTextContext(prev, next) {
         return (next.parent === prev.parent &&
@@ -2496,26 +2544,29 @@ class SlateChildrenComponent extends ViewContainer {
             return this.viewContext.trackBy(node) || AngularEditor.findKey(this.viewContext.editor, node);
         };
     }
-    ngOnInit() {
-    }
+    ngOnInit() { }
 }
 SlateChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateChildrenComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SlateChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateChildrenComponent, selector: "slate-children", inputs: { children: "children", context: "context", viewContext: "viewContext" }, viewQueries: [{ propertyName: "childrenComponent", predicate: SlateDescendantComponent, descendants: true, read: SlateDescendantComponent }], usesInheritance: true, ngImport: i0, template: `<slate-descendant 
-                    [descendant]="descendant"
-                    [context]="context" [viewContext]="viewContext"
-                    [viewContext]="viewContext"
-                    [index]="index"
-                    *ngFor="let descendant of children;let index = index; trackBy: trackBy"></slate-descendant>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SlateDescendantComponent, selector: "slate-descendant", inputs: ["descendant", "context", "viewContext", "index"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SlateChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateChildrenComponent, selector: "slate-children", inputs: { children: "children", context: "context", viewContext: "viewContext" }, viewQueries: [{ propertyName: "childrenComponent", predicate: SlateDescendantComponent, descendants: true, read: SlateDescendantComponent }], usesInheritance: true, ngImport: i0, template: `<slate-descendant
+        [descendant]="descendant"
+        [context]="context"
+        [viewContext]="viewContext"
+        [viewContext]="viewContext"
+        [index]="index"
+        *ngFor="let descendant of children; let index = index; trackBy: trackBy"
+    ></slate-descendant>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SlateDescendantComponent, selector: "slate-descendant", inputs: ["descendant", "context", "viewContext", "index"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateChildrenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'slate-children',
-                    template: `<slate-descendant 
-                    [descendant]="descendant"
-                    [context]="context" [viewContext]="viewContext"
-                    [viewContext]="viewContext"
-                    [index]="index"
-                    *ngFor="let descendant of children;let index = index; trackBy: trackBy"></slate-descendant>`,
+                    template: `<slate-descendant
+        [descendant]="descendant"
+        [context]="context"
+        [viewContext]="viewContext"
+        [viewContext]="viewContext"
+        [index]="index"
+        *ngFor="let descendant of children; let index = index; trackBy: trackBy"
+    ></slate-descendant>`,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { children: [{
@@ -2584,7 +2635,7 @@ class SlateEditableComponent {
         // remove unused DOM, just keep templateComponent instance
         this.templateElementRef.nativeElement.remove();
         // add browser class
-        let browserClass = IS_FIREFOX ? 'firefox' : (IS_SAFARI ? 'safari' : '');
+        let browserClass = IS_FIREFOX ? 'firefox' : IS_SAFARI ? 'safari' : '';
         browserClass && this.elementRef.nativeElement.classList.add(browserClass);
     }
     ngOnChanges(simpleChanges) {
@@ -2661,7 +2712,7 @@ class SlateEditableComponent {
             const root = AngularEditor.findDocumentOrShadowRoot(this.editor);
             const { activeElement } = root;
             const domSelection = root.getSelection();
-            if (this.isComposing || !domSelection || !AngularEditor.isFocused(this.editor)) {
+            if ((this.isComposing && !IS_ANDROID) || !domSelection || !AngularEditor.isFocused(this.editor)) {
                 return;
             }
             const hasDomSelection = domSelection.type !== 'None';
@@ -2725,17 +2776,19 @@ class SlateEditableComponent {
             });
         }
         catch (error) {
-            this.editor.onError({ code: SlateErrorCode.ToNativeSelectionError, nativeError: error });
+            this.editor.onError({
+                code: SlateErrorCode.ToNativeSelectionError,
+                nativeError: error
+            });
+            this.isUpdatingSelection = false;
         }
     }
     onChange() {
         this.forceFlush();
         this.onChangeCallback(this.editor.children);
     }
-    ngAfterViewChecked() {
-    }
-    ngDoCheck() {
-    }
+    ngAfterViewChecked() { }
+    ngDoCheck() { }
     forceFlush() {
         this.detectContext();
         this.cdr.detectChanges();
@@ -2755,7 +2808,7 @@ class SlateEditableComponent {
                 const textDOMNode = AngularEditor.toDOMNode(this.editor, textNode);
                 let textContent = '';
                 // skip decorate text
-                textDOMNode.querySelectorAll('[editable-text]').forEach((stringDOMNode) => {
+                textDOMNode.querySelectorAll('[editable-text]').forEach(stringDOMNode => {
                     let text = stringDOMNode.textContent;
                     const zeroChar = '\uFEFF';
                     // remove zero with char
@@ -2813,17 +2866,14 @@ class SlateEditableComponent {
         if (this.placeholderDecorate) {
             return this.placeholderDecorate(editor) || [];
         }
-        if (this.placeholder &&
-            editor.children.length === 1 &&
-            Array.from(Node.texts(editor)).length === 1 &&
-            Node.string(editor) === '') {
+        if (this.placeholder && editor.children.length === 1 && Array.from(Node.texts(editor)).length === 1 && Node.string(editor) === '') {
             const start = Editor.start(editor, []);
             return [
                 {
                     placeholder: this.placeholder,
                     anchor: start,
-                    focus: start,
-                },
+                    focus: start
+                }
             ];
         }
         else {
@@ -2832,9 +2882,7 @@ class SlateEditableComponent {
     }
     generateDecorations() {
         const decorations = this.decorate([this.editor, []]);
-        const placeholderDecorations = this.isComposing
-            ? []
-            : this.composePlaceholderDecorate(this.editor);
+        const placeholderDecorations = this.isComposing ? [] : this.composePlaceholderDecorate(this.editor);
         decorations.push(...placeholderDecorations);
         return decorations;
     }
@@ -2849,7 +2897,7 @@ class SlateEditableComponent {
         }));
     }
     toSlateSelection() {
-        if (!this.isComposing && !this.isUpdatingSelection && !this.isDraggingInternally) {
+        if ((!this.isComposing || IS_ANDROID) && !this.isUpdatingSelection && !this.isDraggingInternally) {
             try {
                 const root = AngularEditor.findDocumentOrShadowRoot(this.editor);
                 const { activeElement } = root;
@@ -2885,7 +2933,10 @@ class SlateEditableComponent {
                 }
             }
             catch (error) {
-                this.editor.onError({ code: SlateErrorCode.ToSlateSelectionError, nativeError: error });
+                this.editor.onError({
+                    code: SlateErrorCode.ToSlateSelectionError,
+                    nativeError: error
+                });
             }
         }
     }
@@ -2893,11 +2944,70 @@ class SlateEditableComponent {
         const editor = this.editor;
         const root = AngularEditor.findDocumentOrShadowRoot(this.editor);
         const { activeElement } = root;
-        if (!this.readonly && hasEditableTarget(editor, event.target) && !isTargetInsideVoid(editor, activeElement) && !this.isDOMEventHandled(event, this.beforeInput)) {
+        const { selection } = editor;
+        const { inputType: type } = event;
+        const data = event.dataTransfer || event.data || undefined;
+        if (IS_ANDROID) {
+            let targetRange = null;
+            let [nativeTargetRange] = event.getTargetRanges();
+            if (nativeTargetRange) {
+                targetRange = AngularEditor.toSlateRange(editor, nativeTargetRange);
+            }
+            // COMPAT: SelectionChange event is fired after the action is performed, so we
+            // have to manually get the selection here to ensure it's up-to-date.
+            const window = AngularEditor.getWindow(editor);
+            const domSelection = window.getSelection();
+            if (!targetRange && domSelection) {
+                targetRange = AngularEditor.toSlateRange(editor, domSelection);
+            }
+            targetRange = targetRange ?? editor.selection;
+            if (type === 'insertCompositionText') {
+                if (data && data.toString().includes('\n')) {
+                    restoreDom(editor, () => {
+                        Editor.insertBreak(editor);
+                    });
+                }
+                else {
+                    if (targetRange) {
+                        if (data) {
+                            restoreDom(editor, () => {
+                                Transforms.insertText(editor, data.toString(), { at: targetRange });
+                            });
+                        }
+                        else {
+                            restoreDom(editor, () => {
+                                Transforms.delete(editor, { at: targetRange });
+                            });
+                        }
+                    }
+                }
+                return;
+            }
+            if (type === 'deleteContentBackward') {
+                // gboard can not prevent default action, so must use restoreDom,
+                // sougou Keyboard can prevent default action（only in Chinese input mode）.
+                // In order to avoid weird action in Sougou Keyboard, use resotreDom only range's isCollapsed is false (recognize gboard)
+                if (!Range.isCollapsed(targetRange)) {
+                    restoreDom(editor, () => {
+                        Transforms.delete(editor, { at: targetRange });
+                    });
+                    return;
+                }
+            }
+            if (type === 'insertText') {
+                restoreDom(editor, () => {
+                    if (typeof data === 'string') {
+                        Editor.insertText(editor, data);
+                    }
+                });
+                return;
+            }
+        }
+        if (!this.readonly &&
+            hasEditableTarget(editor, event.target) &&
+            !isTargetInsideVoid(editor, activeElement) &&
+            !this.isDOMEventHandled(event, this.beforeInput)) {
             try {
-                const { selection } = editor;
-                const { inputType: type } = event;
-                const data = event.dataTransfer || event.data || undefined;
                 event.preventDefault();
                 // COMPAT: If the selection is expanded, even if the command seems like
                 // a delete forward/backward command it should delete the selection.
@@ -2985,7 +3095,10 @@ class SlateEditableComponent {
                 }
             }
             catch (error) {
-                this.editor.onError({ code: SlateErrorCode.OnDOMBeforeInputError, nativeError: error });
+                this.editor.onError({
+                    code: SlateErrorCode.OnDOMBeforeInputError,
+                    nativeError: error
+                });
             }
         }
     }
@@ -3055,7 +3168,7 @@ class SlateEditableComponent {
             // aren't correct and never fire the "insertFromComposition"
             // type that we need. So instead, insert whenever a composition
             // ends since it will already have been committed to the DOM.
-            if (this.isComposing === true && !IS_SAFARI && event.data) {
+            if (this.isComposing === true && !IS_SAFARI && !IS_ANDROID && event.data) {
                 preventInsertFromComposition(event, this.editor);
                 Editor.insertText(this.editor, event.data);
             }
@@ -3114,8 +3227,7 @@ class SlateEditableComponent {
         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 = 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) {
@@ -3139,7 +3251,7 @@ class SlateEditableComponent {
             if (this.isDraggingInternally) {
                 if (draggedRange) {
                     Transforms.delete(editor, {
-                        at: draggedRange,
+                        at: draggedRange
                     });
                 }
                 this.isDraggingInternally = false;
@@ -3153,7 +3265,10 @@ class SlateEditableComponent {
         }
     }
     onDOMDragEnd(event) {
-        if (!this.readonly && this.isDraggingInternally && hasTarget(this.editor, event.target) && !this.isDOMEventHandled(event, this.dragEnd)) {
+        if (!this.readonly &&
+            this.isDraggingInternally &&
+            hasTarget(this.editor, event.target) &&
+            !this.isDOMEventHandled(event, this.dragEnd)) {
             this.isDraggingInternally = false;
         }
     }
@@ -3294,7 +3409,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteBackward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'backward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'backward'
+                            });
                         }
                         else {
                             Editor.deleteBackward(editor);
@@ -3304,7 +3421,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteForward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'forward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'forward'
+                            });
                         }
                         else {
                             Editor.deleteForward(editor);
@@ -3314,7 +3433,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteLineBackward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'backward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'backward'
+                            });
                         }
                         else {
                             Editor.deleteBackward(editor, { unit: 'line' });
@@ -3324,7 +3445,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteLineForward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'forward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'forward'
+                            });
                         }
                         else {
                             Editor.deleteForward(editor, { unit: 'line' });
@@ -3334,7 +3457,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteWordBackward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'backward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'backward'
+                            });
                         }
                         else {
                             Editor.deleteBackward(editor, { unit: 'word' });
@@ -3344,7 +3469,9 @@ class SlateEditableComponent {
                     if (hotkeys.isDeleteWordForward(nativeEvent)) {
                         event.preventDefault();
                         if (selection && Range.isExpanded(selection)) {
-                            Editor.deleteFragment(editor, { direction: 'forward' });
+                            Editor.deleteFragment(editor, {
+                                direction: 'forward'
+                            });
                         }
                         else {
                             Editor.deleteForward(editor, { unit: 'word' });
@@ -3357,15 +3484,16 @@ class SlateEditableComponent {
                         // COMPAT: Chrome and Safari support `beforeinput` event but do not fire
                         // an event when deleting backwards in a selected void inline node
                         if (selection &&
-                            (hotkeys.isDeleteBackward(nativeEvent) ||
-                                hotkeys.isDeleteForward(nativeEvent)) &&
+                            (hotkeys.isDeleteBackward(nativeEvent) || hotkeys.isDeleteForward(nativeEvent)) &&
                             Range.isCollapsed(selection)) {
                             const currentNode = Node.parent(editor, selection.anchor.path);
                             if (Element.isElement(currentNode) &&
                                 Editor.isVoid(editor, currentNode) &&
                                 Editor.isInline(editor, currentNode)) {
                                 event.preventDefault();
-                                Editor.deleteBackward(editor, { unit: 'block' });
+                                Editor.deleteBackward(editor, {
+                                    unit: 'block'
+                                });
                                 return;
                             }
                         }
@@ -3373,7 +3501,10 @@ class SlateEditableComponent {
                 }
             }
             catch (error) {
-                this.editor.onError({ code: SlateErrorCode.OnDOMKeydownError, nativeError: error });
+                this.editor.onError({
+                    code: SlateErrorCode.OnDOMKeydownError,
+                    nativeError: error
+                });
             }
         }
     }
@@ -3411,7 +3542,10 @@ class SlateEditableComponent {
                 }
             }
             catch (error) {
-                this.editor.onError({ code: SlateErrorCode.ToNativeSelectionError, nativeError: error });
+                this.editor.onError({
+                    code: SlateErrorCode.ToNativeSelectionError,
+                    nativeError: error
+                });
             }
         }
     }
@@ -3433,11 +3567,13 @@ class SlateEditableComponent {
     }
 }
 SlateEditableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateEditableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SlateEditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateEditableComponent, selector: "slate-editable", inputs: { editor: "editor", renderElement: "renderElement", renderLeaf: "renderLeaf", renderText: "renderText", decorate: "decorate", placeholderDecorate: "placeholderDecorate", isStrictDecorate: "isStrictDecorate", trackBy: "trackBy", readonly: "readonly", placeholder: "placeholder", beforeInput: "beforeInput", blur: "blur", click: "click", compositionEnd: "compositionEnd", compositionStart: "compositionStart", copy: "copy", cut: "cut", dragOver: "dragOver", dragStart: "dragStart", dragEnd: "dragEnd", drop: "drop", focus: "focus", keydown: "keydown", paste: "paste", spellCheck: "spellCheck", autoCorrect: "autoCorrect", autoCapitalize: "autoCapitalize" }, host: { properties: { "attr.contenteditable": "readonly ? undefined : true", "attr.role": "readonly ? undefined : 'textbox'", "attr.spellCheck": "!hasBeforeInputSupport ? false : spellCheck", "attr.autoCorrect": "!hasBeforeInputSupport ? 'false' : autoCorrect", "attr.autoCapitalize": "!hasBeforeInputSupport ? 'false' : autoCapitalize", "attr.data-slate-editor": "this.dataSlateEditor", "attr.data-slate-node": "this.dataSlateNode", "attr.data-gramm": "this.dataGramm" }, classAttribute: "slate-editable-container" }, providers: [{
+SlateEditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SlateEditableComponent, selector: "slate-editable", inputs: { editor: "editor", renderElement: "renderElement", renderLeaf: "renderLeaf", renderText: "renderText", decorate: "decorate", placeholderDecorate: "placeholderDecorate", isStrictDecorate: "isStrictDecorate", trackBy: "trackBy", readonly: "readonly", placeholder: "placeholder", beforeInput: "beforeInput", blur: "blur", click: "click", compositionEnd: "compositionEnd", compositionStart: "compositionStart", copy: "copy", cut: "cut", dragOver: "dragOver", dragStart: "dragStart", dragEnd: "dragEnd", drop: "drop", focus: "focus", keydown: "keydown", paste: "paste", spellCheck: "spellCheck", autoCorrect: "autoCorrect", autoCapitalize: "autoCapitalize" }, host: { properties: { "attr.contenteditable": "readonly ? undefined : true", "attr.role": "readonly ? undefined : 'textbox'", "attr.spellCheck": "!hasBeforeInputSupport ? false : spellCheck", "attr.autoCorrect": "!hasBeforeInputSupport ? 'false' : autoCorrect", "attr.autoCapitalize": "!hasBeforeInputSupport ? 'false' : autoCapitalize", "attr.data-slate-editor": "this.dataSlateEditor", "attr.data-slate-node": "this.dataSlateNode", "attr.data-gramm": "this.dataGramm" }, classAttribute: "slate-editable-container" }, providers: [
+        {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => SlateEditableComponent),
             multi: true
-        }], viewQueries: [{ propertyName: "templateComponent", first: true, predicate: ["templateComponent"], descendants: true, static: true }, { propertyName: "templateElementRef", first: true, predicate: ["templateComponent"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<slate-children [children]=\"editor.children\" [context]=\"context\" [viewContext]=\"viewContext\"></slate-children>\n<slate-string-template #templateComponent></slate-string-template>", dependencies: [{ kind: "component", type: SlateStringTemplateComponent, selector: "slate-string-template" }, { kind: "component", type: SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        }
+    ], viewQueries: [{ propertyName: "templateComponent", first: true, predicate: ["templateComponent"], descendants: true, static: true }, { propertyName: "templateElementRef", first: true, predicate: ["templateComponent"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<slate-children [children]=\"editor.children\" [context]=\"context\" [viewContext]=\"viewContext\"></slate-children>\n<slate-string-template #templateComponent></slate-string-template>\n", dependencies: [{ kind: "component", type: SlateStringTemplateComponent, selector: "slate-string-template" }, { kind: "component", type: SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateEditableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'slate-editable', host: {
@@ -3447,11 +3583,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                         '[attr.spellCheck]': `!hasBeforeInputSupport ? false : spellCheck`,
                         '[attr.autoCorrect]': `!hasBeforeInputSupport ? 'false' : autoCorrect`,
                         '[attr.autoCapitalize]': `!hasBeforeInputSupport ? 'false' : autoCapitalize`
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => SlateEditableComponent),
                             multi: true
-                        }], template: "<slate-children [children]=\"editor.children\" [context]=\"context\" [viewContext]=\"viewContext\"></slate-children>\n<slate-string-template #templateComponent></slate-string-template>" }]
+                        }
+                    ], template: "<slate-children [children]=\"editor.children\" [context]=\"context\" [viewContext]=\"viewContext\"></slate-children>\n<slate-string-template #templateComponent></slate-string-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { editor: [{
                 type: Input
             }], renderElement: [{
@@ -3555,8 +3693,10 @@ const isTargetInsideVoid = (editor, target) => {
     return Editor.isVoid(editor, slateNode);
 };
 const hasStringTarget = (domSelection) => {
-    return (domSelection.anchorNode.parentElement.hasAttribute('data-slate-string') || domSelection.anchorNode.parentElement.hasAttribute('data-slate-zero-width')) &&
-        (domSelection.focusNode.parentElement.hasAttribute('data-slate-string') || domSelection.focusNode.parentElement.hasAttribute('data-slate-zero-width'));
+    return ((domSelection.anchorNode.parentElement.hasAttribute('data-slate-string') ||
+        domSelection.anchorNode.parentElement.hasAttribute('data-slate-zero-width')) &&
+        (domSelection.focusNode.parentElement.hasAttribute('data-slate-string') ||
+            domSelection.focusNode.parentElement.hasAttribute('data-slate-zero-width')));
 };
 /**
  * remove default insert from composition
@@ -3618,12 +3758,18 @@ SlateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         SlateBlockCardComponent,
         SlateLeafComponent,
         SlateLeavesComponent,
-        SlateDefaultLeafComponent], imports: [CommonModule], exports: [SlateEditableComponent, SlateChildrenComponent, SlateElementComponent, SlateLeavesComponent, SlateStringComponent] });
+        SlateDefaultLeafComponent,
+        SlateDefaultStringComponent], imports: [CommonModule], exports: [SlateEditableComponent,
+        SlateChildrenComponent,
+        SlateElementComponent,
+        SlateLeavesComponent,
+        SlateStringComponent,
+        SlateDefaultStringComponent] });
 SlateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateModule, providers: [
         {
             provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
             useValue: SlateDefaultElementComponent
-        },
+        }
     ], imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SlateModule, decorators: [{
             type: NgModule,
@@ -3641,15 +3787,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                         SlateBlockCardComponent,
                         SlateLeafComponent,
                         SlateLeavesComponent,
-                        SlateDefaultLeafComponent
+                        SlateDefaultLeafComponent,
+                        SlateDefaultStringComponent
                     ],
                     imports: [CommonModule],
-                    exports: [SlateEditableComponent, SlateChildrenComponent, SlateElementComponent, SlateLeavesComponent, SlateStringComponent],
+                    exports: [
+                        SlateEditableComponent,
+                        SlateChildrenComponent,
+                        SlateElementComponent,
+                        SlateLeavesComponent,
+                        SlateStringComponent,
+                        SlateDefaultStringComponent
+                    ],
                     providers: [
                         {
                             provide: SLATE_DEFAULT_ELEMENT_COMPONENT_TOKEN,
                             useValue: SlateDefaultElementComponent
-                        },
+                        }
                     ]
                 }]
         }] });
@@ -3662,5 +3816,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.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, SlateChildrenComponent, SlateEditableComponent, SlateElementComponent, SlateErrorCode, SlateLeavesComponent, SlateModule, SlateStringComponent, check, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, 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, SlateChildrenComponent, SlateDefaultStringComponent, SlateEditableComponent, SlateElementComponent, SlateErrorCode, SlateLeavesComponent, SlateModule, SlateStringComponent, check, getCardTargetAttribute, getClipboardData, getDefaultView, getEditableChild, getEditableChildAndIndex, getPlainText, getSlateFragmentAttribute, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, shallowCompare, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map