slate-angular 19.1.2 → 19.3.0

package/fesm2022/slate-angular.mjs

@@ -815,6 +815,27 @@ const getSelection = (root) => {
     }
     return document.getSelection();
 };
+const getContentHeight = (element) => {
+    if (!element)
+        return 0;
+    const style = window.getComputedStyle(element);
+    const boxSizing = style.boxSizing;
+    const height = parseFloat(style.height) || 0;
+    const paddingTop = parseFloat(style.paddingTop) || 0;
+    const paddingBottom = parseFloat(style.paddingBottom) || 0;
+    const totalPadding = paddingTop + paddingBottom;
+    const borderTop = parseFloat(style.borderTopWidth) || 0;
+    const borderBottom = parseFloat(style.borderBottomWidth) || 0;
+    const totalBorder = borderTop + borderBottom;
+    let contentHeight;
+    if (boxSizing === 'border-box') {
+        contentHeight = height - totalPadding - totalBorder;
+    }
+    else {
+        contentHeight = height;
+    }
+    return Math.max(contentHeight, 0);
+};
 
 const buildHTMLText = (wrapper, attach, data) => {
     const stringObj = JSON.stringify(data);
@@ -882,12 +903,42 @@ const setClipboardData = async (clipboardData, wrapper, attach, dataTransfer) =>
         setDataTransferClipboardText(dataTransfer, text);
         return;
     }
+    const htmlText = buildHTMLText(wrapper, attach, elements);
     // Compatible with situations where navigator.clipboard.write is not supported and dataTransfer is empty
     // Such as contextmenu copy in Firefox.
     if (isClipboardWriteTextSupported()) {
-        const htmlText = buildHTMLText(wrapper, attach, elements);
         return await navigator.clipboard.writeText(htmlText);
     }
+    else {
+        return await fallbackCopyText(htmlText);
+    }
+};
+const fallbackCopyText = async (text) => {
+    return new Promise((resolve, reject) => {
+        const textArea = document.createElement('textarea');
+        textArea.value = text;
+        textArea.style.position = 'fixed';
+        textArea.style.left = '-999999px';
+        textArea.style.top = '-999999px';
+        textArea.style.opacity = '0';
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        try {
+            const successful = document.execCommand('copy');
+            document.body.removeChild(textArea);
+            if (successful) {
+                resolve();
+            }
+            else {
+                reject(new Error('execCommand error'));
+            }
+        }
+        catch (err) {
+            document.body.removeChild(textArea);
+            reject(err);
+        }
+    });
 };
 
 const withAngular = (editor, clipboardFormatKey = 'x-slate-fragment') => {
@@ -2134,6 +2185,14 @@ class BaseLeafComponent extends BaseComponent {
         this.placeholderElement = placeholderElement;
         this.nativeElement.classList.add('leaf-with-placeholder');
         this.nativeElement.appendChild(placeholderElement);
+        setTimeout(() => {
+            const editorElement = this.nativeElement.closest('.the-editor-typo');
+            const editorContentHeight = getContentHeight(editorElement);
+            // Not supported webkitLineClamp exceeds height hiding
+            placeholderElement.style.maxHeight = `${editorContentHeight}px`;
+            const lineClamp = Math.floor(editorContentHeight / this.nativeElement.offsetHeight);
+            placeholderElement.style.webkitLineClamp = `${lineClamp}`;
+        });
     }
     updatePlaceholder() {
         if (this.placeholderElement.innerText !== this.context.leaf['placeholder']) {
@@ -4039,5 +4098,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, 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 };
+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, fallbackCopyText, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, 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