slate-angular 19.1.0-next.3 → 19.1.0-next.4

package/fesm2022/slate-angular.mjs

@@ -1,5 +1,5 @@
 import { Editor, Range, Element, Transforms, Text as Text$1, Node, Path } from 'slate';
-import { EDITOR_TO_ELEMENT, NODE_TO_ELEMENT, DOMEditor, normalizeDOMPoint, isDOMSelection, IS_CHROME as IS_CHROME$1, hasShadowRoot, isDOMElement, NODE_TO_PARENT, NODE_TO_INDEX, isDOMNode, withDOM, NODE_TO_KEY, ELEMENT_TO_NODE, getDefaultView, EDITOR_TO_WINDOW, IS_READ_ONLY, EDITOR_TO_ON_CHANGE, IS_FOCUSED, TRIPLE_CLICK, isPlainTextOnlyPaste } from 'slate-dom';
+import { EDITOR_TO_ELEMENT, NODE_TO_ELEMENT, DOMEditor, normalizeDOMPoint, isDOMSelection, IS_CHROME as IS_CHROME$1, hasShadowRoot, isDOMElement, NODE_TO_PARENT, NODE_TO_INDEX, isDOMNode, IS_FOCUSED, withDOM, NODE_TO_KEY, ELEMENT_TO_NODE, getDefaultView, EDITOR_TO_WINDOW, IS_READ_ONLY, EDITOR_TO_ON_CHANGE, TRIPLE_CLICK, isPlainTextOnlyPaste } from 'slate-dom';
 import { isKeyHotkey } from 'is-hotkey';
 import * as i0 from '@angular/core';
 import { TemplateRef, ViewChild, ChangeDetectionStrategy, Component, InjectionToken, ComponentRef, IterableDiffers, inject, ElementRef, ChangeDetectorRef, Input, Directive, HostBinding, ViewContainerRef, forwardRef, Inject, NgModule } from '@angular/core';
@@ -353,6 +353,53 @@ const CustomDOMEditor = {
     }
 };
 
+const SlateFragmentAttributeKey = 'data-slate-angular-fragment';
+/**
+ * Get x-slate-fragment attribute from data-slate-angular-fragment
+ */
+const catchSlateFragment = /data-slate-angular-fragment="(.+?)"/m;
+const getSlateFragmentAttribute = (htmlData) => {
+    const [, fragment] = htmlData.match(catchSlateFragment) || [];
+    return fragment;
+};
+/**
+ * Check if a DOM node is an element node.
+ */
+const isDOMText = (value) => {
+    return isDOMNode(value) && value.nodeType === 3;
+};
+/**
+ * Get a plaintext representation of the content of a node, accounting for block
+ * elements which get a newline appended.
+ *
+ * The domNode must be attached to the DOM.
+ */
+const getPlainText = (domNode) => {
+    let text = '';
+    if (isDOMText(domNode) && domNode.nodeValue) {
+        return domNode.nodeValue;
+    }
+    if (isDOMElement(domNode)) {
+        for (const childNode of Array.from(domNode.childNodes)) {
+            text += getPlainText(childNode);
+        }
+        const display = getComputedStyle(domNode).getPropertyValue('display');
+        if (display === 'block' || display === 'list' || domNode.tagName === 'BR') {
+            text += '\n';
+        }
+    }
+    return text;
+};
+/**
+ * Get the dom selection from Shadow Root if possible, otherwise from the document
+ */
+const getSelection = (root) => {
+    if (root.getSelection != null) {
+        return root.getSelection();
+    }
+    return document.getSelection();
+};
+
 const AngularEditor = {
     ...CustomDOMEditor,
     /**
@@ -405,6 +452,36 @@ const AngularEditor = {
             offset: options.direction === 'left' ? FAKE_LEFT_BLOCK_CARD_OFFSET : FAKE_RIGHT_BLOCK_CARD_OFFSET
         };
         Transforms.select(editor, { anchor: cursor, focus: cursor });
+    },
+    focus: (editor, options = { retries: 5 }) => {
+        // Return if already focused
+        if (IS_FOCUSED.get(editor)) {
+            return;
+        }
+        // Return if no dom node is associated with the editor, which means the editor is not yet mounted
+        // or has been unmounted. This can happen especially, while retrying to focus the editor.
+        if (!EDITOR_TO_ELEMENT.get(editor)) {
+            return;
+        }
+        const el = DOMEditor.toDOMNode(editor, editor);
+        const root = DOMEditor.findDocumentOrShadowRoot(editor);
+        if (root.activeElement !== el) {
+            // Ensure that the DOM selection state is set to the editor's selection
+            if (editor.selection && root instanceof Document) {
+                const domSelection = getSelection(root);
+                const domRange = DOMEditor.toDOMRange(editor, editor.selection);
+                domSelection?.removeAllRanges();
+                domSelection?.addRange(domRange);
+            }
+            // Create a new selection in the top of the document if missing
+            if (!editor.selection) {
+                Transforms.select(editor, Editor.start(editor, []));
+            }
+            // IS_FOCUSED should be set before calling el.focus() to ensure that
+            // FocusedContext is updated to the correct value
+            IS_FOCUSED.set(editor, true);
+            el.focus({ preventScroll: true });
+        }
     }
 };
 
@@ -750,44 +827,6 @@ const getNavigatorClipboard = async () => {
     return clipboardData;
 };
 
-const SlateFragmentAttributeKey = 'data-slate-angular-fragment';
-/**
- * Get x-slate-fragment attribute from data-slate-angular-fragment
- */
-const catchSlateFragment = /data-slate-angular-fragment="(.+?)"/m;
-const getSlateFragmentAttribute = (htmlData) => {
-    const [, fragment] = htmlData.match(catchSlateFragment) || [];
-    return fragment;
-};
-/**
- * Check if a DOM node is an element node.
- */
-const isDOMText = (value) => {
-    return isDOMNode(value) && value.nodeType === 3;
-};
-/**
- * Get a plaintext representation of the content of a node, accounting for block
- * elements which get a newline appended.
- *
- * The domNode must be attached to the DOM.
- */
-const getPlainText = (domNode) => {
-    let text = '';
-    if (isDOMText(domNode) && domNode.nodeValue) {
-        return domNode.nodeValue;
-    }
-    if (isDOMElement(domNode)) {
-        for (const childNode of Array.from(domNode.childNodes)) {
-            text += getPlainText(childNode);
-        }
-        const display = getComputedStyle(domNode).getPropertyValue('display');
-        if (display === 'block' || display === 'list' || domNode.tagName === 'BR') {
-            text += '\n';
-        }
-    }
-    return text;
-};
-
 const buildHTMLText = (wrapper, attach, data) => {
     const stringObj = JSON.stringify(data);
     const encoded = window.btoa(encodeURIComponent(stringObj));
@@ -4000,5 +4039,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateFragmentAttributeKey, SlateLeaves, SlateModule, SlateString, blobAsString, buildHTMLText, check, completeTable, createClipboardData, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDecoratorRangeListEqual, isEmpty, isInvalidTable, isTemplateRef, isValid, normalize, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateFragmentAttributeKey, SlateLeaves, SlateModule, SlateString, blobAsString, buildHTMLText, check, completeTable, createClipboardData, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getSelection, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDecoratorRangeListEqual, isEmpty, isInvalidTable, isTemplateRef, isValid, normalize, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map