slate-angular 19.1.0 → 19.1.2

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, 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 { EDITOR_TO_ELEMENT, NODE_TO_ELEMENT, DOMEditor, normalizeDOMPoint, isDOMSelection, IS_CHROME as IS_CHROME$1, hasShadowRoot, isDOMElement, NODE_TO_PARENT, NODE_TO_INDEX, IS_FOCUSED, isDOMNode, 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,53 +353,6 @@ 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,
     /**
@@ -463,23 +416,12 @@ const AngularEditor = {
         if (!EDITOR_TO_ELEMENT.get(editor)) {
             return;
         }
+        IS_FOCUSED.set(editor, true);
         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 });
         }
     }
@@ -827,6 +769,53 @@ 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;
+};
+/**
+ * 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 buildHTMLText = (wrapper, attach, data) => {
     const stringObj = JSON.stringify(data);
     const encoded = window.btoa(encodeURIComponent(stringObj));
@@ -3863,6 +3852,17 @@ const defaultScrollSelectionIntoView = (editor, domRange) => {
     // so enabled only if the selection has been collapsed.
     if (domRange.getBoundingClientRect && (!editor.selection || (editor.selection && Range.isCollapsed(editor.selection)))) {
         const leafEl = domRange.startContainer.parentElement;
+        // COMPAT: In Chrome, domRange.getBoundingClientRect() can return zero dimensions for valid ranges (e.g. line breaks).
+        // When this happens, do not scroll like most editors do.
+        const domRect = domRange.getBoundingClientRect();
+        const isZeroDimensionRect = domRect.width === 0 && domRect.height === 0 && domRect.x === 0 && domRect.y === 0;
+        if (isZeroDimensionRect) {
+            const leafRect = leafEl.getBoundingClientRect();
+            const leafHasDimensions = leafRect.width > 0 || leafRect.height > 0;
+            if (leafHasDimensions) {
+                return;
+            }
+        }
         leafEl.getBoundingClientRect = domRange.getBoundingClientRect.bind(domRange);
         scrollIntoView(leafEl, {
             scrollMode: 'if-needed'