slate-angular 17.4.2 → 17.4.4

package/fesm2022/slate-angular.mjs

@@ -816,15 +816,6 @@ const AngularEditor = {
         if (anchorNode == null || focusNode == null || anchorOffset == null || focusOffset == null) {
             throw new Error(`Cannot resolve a Slate range from DOM range: ${domRange}`);
         }
-        // COMPAT: Triple-clicking a word in chrome will sometimes place the focus
-        // inside a `contenteditable="false"` DOM node following the word, which
-        // will cause `toSlatePoint` to throw an error. (2023/03/07)
-        if ('getAttribute' in focusNode &&
-            focusNode.getAttribute('contenteditable') === 'false' &&
-            focusNode.getAttribute('data-slate-void') !== 'true') {
-            focusNode = anchorNode;
-            focusOffset = anchorNode.textContent?.length || 0;
-        }
         const anchor = AngularEditor.toSlatePoint(editor, [anchorNode, anchorOffset], { suppressThrow, exactMatch });
         if (!anchor) {
             return null;
@@ -1055,6 +1046,48 @@ const createThrottleRAF = () => {
     return throttleRAF;
 };
 
+const isClipboardReadSupported = () => {
+    return 'clipboard' in navigator && 'read' in navigator.clipboard;
+};
+const isClipboardWriteSupported = () => {
+    return 'clipboard' in navigator && 'write' in navigator.clipboard;
+};
+const isClipboardWriteTextSupported = () => {
+    return 'clipboard' in navigator && 'writeText' in navigator.clipboard;
+};
+const isClipboardFile = (item) => {
+    return item.types.find(i => i.match(/^image\//));
+};
+const isInvalidTable = (nodes = []) => {
+    return nodes.some(node => node.tagName.toLowerCase() === 'tr');
+};
+const stripHtml = (html) => {
+    // See <https://github.com/developit/preact-markup/blob/4788b8d61b4e24f83688710746ee36e7464f7bbc/src/parse-markup.js#L60-L69>
+    const doc = document.implementation.createHTMLDocument('');
+    doc.documentElement.innerHTML = html.trim();
+    return doc.body.textContent || doc.body.innerText || '';
+};
+const blobAsString = (blob) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.addEventListener('loadend', () => {
+            const text = reader.result;
+            resolve(text);
+        });
+        reader.addEventListener('error', () => {
+            reject(reader.error);
+        });
+        reader.readAsText(blob);
+    });
+};
+const completeTable = (fragment) => {
+    const result = document.createDocumentFragment();
+    const table = document.createElement('table');
+    result.appendChild(table);
+    table.appendChild(fragment);
+    return result;
+};
+
 const setDataTransferClipboard = (dataTransfer, htmlText) => {
     dataTransfer?.setData(`text/html`, htmlText);
 };
@@ -1098,38 +1131,6 @@ const getDataTransferClipboardText = (data) => {
     return { text };
 };
 
-const isClipboardReadSupported = () => {
-    return 'clipboard' in navigator && 'read' in navigator.clipboard;
-};
-const isClipboardWriteSupported = () => {
-    return 'clipboard' in navigator && 'write' in navigator.clipboard;
-};
-const isClipboardWriteTextSupported = () => {
-    return 'clipboard' in navigator && 'writeText' in navigator.clipboard;
-};
-const isClipboardFile = (item) => {
-    return item.types.find(i => i.match(/^image\//));
-};
-const stripHtml = (html) => {
-    // See <https://github.com/developit/preact-markup/blob/4788b8d61b4e24f83688710746ee36e7464f7bbc/src/parse-markup.js#L60-L69>
-    const doc = document.implementation.createHTMLDocument('');
-    doc.documentElement.innerHTML = html.trim();
-    return doc.body.textContent || doc.body.innerText || '';
-};
-const blobAsString = (blob) => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.addEventListener('loadend', () => {
-            const text = reader.result;
-            resolve(text);
-        });
-        reader.addEventListener('error', () => {
-            reject(reader.error);
-        });
-        reader.readAsText(blob);
-    });
-};
-
 const setNavigatorClipboard = async (htmlText, data, text = '') => {
     let textClipboard = text;
     if (isClipboardWriteSupported()) {
@@ -1444,10 +1445,16 @@ const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
         const fragment = e.getFragment();
         // Add the content to a <div> so that we can get its inner HTML.
         const div = contents.ownerDocument.createElement('div');
+        const attachWrapper = document.createElement('div');
+        const elements = Array.from(contents.children);
+        if (isInvalidTable(elements)) {
+            contents = completeTable(contents.cloneNode(true));
+        }
+        attachWrapper.appendChild(attach);
         div.appendChild(contents);
         div.setAttribute('hidden', 'true');
         contents.ownerDocument.body.appendChild(div);
-        setClipboardData({ text: getPlainText(div), elements: fragment }, div, attach, dataTransfer);
+        setClipboardData({ text: getPlainText(div), elements: fragment }, div, attachWrapper, dataTransfer);
         contents.ownerDocument.body.removeChild(div);
     };
     e.deleteCutData = () => {
@@ -3548,15 +3555,17 @@ class SlateEditable {
                 }
                 // try to get the selection directly, because some terrible case can be normalize for normalizeDOMPoint
                 // for example, double-click the last cell of the table to select a non-editable DOM
-                const range = AngularEditor.toSlateRange(this.editor, domSelection);
-                if (this.editor.selection && Range.equals(range, this.editor.selection) && !hasStringTarget(domSelection)) {
-                    if (!isTargetInsideVoid(this.editor, activeElement)) {
-                        // force adjust DOMSelection
-                        this.toNativeSelection();
+                const range = AngularEditor.toSlateRange(this.editor, domSelection, { exactMatch: false, suppressThrow: true });
+                if (range) {
+                    if (this.editor.selection && Range.equals(range, this.editor.selection) && !hasStringTarget(domSelection)) {
+                        if (!isTargetInsideVoid(this.editor, activeElement)) {
+                            // force adjust DOMSelection
+                            this.toNativeSelection();
+                        }
+                    }
+                    else {
+                        Transforms.select(this.editor, range);
                     }
-                }
-                else {
-                    Transforms.select(this.editor, range);
                 }
             }
             catch (error) {
@@ -4496,5 +4505,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateFragmentAttributeKey, SlateLeaves, SlateModule, SlateString, blobAsString, buildHTMLText, check, createClipboardData, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getDataTransferClipboard, getDataTransferClipboardText, getDefaultView, getEditableChild, getEditableChildAndIndex, getNavigatorClipboard, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseLeafComponent, BaseTextComponent, DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_ELEMENT, EDITOR_TO_ON_CHANGE, EDITOR_TO_PLACEHOLDER, EDITOR_TO_WINDOW, ELEMENT_TO_COMPONENT, ELEMENT_TO_NODE, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_CLICKING, IS_DRAGGING, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_FOCUSED, IS_IOS, IS_QQBROWSER, IS_READONLY, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, KEY_TO_ELEMENT, Key, NODE_TO_ELEMENT, NODE_TO_INDEX, NODE_TO_KEY, NODE_TO_PARENT, PLACEHOLDER_SYMBOL, SlateChildren, SlateChildrenOutlet, SlateDefaultString, SlateEditable, SlateElement, SlateErrorCode, SlateFragmentAttributeKey, SlateLeaves, SlateModule, SlateString, blobAsString, buildHTMLText, check, completeTable, createClipboardData, createThrottleRAF, defaultScrollSelectionIntoView, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getDataTransferClipboard, getDataTransferClipboardText, getDefaultView, getEditableChild, getEditableChildAndIndex, getNavigatorClipboard, getPlainText, getSlateFragmentAttribute, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hasEditableTarget, hasShadowRoot, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMComment, isDOMElement, isDOMNode, isDOMSelection, isDOMText, isDecoratorRangeListEqual, isEmpty, isInvalidTable, isPlainTextOnlyPaste, isTemplateRef, isValid, normalize, normalizeDOMPoint, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map