@worktile/theia 17.3.2 → 17.4.0

package/fesm2022/worktile-theia.mjs

@@ -10,7 +10,7 @@ import { cloneDeep, map, assign, defaults, groupBy, uniq, isEqual } from 'lodash
 export { assign, cloneDeep, debounce, defaults, groupBy, isEqual, map, uniq } from 'lodash';
 import { Editor, Element, Span, Range, Path, Node, Point, Text, Transforms, Operation, createEditor } from 'slate';
 import * as i4 from 'slate-angular';
-import { NODE_TO_PARENT, NODE_TO_INDEX, AngularEditor, hotkeys, IS_SAFARI, BaseElementComponent, ELEMENT_TO_COMPONENT, BaseTextComponent, SlateLeaves, SlateModule, hasBlockCard, isCardLeft, FAKE_RIGHT_BLOCK_CARD_OFFSET, SlateChildrenOutlet, SlateChildren, getPlainText as getPlainText$1, EDITOR_TO_ELEMENT, defaultScrollSelectionIntoView, withAngular } from 'slate-angular';
+import { NODE_TO_PARENT, NODE_TO_INDEX, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, BaseTextComponent, SlateModule, hasBlockCard, isCardLeft, FAKE_RIGHT_BLOCK_CARD_OFFSET, SlateChildrenOutlet, EDITOR_TO_ELEMENT, defaultScrollSelectionIntoView, getDataTransferClipboard, withAngular } from 'slate-angular';
 import { HistoryEditor, withHistory } from 'slate-history';
 import { TheiaConverter } from '@atinc/selene';
 import { isObject, isArray, isString, isUndefined } from 'ngx-tethys/util';
@@ -46,6 +46,7 @@ import { ThySwitch } from 'ngx-tethys/switch';
 import * as i1$1 from 'ngx-tethys/notify';
 import { ThyProgress } from 'ngx-tethys/progress';
 import { ThyUploadStatus } from 'ngx-tethys/upload';
+import getUrls from 'get-urls';
 import { ThyButton } from 'ngx-tethys/button';
 import { ThyFormDirective, ThyFormGroup, ThyFormSubmitDirective, ThyFormGroupFooter } from 'ngx-tethys/form';
 import { PortalInjector, ComponentPortal } from '@angular/cdk/portal';
@@ -1288,19 +1289,18 @@ const getEndBlock = (editor, fragment) => {
     }
     return fragment;
 };
-const extractFragment = (data, deleteKey = ELEMENT_UNIQUE_ID) => {
-    const fragment = data.getData(`application/${CLIPBOARD_FORMAT_KEY}`);
-    if (fragment) {
-        const decoded = decodeURIComponent(window.atob(fragment));
-        let nodes = JSON.parse(decoded);
-        if (!Array.isArray(nodes)) {
-            nodes = [nodes];
+const extractFragment = async (data, deleteKey = ELEMENT_UNIQUE_ID) => {
+    const clipboardData = await getClipboardData(data);
+    let elements = clipboardData?.elements;
+    if (elements) {
+        if (!Array.isArray(elements)) {
+            elements = [elements];
         }
         // delete key to avoid duplicate keys
         if (deleteKey) {
-            deleteElementKey(nodes, deleteKey);
+            deleteElementKey(elements, deleteKey);
         }
-        return nodes;
+        return elements;
     }
     return null;
 };
@@ -1715,37 +1715,31 @@ const isDirectionKeydown = (event) => {
     return isMoveUp || isMoveDown || isMoveBackward || isMoveForward;
 };
 
-function copyNode(editor, element, thyNotifyService, codeMirrorEditor) {
-    let codePoint;
-    if (codeMirrorEditor) {
-        codePoint = codeMirrorEditor.getCursor();
-        const path = AngularEditor.findPath(editor, element);
-        AngularEditor.focus(editor);
-        Transforms.select(editor, path);
-    }
-    if (IS_SAFARI) {
-        copyNodeForSafari(editor, element);
-    }
-    const isSuccess = document.execCommand('copy');
-    if (thyNotifyService) {
-        isSuccess ? thyNotifyService.success('复制成功') : thyNotifyService.error('复制失败');
-    }
-    if (IS_SAFARI) {
-        window.getSelection().removeAllRanges();
-    }
-    if (codeMirrorEditor) {
-        codeMirrorEditor.setCursor(codePoint);
-        codeMirrorEditor.focus();
-        codeMirrorEditor.refresh();
-    }
-}
-function copyNodeForSafari(editor, element) {
-    const selection = window.getSelection();
-    const currentElement = AngularEditor.toDOMNode(editor, element);
-    const range = document.createRange();
-    selection.removeAllRanges();
-    range.selectNode(currentElement);
-    selection.addRange(range);
+const setClipboardDataByDom = async (e, fragment, data) => {
+    const nodes = Array.isArray(fragment) ? fragment : [fragment];
+    const htmlString = TheiaConverter.convertToHtml(nodes);
+    const domRange = AngularEditor.toDOMRange(e, e.selection);
+    const contents = domRange.cloneContents();
+    const div = document.createElement('div');
+    div.appendChild(contents);
+    div.setAttribute('hidden', 'true');
+    div.innerHTML = htmlString;
+    document.body.appendChild(div);
+    const attach = div.childNodes[0];
+    const plainText = getPlainText$1(div);
+    const clipboardData = createClipboardData(htmlString, nodes, plainText, []);
+    await setClipboardData(clipboardData, div, attach, data);
+    document.body.removeChild(div);
+};
+function copyNode(e, element, thyNotifyService) {
+    const fragment = cloneDeep(element);
+    return setClipboardDataByDom(e, fragment)
+        .then(() => {
+        thyNotifyService.success('复制成功');
+    })
+        .catch(() => {
+        thyNotifyService.error('复制失败');
+    });
 }
 
 function idCreator(length = 5) {
@@ -1797,6 +1791,25 @@ const THE_MODE_PROVIDER = {
 
 const THE_UPLOAD_SERVICE_TOKEN = new InjectionToken('THE_UPLOAD_SERVICE_TOKEN');
 
+const ThePluginMenu = {
+    isMenuGroup(value) {
+        if (value instanceof Object && !value.key) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    },
+    isMenuItem(value) {
+        if (value?.key) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+};
+
 var PluginKeys;
 (function (PluginKeys) {
     PluginKeys["list"] = "list";
@@ -1839,25 +1852,6 @@ var PluginKeys;
     PluginKeys["internalCommon"] = "internalCommon";
 })(PluginKeys || (PluginKeys = {}));
 
-const ThePluginMenu = {
-    isMenuGroup(value) {
-        if (value instanceof Object && !value.key) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    },
-    isMenuItem(value) {
-        if (value?.key) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-};
-
 const THE_PRESET_CONFIG_TOKEN = new InjectionToken('the-preset');
 
 const inValidTypes = [
@@ -6867,6 +6861,123 @@ const InlineCodeEditor = {
     }
 };
 
+class TheQuickInsert {
+    handleMousedownNativeElement(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    constructor(renderer, elementRef, cdr) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.className = 'the-quick-insert';
+        this.isVisible = false;
+        this.defaultIconName = 'plus-circle-thin';
+        this.iconNameFill = 'plus-circle-thin-fill';
+        this.displayIconName = this.defaultIconName;
+    }
+    ngOnInit() {
+        const { onChange } = this.editor;
+        this.editor.onChange = () => {
+            onChange();
+            if (this.editor && this.editor.options && !this.editor.options.readonly) {
+                // wait isOpenedMenu is updated
+                setTimeout(() => {
+                    this.updateIconDisplay();
+                }, 0);
+            }
+        };
+        this.updateIconDisplay();
+    }
+    ngOnChanges(changes) {
+        if (changes.isVisible && !changes.isVisible.firstChange) {
+            this.updateIconDisplay();
+        }
+    }
+    updateIconDisplay() {
+        const { editor } = this;
+        if (this.isVisible &&
+            !QuickInsertEditor.isOpenedMenu(editor) &&
+            isCleanEmptyParagraph(editor) &&
+            !this.hasExcludeAttribute() &&
+            !this.isRichMediaScope()) {
+            const block = Node.ancestor(editor, [editor?.selection?.anchor.path[0]]);
+            const rootNode = AngularEditor.toDOMNode(editor, block);
+            this.updatePosition(rootNode.offsetLeft, rootNode.offsetTop);
+            return;
+        }
+        this.addHiddenClass();
+    }
+    addHiddenClass() {
+        this.elementRef.nativeElement.classList.add('d-none');
+    }
+    removeHiddenClass() {
+        this.elementRef.nativeElement.classList.remove('d-none');
+    }
+    isRichMediaScope() {
+        const { editor } = this;
+        if (editor?.selection) {
+            const block = Node.ancestor(editor, [editor?.selection?.anchor.path[0]]);
+            const rootElement = AngularEditor.toDOMNode(editor, block);
+            const leafElement = rootElement.querySelector('[data-slate-leaf="true"]');
+            const rootElementRect = rootElement.getBoundingClientRect();
+            const leafElementRect = leafElement.getBoundingClientRect();
+            return leafElementRect?.x !== rootElementRect?.x;
+        }
+        return false;
+    }
+    hasExcludeAttribute() {
+        const marks = getSelectionMarks(this.editor);
+        const fontSizeMark = marks[MarkTypes.fontSize];
+        return fontSizeMark;
+    }
+    updatePosition(left, top) {
+        this.renderer.setStyle(this.elementRef.nativeElement, 'top', `${top}px`);
+        this.renderer.setStyle(this.elementRef.nativeElement, 'left', `${left}px`);
+        this.removeHiddenClass();
+    }
+    mouseEnter(event) {
+        this.displayIconName = this.iconNameFill;
+        this.cdr.markForCheck();
+    }
+    mouseLeave(event) {
+        this.displayIconName = this.defaultIconName;
+        this.cdr.markForCheck();
+    }
+    handleClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        // avoid popover is closed immediately
+        setTimeout(() => {
+            QuickInsertEditor.openMenu(this.editor)
+                .afterClosed()
+                .subscribe(() => {
+                this.updateIconDisplay();
+            });
+            this.updateIconDisplay();
+        }, 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheQuickInsert, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TheQuickInsert, isStandalone: true, selector: "[theQuickInsert]", inputs: { editor: "editor", isVisible: "isVisible" }, host: { listeners: { "mousedown": "handleMousedownNativeElement($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconElement", first: true, predicate: ["iconElement"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<thy-icon\n  #iconElement\n  [thyIconName]=\"displayIconName\"\n  class=\"quick-insert-icon text-desc font-size-xlg\"\n  (mouseenter)=\"mouseEnter($event)\"\n  (mouseleave)=\"mouseLeave($event)\"\n  (mousedown)=\"handleClick($event)\"\n></thy-icon>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheQuickInsert, decorators: [{
+            type: Component,
+            args: [{ selector: '[theQuickInsert]', standalone: true, imports: [ThyIcon], template: "<thy-icon\n  #iconElement\n  [thyIconName]=\"displayIconName\"\n  class=\"quick-insert-icon text-desc font-size-xlg\"\n  (mouseenter)=\"mouseEnter($event)\"\n  (mouseleave)=\"mouseLeave($event)\"\n  (mousedown)=\"handleClick($event)\"\n></thy-icon>\n" }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], editor: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], iconElement: [{
+                type: ViewChild,
+                args: ['iconElement', { read: ElementRef, static: false }]
+            }], handleMousedownNativeElement: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+
 class TheTableSelect {
     constructor(popoverRef) {
         this.popoverRef = popoverRef;
@@ -7267,6 +7378,10 @@ class TheText extends BaseTextComponent {
         this.excludes = ['color', 'font-size', 'background-color', 'text'];
         this.attributes = [];
     }
+    onContextChange() {
+        super.onContextChange();
+        this.applyTextMark();
+    }
     applyTextMark() {
         this.attributes.forEach(attr => {
             this.renderer2.removeAttribute(this.elementRef.nativeElement, attr);
@@ -7294,10 +7409,6 @@ class TheText extends BaseTextComponent {
             this.renderer2.removeStyle(this.elementRef.nativeElement, 'background-color');
         }
     }
-    onContextChange() {
-        super.onContextChange();
-        this.applyTextMark();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheText, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TheText, isStandalone: true, selector: "span[theText]", host: { attributes: { "data-slate-node": "text" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
@@ -7309,8 +7420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     host: {
                         'data-slate-node': 'text'
                     },
-                    standalone: true,
-                    imports: [SlateLeaves]
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }] });
 
@@ -7443,20 +7553,20 @@ const closeConversionHint = (editor) => {
     }
 };
 const withDeserializeMd = (editor) => {
-    const { insertData, onKeydown } = editor;
+    const { insertFragmentData, onKeydown } = editor;
     editor.onKeydown = (event) => {
         closeConversionHint(editor);
         onKeydown(event);
     };
-    editor.insertData = (data) => {
+    editor.insertFragmentData = async (data) => {
         const popover = editor.injector.get(ThyPopover);
         const viewContainerRef = editor.injector.get(ViewContainerRef);
         const cdr = editor.injector.get(ChangeDetectorRef);
-        const plainFragment = data.getData('text/plain');
-        const slateFragment = data.getData(`application/${CLIPBOARD_FORMAT_KEY}`);
         const oldRange = editor.selection;
+        const clipboardData = await getClipboardData(data);
+        const plainFragment = clipboardData?.text;
         closeConversionHint(editor);
-        if (plainFragment && isMarkdownSyntax(plainFragment) && !slateFragment) {
+        if (plainFragment && isMarkdownSyntax(plainFragment) && !clipboardData?.elements) {
             setTimeout(() => {
                 const overlay = editor.injector.get(Overlay);
                 const bodyElement = document.body;
@@ -7493,7 +7603,7 @@ const withDeserializeMd = (editor) => {
                                         Transforms.insertFragment(editor, fragment);
                                         AngularEditor.focus(editor);
                                     });
-                                    return;
+                                    return true;
                                 }
                                 else {
                                     closeConversionHint(editor);
@@ -7519,7 +7629,7 @@ const withDeserializeMd = (editor) => {
                 cdr.markForCheck();
             });
         }
-        insertData(data);
+        return insertFragmentData(data);
     };
     return editor;
 };
@@ -8728,7 +8838,7 @@ class TheCode extends TheBaseElement {
     }
     onCopy(event) {
         event.preventDefault();
-        copyNode(this.editor, this.element, this.thyNotifyService, this.codemirror.editor);
+        copyNode(this.editor, this.element, this.thyNotifyService);
     }
     focusChange(codeMirrorFocused) {
         if (codeMirrorFocused) {
@@ -8827,15 +8937,15 @@ const withCode = (editor) => {
         }
         return renderElement(element);
     };
-    editor.setFragmentData = unit => {
-        setFragmentData(unit);
+    editor.setFragmentData = (data, originEvent) => {
         const { selection } = editor;
         const [start] = Editor.edges(editor, selection);
         if (isNodeTypeIn(editor, [ElementKinds.code], { at: start })) {
             const [codeNode] = getAboveByType(editor, ElementKinds.code);
-            unit.setData('text/plain', codeNode.content.trim());
-            return unit;
+            setClipboardDataByDom(editor, codeNode, data);
+            return;
         }
+        setFragmentData(data, originEvent);
     };
     return editor;
 };
@@ -8973,25 +9083,6 @@ const createColorPlugin = createPluginFactory({
     }
 });
 
-const withInsertDataByInvalidType = (editor) => {
-    const { insertData } = editor;
-    editor.insertData = (data) => {
-        const fragment = extractFragment(data);
-        if (fragment) {
-            const isContinue = insertDataByInvalidType(editor, fragment);
-            if (!isContinue) {
-                return;
-            }
-        }
-        insertData(data);
-    };
-    return editor;
-};
-const createInsertDataByInvalidTypePlugin = createPluginFactory({
-    key: PluginKeys.insertDataByInvalidType,
-    withOverrides: withInsertDataByInvalidType
-});
-
 const withBlockCard = (editor) => {
     const { insertBreak, deleteBackward, onKeydown, deleteForward, insertData, insertText, mousedown } = editor;
     editor.insertBreak = () => {
@@ -9405,6 +9496,25 @@ const createTheHistoryPlugin = createPluginFactory({
     withOverrides: withTheHistory
 });
 
+const withInsertDataByInvalidType = (editor) => {
+    const { insertFragmentData } = editor;
+    editor.insertFragmentData = async (data) => {
+        const fragment = await extractFragment(data);
+        if (fragment) {
+            const isContinue = insertDataByInvalidType(editor, fragment);
+            if (!isContinue) {
+                return true;
+            }
+        }
+        return insertFragmentData(data);
+    };
+    return editor;
+};
+const createInsertDataByInvalidTypePlugin = createPluginFactory({
+    key: PluginKeys.insertDataByInvalidType,
+    withOverrides: withInsertDataByInvalidType
+});
+
 const isInline = (editor, path) => {
     const [inlineNode] = Editor.nodes(editor, {
         at: path ? path : editor.selection?.anchor.path,
@@ -9648,23 +9758,24 @@ const createResetTypePlugin = createPluginFactory({
 });
 
 const withDeserializeHTML = (editor) => {
-    const { insertData } = editor;
-    editor.insertData = (data) => {
-        const html = data.getData(`text/html`);
-        const slateFragment = data.getData(`application/${CLIPBOARD_FORMAT_KEY}`);
-        if (html && !slateFragment) {
-            const htmlDom = new DOMParser().parseFromString(html, 'text/html');
+    const { insertFragmentData } = editor;
+    editor.insertFragmentData = async (data) => {
+        const clipboardData = await getClipboardData(data);
+        if (!clipboardData?.elements && clipboardData?.html) {
+            const htmlDom = new DOMParser().parseFromString(clipboardData?.html, 'text/html');
             const fragment = TheiaConverter.convertToTheia(Array.from(htmlDom.body.children));
+            // 识别粘贴的 HTML 只有纯链接, 跳至 link
+            if (fragment.length === 1 && fragment.every(block => isUrl(block?.children?.[0]?.['text']))) {
+                return insertFragmentData(data);
+            }
             // 无法识别HTML内容时后退一下：识别纯文本
             if (fragment.every(block => block.type === ElementKinds.paragraph && isLogicEmptyParagraphElement(editor, block))) {
-                insertData(data);
-                return;
+                return insertFragmentData(data);
             }
             // 识出纯图片并且粘贴板中存在文件则不进行处理, hook 直接右键复制图片的场景，流转到上传图片流程
             // 后续需要做识别html图片后自动上传处理
             if (fragment.length === 1 && fragment[0].type === ElementKinds.image && data.files.length > 0) {
-                insertData(data);
-                return;
+                return insertFragmentData(data);
             }
             // 过滤 text 节点的 color/background-color 属性
             fragment.forEach(node => filterTextFormat(node));
@@ -9683,12 +9794,12 @@ const withDeserializeHTML = (editor) => {
             });
             const isContinue = insertDataByInvalidType(editor, fragment);
             if (!isContinue) {
-                return;
+                return true;
             }
             Transforms.insertFragment(editor, fragment);
-            return;
+            return true;
         }
-        insertData(data);
+        return insertFragmentData(data);
     };
     return editor;
 };
@@ -10415,7 +10526,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                         NgFor,
                         NgStyle,
                         NgTemplateOutlet,
-                        SlateChildren,
                         ThyIcon,
                         ThyImageDirective,
                         ThyAction,
@@ -10446,8 +10556,9 @@ const withImage = (editor) => {
     editor.isVoid = (element) => {
         return element.type === ElementKinds.image || isVoid(element);
     };
-    editor.insertData = (data) => {
-        if (data.files.length) {
+    editor.insertData = async (data) => {
+        const clipboardData = await getClipboardData(data);
+        if (clipboardData?.files?.length) {
             const imageFiles = [];
             const imageTypes = getPluginOptions(editor, PluginKeys.image)?.imageTypes;
             for (const file of data.files) {
@@ -11009,7 +11120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }] } });
 
 const withLink = (editor) => {
-    const { insertData, insertText, isInline, renderElement } = editor;
+    const { insertText, isInline, insertFragmentData, renderElement } = editor;
     editor.isInline = (element) => {
         return element.type === ElementKinds.link ? true : isInline(element);
     };
@@ -11022,16 +11133,28 @@ const withLink = (editor) => {
             insertText(text);
         }
     };
-    editor.insertData = data => {
-        const text = data.getData('text/plain');
-        const fragment = data.getData(`application/${CLIPBOARD_FORMAT_KEY}`);
-        if (text && isUrl(text) && !fragment) {
-            LinkEditor.wrapLink(editor, text, text);
-            Transforms.move(editor, { distance: 1, unit: 'offset' });
-        }
-        else {
-            insertData(data);
+    editor.insertFragmentData = async (data) => {
+        const clipboardData = await getClipboardData(data);
+        const text = clipboardData?.text;
+        if (!clipboardData?.elements && text && isUrl(text)) {
+            const urls = Array.from(getUrls(text, { stripWWW: false }));
+            if (urls.length) {
+                let str = cloneDeep(text);
+                urls.forEach((url, index) => {
+                    const parts = str.split(url);
+                    const beforeUrl = parts[0];
+                    insertText(beforeUrl);
+                    LinkEditor.wrapLink(editor, url, url);
+                    Transforms.move(editor, { distance: 1, unit: 'offset' });
+                    str = parts[1];
+                    if (index === urls.length - 1) {
+                        insertText(str);
+                    }
+                });
+                return true;
+            }
         }
+        return insertFragmentData(data);
     };
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.link) {
@@ -11800,7 +11923,7 @@ const unwrapList = (editor) => {
 };
 
 const withList = (editor) => {
-    const { insertBreak, deleteBackward, onKeydown, insertData, setFragmentData, renderElement } = editor;
+    const { insertBreak, deleteBackward, onKeydown, insertData, insertFragmentData, setFragmentData, renderElement } = editor;
     const validLiChildrenTypes = getPluginOptions(editor, PluginKeys.list)?.validLiChildrenTypes ?? [];
     const resetBlockTypesListRule = {
         types: [ElementKinds.listItem],
@@ -11877,7 +12000,7 @@ const withList = (editor) => {
         }
         insertBreak();
     };
-    editor.setFragmentData = unit => {
+    editor.setFragmentData = (data, originEvent) => {
         const { selection } = editor;
         const [start] = Editor.edges(editor, selection);
         if (isInList(editor, start)) {
@@ -11897,22 +12020,13 @@ const withList = (editor) => {
                     fragmentNodes = children[0].children;
                 }
                 const fragment = fragmentNodes.concat(fragmentData.slice(1));
-                const domRange = AngularEditor.toDOMRange(editor, selection);
-                const contents = domRange.cloneContents();
-                const stringObj = JSON.stringify(fragment);
-                const encoded = window.btoa(encodeURIComponent(stringObj));
-                unit.setData(`application/${CLIPBOARD_FORMAT_KEY}`, encoded);
-                const div = document.createElement('div');
-                div.appendChild(contents);
-                div.setAttribute('hidden', 'true');
-                document.body.appendChild(div);
-                unit.setData('text/html', div.innerHTML);
-                unit.setData('text/plain', getPlainText$1(div));
-                document.body.removeChild(div);
-                return;
+                if (fragment) {
+                    setClipboardDataByDom(editor, fragment, data);
+                    return;
+                }
             }
         }
-        setFragmentData(unit);
+        setFragmentData(data, originEvent);
     };
     editor.deleteBackward = unit => {
         const res = getListItemEntry(editor, {});
@@ -11976,13 +12090,12 @@ const withList = (editor) => {
         }
         deleteBackward(unit);
     };
-    editor.insertData = (data) => {
-        const text = data.getData('text/plain');
-        const fragment = extractFragment(data);
-        const aboveEntry = Editor.above(editor, {
-            match: n => Element.isElement(n) && Editor.isBlock(editor, n) && n.type === ElementKinds.listItem
-        });
+    editor.insertFragmentData = async (data) => {
+        const fragment = await extractFragment(data);
         if (fragment) {
+            const aboveEntry = Editor.above(editor, {
+                match: n => Element.isElement(n) && Editor.isBlock(editor, n) && n.type === ElementKinds.listItem
+            });
             const res = getListItemEntry(editor, {});
             if (fragment.length === 1 &&
                 isList(fragment[0]) &&
@@ -11990,10 +12103,10 @@ const withList = (editor) => {
                 !isSingleListItem(fragment[0]) &&
                 hasStableListItem(res.listItem[0])) {
                 insertListData(editor, { fromList: fragment[0], toListItemEntry: aboveEntry });
-                return;
+                return true;
             }
         }
-        insertData(data);
+        return insertFragmentData(data);
     };
     editor.onKeydown = (event) => {
         const isContinue = !onKeyDownList(event, editor);
@@ -15742,7 +15855,7 @@ const normalizeTable = (table) => {
 };
 
 const withTable = (editor) => {
-    const { deleteBackward, deleteForward, onKeydown, setFragmentData, insertData, normalizeNode, isBlockCard, renderElement, deleteCutData, isContainer, onChange, onClick, mousedown } = editor;
+    const { deleteBackward, deleteForward, onKeydown, setFragmentData, insertFragmentData, normalizeNode, isBlockCard, renderElement, deleteCutData, isContainer, onChange, onClick, mousedown } = editor;
     editor.deleteBackward = unit => {
         const opts = new TableOptions();
         if (!isSelectionInTable(opts, editor)) {
@@ -15944,62 +16057,54 @@ const withTable = (editor) => {
         onKeydown(event);
         return;
     };
-    editor.setFragmentData = unit => {
+    editor.setFragmentData = (data, originEvent) => {
         const opts = new TableOptions();
-        if (!isSelectionInTable(opts, editor)) {
-            setFragmentData(unit);
-            return;
-        }
-        const tablePosition = createTablePosition(editor);
-        const tableComponent = ELEMENT_TO_COMPONENT.get(tablePosition.table);
-        const selectedCellPositions = tableComponent.tableStore.getSelectedCellPositions();
-        let tableFragment = null;
-        if (tableComponent.tableStore.selectedRowsIndex.length > 0) {
-            const rows = tablePosition.table.children.slice(tableComponent.tableStore.selectedRowsIndex[0], tableComponent.tableStore.selectedRowsIndex[tableComponent.tableStore.selectedRowsIndex.length - 1] + 1);
-            tableFragment = {
-                ...tablePosition.table,
-                children: rows
-            };
-        }
-        else if (selectedCellPositions.length > 0) {
-            const tempRows = {};
-            for (const cell of selectedCellPositions) {
-                const { row, col } = cell;
-                const cellPath = [...tablePosition.tableEntry[1], row, col];
-                const cellNode = Node.get(editor, cellPath);
-                if (!tempRows[row]) {
-                    tempRows[row] = [];
-                }
-                tempRows[row].push(cellNode);
+        if (isSelectionInTable(opts, editor)) {
+            const tablePosition = createTablePosition(editor);
+            const tableComponent = ELEMENT_TO_COMPONENT.get(tablePosition.table);
+            const selectedCellPositions = tableComponent.tableStore.getSelectedCellPositions();
+            let tableFragment = null;
+            if (tableComponent.tableStore.selectedRowsIndex.length > 0) {
+                const rows = tablePosition.table.children.slice(tableComponent.tableStore.selectedRowsIndex[0], tableComponent.tableStore.selectedRowsIndex[tableComponent.tableStore.selectedRowsIndex.length - 1] + 1);
+                tableFragment = {
+                    ...tablePosition.table,
+                    children: rows
+                };
             }
-            const rows = Object.values(tempRows).map((item) => {
-                return {
-                    type: ElementKinds.tableRow,
-                    children: item
+            else if (selectedCellPositions.length > 0) {
+                const tempRows = {};
+                for (const cell of selectedCellPositions) {
+                    const { row, col } = cell;
+                    const cellPath = [...tablePosition.tableEntry[1], row, col];
+                    const cellNode = Node.get(editor, cellPath);
+                    if (!tempRows[row]) {
+                        tempRows[row] = [];
+                    }
+                    tempRows[row].push(cellNode);
+                }
+                const rows = Object.values(tempRows).map((item) => {
+                    return {
+                        type: ElementKinds.tableRow,
+                        children: item
+                    };
+                });
+                tableFragment = {
+                    type: ElementKinds.table,
+                    children: rows
                 };
-            });
-            tableFragment = {
-                type: ElementKinds.table,
-                children: rows
-            };
-        }
-        if (tableFragment) {
-            tableFragment = normalizeTable(cloneDeep(tableFragment));
-            const plainText = Node.string(tableFragment);
-            tableFragment = [tableFragment];
-            const stringObj = JSON.stringify(tableFragment);
-            const encoded = window.btoa(encodeURIComponent(stringObj));
-            unit.setData(`application/${CLIPBOARD_FORMAT_KEY}`, encoded);
-            unit.setData('text/plain', plainText);
-            return;
+            }
+            if (tableFragment) {
+                tableFragment = normalizeTable(cloneDeep(tableFragment));
+                setClipboardDataByDom(editor, tableFragment, data);
+                return;
+            }
         }
-        setFragmentData(unit);
+        setFragmentData(data, originEvent);
     };
-    editor.insertData = data => {
-        const fragment = extractFragment(data);
+    editor.insertFragmentData = async (data) => {
+        const fragment = await extractFragment(data);
         if (fragment) {
             const opts = new TableOptions();
-            const { selection } = editor;
             if (isSelectionInTable(opts, editor) &&
                 fragment.length === 1 &&
                 Element.isElement(fragment[0]) &&
@@ -16069,8 +16174,10 @@ const withTable = (editor) => {
                     });
                 });
             }
+            Transforms.insertFragment(editor, fragment);
+            return true;
         }
-        insertData(data);
+        return insertFragmentData(data);
     };
     editor.normalizeNode = ([node, path]) => {
         if (Element.isElement(node) && node.type === ElementKinds.table) {
@@ -16452,123 +16559,6 @@ const internalPlugins = () => [
     createMentionPlugin()
 ];
 
-class TheQuickInsert {
-    handleMousedownNativeElement(event) {
-        event.preventDefault();
-        event.stopPropagation();
-    }
-    constructor(renderer, elementRef, cdr) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.className = 'the-quick-insert';
-        this.isVisible = false;
-        this.defaultIconName = 'plus-circle-thin';
-        this.iconNameFill = 'plus-circle-thin-fill';
-        this.displayIconName = this.defaultIconName;
-    }
-    ngOnInit() {
-        const { onChange } = this.editor;
-        this.editor.onChange = () => {
-            onChange();
-            if (this.editor && this.editor.options && !this.editor.options.readonly) {
-                // wait isOpenedMenu is updated
-                setTimeout(() => {
-                    this.updateIconDisplay();
-                }, 0);
-            }
-        };
-        this.updateIconDisplay();
-    }
-    ngOnChanges(changes) {
-        if (changes.isVisible && !changes.isVisible.firstChange) {
-            this.updateIconDisplay();
-        }
-    }
-    updateIconDisplay() {
-        const { editor } = this;
-        if (this.isVisible &&
-            !QuickInsertEditor.isOpenedMenu(editor) &&
-            isCleanEmptyParagraph(editor) &&
-            !this.hasExcludeAttribute() &&
-            !this.isRichMediaScope()) {
-            const block = Node.ancestor(editor, [editor?.selection?.anchor.path[0]]);
-            const rootNode = AngularEditor.toDOMNode(editor, block);
-            this.updatePosition(rootNode.offsetLeft, rootNode.offsetTop);
-            return;
-        }
-        this.addHiddenClass();
-    }
-    addHiddenClass() {
-        this.elementRef.nativeElement.classList.add('d-none');
-    }
-    removeHiddenClass() {
-        this.elementRef.nativeElement.classList.remove('d-none');
-    }
-    isRichMediaScope() {
-        const { editor } = this;
-        if (editor?.selection) {
-            const block = Node.ancestor(editor, [editor?.selection?.anchor.path[0]]);
-            const rootElement = AngularEditor.toDOMNode(editor, block);
-            const leafElement = rootElement.querySelector('[data-slate-leaf="true"]');
-            const rootElementRect = rootElement.getBoundingClientRect();
-            const leafElementRect = leafElement.getBoundingClientRect();
-            return leafElementRect?.x !== rootElementRect?.x;
-        }
-        return false;
-    }
-    hasExcludeAttribute() {
-        const marks = getSelectionMarks(this.editor);
-        const fontSizeMark = marks[MarkTypes.fontSize];
-        return fontSizeMark;
-    }
-    updatePosition(left, top) {
-        this.renderer.setStyle(this.elementRef.nativeElement, 'top', `${top}px`);
-        this.renderer.setStyle(this.elementRef.nativeElement, 'left', `${left}px`);
-        this.removeHiddenClass();
-    }
-    mouseEnter(event) {
-        this.displayIconName = this.iconNameFill;
-        this.cdr.markForCheck();
-    }
-    mouseLeave(event) {
-        this.displayIconName = this.defaultIconName;
-        this.cdr.markForCheck();
-    }
-    handleClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-        // avoid popover is closed immediately
-        setTimeout(() => {
-            QuickInsertEditor.openMenu(this.editor)
-                .afterClosed()
-                .subscribe(() => {
-                this.updateIconDisplay();
-            });
-            this.updateIconDisplay();
-        }, 100);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheQuickInsert, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TheQuickInsert, isStandalone: true, selector: "[theQuickInsert]", inputs: { editor: "editor", isVisible: "isVisible" }, host: { listeners: { "mousedown": "handleMousedownNativeElement($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconElement", first: true, predicate: ["iconElement"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<thy-icon\n  #iconElement\n  [thyIconName]=\"displayIconName\"\n  class=\"quick-insert-icon text-desc font-size-xlg\"\n  (mouseenter)=\"mouseEnter($event)\"\n  (mouseleave)=\"mouseLeave($event)\"\n  (mousedown)=\"handleClick($event)\"\n></thy-icon>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheQuickInsert, decorators: [{
-            type: Component,
-            args: [{ selector: '[theQuickInsert]', standalone: true, imports: [ThyIcon], template: "<thy-icon\n  #iconElement\n  [thyIconName]=\"displayIconName\"\n  class=\"quick-insert-icon text-desc font-size-xlg\"\n  (mouseenter)=\"mouseEnter($event)\"\n  (mouseleave)=\"mouseLeave($event)\"\n  (mousedown)=\"handleClick($event)\"\n></thy-icon>\n" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }], editor: [{
-                type: Input
-            }], isVisible: [{
-                type: Input
-            }], iconElement: [{
-                type: ViewChild,
-                args: ['iconElement', { read: ElementRef, static: false }]
-            }], handleMousedownNativeElement: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }] } });
-
 const HOTKEYS = {
     'mod+b': MarkTypes.bold,
     'mod+i': MarkTypes.italic,
@@ -16677,22 +16667,22 @@ class TheEditorComponent {
             });
         };
         this.onSlaPaste = (event) => {
+            const clipboardData = getDataTransferClipboard(event.clipboardData);
             this.theOnDOMEvent.emit({
-                data: {
-                    ...this.getTextAndJSON(event.clipboardData)
-                },
+                data: clipboardData,
                 nativeEvent: event
             });
         };
-        this.onSlaBeforeInput = (event) => {
+        this.onSlaBeforeInput = async (event) => {
             let data = {
                 inputType: event.inputType,
                 text: (event.data || event.dataTransfer)
             };
             if (event.inputType === 'insertFromPaste') {
+                const clipboardData = getDataTransferClipboard(event.dataTransfer);
                 data = {
                     ...data,
-                    ...this.getTextAndJSON((event.data || event.dataTransfer))
+                    ...clipboardData
                 };
             }
             this.theOnDOMEvent.emit({
@@ -16985,18 +16975,6 @@ class TheEditorComponent {
         event.preventDefault();
         return;
     }
-    getTextAndJSON(data) {
-        const fragment = data.getData(`application/${CLIPBOARD_FORMAT_KEY}`);
-        let json = [];
-        if (fragment) {
-            json = JSON.parse(decodeURIComponent(window.atob(fragment)));
-        }
-        const text = data.getData('text/plain');
-        return {
-            json,
-            text
-        };
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TheEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: TheContextService }, { token: i2$2.ThyIconRegistry }, { token: THE_PRESET_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TheEditorComponent, isStandalone: true, selector: "the-editor, theEditor", inputs: { theOptions: "theOptions", thePlugins: "thePlugins", theGlobalToolbar: "theGlobalToolbar", theDecorate: "theDecorate", theOnError: "theOnError" }, outputs: { theOnSave: "theOnSave", theOnDOMEvent: "theOnDOMEvent", theEditorCreated: "theEditorCreated", theUploadingStatus: "theUploadingStatus" }, host: { properties: { "class.the-editor-readonly": "editor.options?.readonly", "class.the-mobile-editor": "isMobileMode" }, classAttribute: "the-editor" }, providers: [
             TheContextService,
@@ -17346,5 +17324,5 @@ const withTestPlugin = (plugins, initValue) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deleteElementKey, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deleteElementKey, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia };
 //# sourceMappingURL=worktile-theia.mjs.map