@worktile/theia 20.1.0-next.9 → 20.1.1

package/fesm2022/worktile-theia.mjs

@@ -1,16 +1,16 @@
 import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, inject, signal, Injectable, computed, HostBinding, Input, Directive, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, forwardRef, ContentChildren, Optional, SkipSelf, EventEmitter, NgZone, ElementRef, DestroyRef, Output, Pipe, ChangeDetectionStrategy, ChangeDetectorRef, ViewChildren, Renderer2, viewChild, DOCUMENT, Injector, NgModule } from '@angular/core';
+import { InjectionToken, Component, inject, signal, Injectable, computed, HostBinding, Input, Directive, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, forwardRef, ContentChildren, Optional, SkipSelf, EventEmitter, NgZone, ElementRef, DestroyRef, Output, Pipe, ChangeDetectionStrategy, ChangeDetectorRef, ViewChildren, Renderer2, viewChild, Injector, NgModule } from '@angular/core';
 import { ThyDivider } from 'ngx-tethys/divider';
 import { ThyAction, ThyActions } from 'ngx-tethys/action';
 import { ThyDropdownMenuItemDirective, ThyDropdownMenuDivider, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemIconDirective, ThyDropdownMenuItemActiveDirective, ThyDropdownMenuComponent, ThyDropdownMenuGroup, ThyDropdownDirective, ThyDropdownMenuItemExtendIconDirective } from 'ngx-tethys/dropdown';
 import * as i2$5 from 'ngx-tethys/icon';
 import { ThyIcon, ThyIconRegistry } from 'ngx-tethys/icon';
-import { cloneDeep, map, assign, defaults, groupBy, uniq, isEqual } from 'lodash';
+import { cloneDeep, map, every, 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 { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, JUST_NOW_UPDATED_VIRTUAL_VIEW, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
+import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, getRealHeightByElement, isDebug, debugLog, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
 import { HistoryEditor, withHistory } from 'slate-history';
 import { NODE_TO_PARENT, NODE_TO_INDEX, NODE_TO_ELEMENT, DOMEditor, EDITOR_TO_ELEMENT } from 'slate-dom';
 import { TheiaConverter } from '@atinc/selene';
@@ -2438,6 +2438,9 @@ function toggleClass(nativeElement, className, isAdd) {
     }
 }
 function toggleHeadingRelatedElement(editor, element, isVisible) {
+    if (editor.options.enableVirtualScroll) {
+        return;
+    }
     const targetDom = NODE_TO_ELEMENT.get(element);
     if (!targetDom) {
         return;
@@ -2495,7 +2498,7 @@ class TheBaseElement extends BaseElementComponent {
         super.ngOnInit();
         const blockClass = this.editor.isInline(this.element) ? 'slate-inline-block' : 'slate-block';
         this.nativeElement.classList.add(`slate-element-${this.element.type}`, blockClass);
-        if (this.editor) {
+        if (this.editor && !this.editor.options.enableVirtualScroll) {
             const isVisible = this.editor.isVisible(this.element);
             const isBlockCard = this.editor.isBlockCard(this.element);
             if (!isVisible) {
@@ -2715,6 +2718,27 @@ const isPureEmptyParagraph = (editor, block) => {
     return false;
 };
 
+const isPureParagraph = (editor, block) => {
+    if (!Array.isArray(block)) {
+        block = [block];
+    }
+    return every(block, block => {
+        return (Element.isElement(block) &&
+            block.type === ElementKinds.paragraph &&
+            block.children.length === 1 &&
+            (block.children[0].text || block.children[0].type === ElementKinds.inlineCode));
+    });
+};
+
+const isPureHeading = (editor, block) => {
+    if (!Array.isArray(block)) {
+        block = [block];
+    }
+    return every(block, block => {
+        return Element.isElement(block) && STANDARD_HEADING_TYPES.includes(block.type);
+    });
+};
+
 // credit: https://github.com/segmentio/is-url
 // support mailto: protocol
 const protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
@@ -5227,7 +5251,6 @@ const TABLE_BORDER = 1;
 const TABLE_PADDING = 8;
 const TABLE_CONTROL = 11;
 const TABLE_NUMBER_COLUMN = 45;
-const TABLE_HORIZONTAL_SCROLL_HEIGHT = 16; // table component horizontal scrollbar height
 const TableWithStickyRowClass = 'the-table-with-sticky-row';
 var FullscreenState;
 (function (FullscreenState) {
@@ -7101,7 +7124,7 @@ class TheCode extends TheBaseElement {
             cursorBlinkRate: 500
         };
         this.resizeBounds = null;
-        this.isDelayRender = signal(false, ...(ngDevMode ? [{ debugName: "isDelayRender" }] : []));
+        this.isDelayRender = signal(true, ...(ngDevMode ? [{ debugName: "isDelayRender" }] : []));
         this.thyNotifyService = inject(ThyNotifyService);
         this.contextService = inject(TheContextService);
         this.ngZone = inject(NgZone);
@@ -7146,6 +7169,14 @@ class TheCode extends TheBaseElement {
         super.ngOnInit();
         this.initMaxHeight();
         this.activeLanguage = this.menus.find(item => item.key === DEFAULT_LANGUAGE.value);
+        this.renderCodemirror();
+        if (!this.readonly) {
+            this.resizeBounds = {
+                nativeElement: this.contextService.getEditableElement()
+            };
+        }
+    }
+    ngAfterViewInit() {
         this.ngZone.runOutsideAngular(() => {
             fromEvent(this.nativeElement, 'mousedown')
                 .pipe(takeUntil(this.destroy$))
@@ -7163,17 +7194,6 @@ class TheCode extends TheBaseElement {
                 }
             });
         });
-        this.useCodemirror();
-        if (!this.readonly) {
-            this.resizeBounds = {
-                nativeElement: this.contextService.getEditableElement()
-            };
-        }
-    }
-    ngAfterViewInit() {
-        if (this.isCollapsedAndNonReadonly) {
-            this.useAutofocus();
-        }
     }
     initMaxHeight() {
         this.maxHeight = isPrintMode(this.editor) ? 0 : 350 - CODEMIRROR_PADDING_TOP * 2;
@@ -7202,11 +7222,14 @@ class TheCode extends TheBaseElement {
             this.toolbarPopoverRef.close();
         }
     }
-    useCodemirror() {
+    renderCodemirror() {
         this.useReadonly();
         this.useMode();
         this.useAutoWrap();
         this.useHeight();
+        if (this.isCollapsedAndNonReadonly) {
+            this.useAutofocus();
+        }
     }
     codeChange($event) {
         this.isHightLight = false;
@@ -7247,7 +7270,7 @@ class TheCode extends TheBaseElement {
         this.options = { ...this.options, readonly: this.readonly, cursorBlinkRate: this.readonly ? -1 : 500 };
     }
     useAutofocus() {
-        this.options = { ...this.options, autofocus: true };
+        this.options = { ...this.options, autofocus: this.readonly ? false : true };
     }
     onResize({ height }) {
         this.resizeHeight = height;
@@ -7267,7 +7290,7 @@ class TheCode extends TheBaseElement {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheCode, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheCode, isStandalone: true, selector: "div[theCode]", host: { classAttribute: "the-code-container" }, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdown", first: true, predicate: TheToolbarDropdown, descendants: true, read: TheToolbarDropdown }], usesInheritance: true, ngImport: i0, template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    #codemirror\n    [isDelayRender]=\"isDelayRender()\"\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  @if (isCollapsedAndNonReadonly) {\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\"></thy-resize-handle>\n  }\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SlateModule }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i2$2.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["options", "extensions", "languages", "isDelayRender"], outputs: ["focusChange"] }, { kind: "component", type: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: TheToolbarDropdown, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheCode, isStandalone: true, selector: "div[theCode]", host: { classAttribute: "the-code-container" }, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdown", first: true, predicate: TheToolbarDropdown, descendants: true, read: TheToolbarDropdown }], usesInheritance: true, ngImport: i0, template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n    <ng-codemirror\n      #codemirror\n      contenteditable=\"false\"\n      class=\"ng-codemirror-wrapper\"\n      [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n      [options]=\"options\"\n      [ngModel]=\"code\"\n      (ngModelChange)=\"codeChange($event)\"\n      (focusChange)=\"focusChange($event)\"\n    >\n    </ng-codemirror>\n  @if (isCollapsedAndNonReadonly) {\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\"></thy-resize-handle>\n  }\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SlateModule }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i2$2.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["options", "extensions", "languages"], outputs: ["focusChange"] }, { kind: "component", type: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: TheToolbarDropdown, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheCode, decorators: [{
             type: Component,
@@ -7290,7 +7313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         ThyResizeHandle,
                         TheToolbarDropdown,
                         ThePreventDefaultDirective
-                    ], template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    #codemirror\n    [isDelayRender]=\"isDelayRender()\"\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  @if (isCollapsedAndNonReadonly) {\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\"></thy-resize-handle>\n  }\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n" }]
+                    ], template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n    <ng-codemirror\n      #codemirror\n      contenteditable=\"false\"\n      class=\"ng-codemirror-wrapper\"\n      [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n      [options]=\"options\"\n      [ngModel]=\"code\"\n      (ngModelChange)=\"codeChange($event)\"\n      (focusChange)=\"focusChange($event)\"\n    >\n    </ng-codemirror>\n  @if (isCollapsedAndNonReadonly) {\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\"></thy-resize-handle>\n  }\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n" }]
         }], propDecorators: { toolbar: [{
                 type: ViewChild,
                 args: ['toolbar', { read: TemplateRef, static: true }]
@@ -9181,8 +9204,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
         }], ctorParameters: () => [{ type: TableStore }, { type: i1.ThyPopover }, { type: i0.NgZone }, { type: TheContextService }] });
 
 class TableFreezeColumnPipe {
-    transform(table, tablePluginOptions, tableWrapperWidth) {
-        if (!(tablePluginOptions?.freezeColumnHeader && table.options?.headerColumn)) {
+    transform(table, tablePluginOptions, tableWrapperWidth, editor) {
+        let freezeColumnHeader = tablePluginOptions?.freezeColumnHeader;
+        if (typeof tablePluginOptions?.freezeColumnHeader === 'function' && editor) {
+            freezeColumnHeader = tablePluginOptions?.freezeColumnHeader(editor);
+        }
+        if (!(freezeColumnHeader && table.options?.headerColumn)) {
             return false;
         }
         const rows = table.children?.map(item => item.children);
@@ -9209,11 +9236,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 class TableFreezeRowPipe {
-    transform(table, tablePluginOptions) {
+    transform(table, tablePluginOptions, editor) {
         if (!table.children.length) {
             return false;
         }
-        if (!(hasHeaderRow(table) && tablePluginOptions?.freezeRowHeader)) {
+        let freezeRowHeader = tablePluginOptions?.freezeRowHeader;
+        if (typeof tablePluginOptions?.freezeRowHeader === 'function' && editor) {
+            freezeRowHeader = tablePluginOptions?.freezeRowHeader(editor);
+        }
+        if (!(hasHeaderRow(table) && freezeRowHeader)) {
             return false;
         }
         // 标题行存在合并的行时，取消冻结
@@ -9934,9 +9965,10 @@ class TheTable extends TheBaseElement {
                 setTimeout(() => {
                     this.afterRowControlsUpdate();
                 }, 0);
+                // 表格数据变化，更新横向滚动条
+                this.updateHorizontalScrollbar();
             }, 0);
-            this.isFreezeRow = this.freezeRowPipe.transform(this.element, this.tablePluginOptions);
-            this.isFreezeColumn = this.freezeColumnPipe.transform(this.element, this.tablePluginOptions, this.tableWrapperWidth);
+            this.updateFreezeState();
             this.getIsInTable();
             this.getColControls();
             this.columns = this.element.columns;
@@ -9945,8 +9977,6 @@ class TheTable extends TheBaseElement {
                 this.theTableContextMenuService.closeContextMenu();
                 this.tableStore.isExistSelectedCell && this.tableStore.clearSelectedCells();
             }
-            // 表格数据变化，更新横向滚动条
-            this.updateHorizontalScrollbar();
         }
     }
     // 需要等待内容更新后，才可以执行 useRowControls，否则获取的高度可能不正确
@@ -9982,7 +10012,7 @@ class TheTable extends TheBaseElement {
         this.destroy$ = new Subject();
         this.rowControls = [];
         this.colControls = [];
-        this.isMouseOverTable = false;
+        this.disabledHorizontalScrollbarFixed = signal(false, ...(ngDevMode ? [{ debugName: "disabledHorizontalScrollbarFixed" }] : []));
         this.getOutletParent = () => {
             return this.tbodyElement.nativeElement;
         };
@@ -9998,6 +10028,7 @@ class TheTable extends TheBaseElement {
         this.getColControls();
         this.getIsInTable();
         this.tablePluginOptions = getPluginOptions(this.editor, PluginKeys.table);
+        this.disabledHorizontalScrollbarFixed.set(this.tablePluginOptions.disabledHorizontalScrollbarFixed);
         if (this.tablePluginOptions.showFullscreen && this.tablePluginOptions.fullscreenAction) {
             this.tablePluginOptions
                 .fullscreenAction(this.editor)
@@ -10049,7 +10080,7 @@ class TheTable extends TheBaseElement {
     }
     ngAfterViewInit() {
         this.tableStore.initEditor(this.editor);
-        this.ngZone.onStable.pipe(take(1)).subscribe(async () => {
+        this.ngZone.onStable.pipe(take(1), takeUntil(this.destroy$)).subscribe(async () => {
             const blockCardElement = getBlockCardByNativeElement(this.nativeElement);
             if (blockCardElement) {
                 blockCardElement.classList.add(`${SLATE_BLOCK_CARD_CLASS_NAME}-${this.element.type}`);
@@ -10077,14 +10108,15 @@ class TheTable extends TheBaseElement {
                 }
             }
         });
-        setTimeout(() => {
+        timer(0)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
             const isPrintMode = this.config.mode === TheMode.print;
             this.getWrapperWidthAndLeft();
             if (isPrintMode) {
                 this.columns = calcPrintColumnWidth(this.element);
             }
-            this.isFreezeRow = this.freezeRowPipe.transform(this.element, this.tablePluginOptions);
-            this.isFreezeColumn = this.freezeColumnPipe.transform(this.element, this.tablePluginOptions, this.tableWrapperWidth);
+            this.updateFreezeState();
             this.setHeaderColumnStickyCellClass();
             this.setTableRightShadow();
             this.subscribeCellsChange();
@@ -10110,6 +10142,7 @@ class TheTable extends TheBaseElement {
                 });
                 this.contextService.theEditorResized$.pipe(takeUntil(this.destroy$)).subscribe(result => {
                     if (result.widthChanged) {
+                        this.updateFreezeState();
                         this.getWrapperWidthAndLeft();
                         this.setTableScrollingShadow();
                         this.setGridColumnsStyle();
@@ -10118,7 +10151,7 @@ class TheTable extends TheBaseElement {
                     }
                 });
             });
-        }, 0);
+        });
     }
     /* 给标题行的左/右加阴影 */
     setHeaderRowShadow() {
@@ -10199,6 +10232,10 @@ class TheTable extends TheBaseElement {
             this.renderer.removeClass(nativeElement, className);
         }
     }
+    updateFreezeState() {
+        this.isFreezeRow = this.freezeRowPipe.transform(this.element, this.tablePluginOptions, this.editor);
+        this.isFreezeColumn = this.freezeColumnPipe.transform(this.element, this.tablePluginOptions, this.tableWrapperWidth, this.editor);
+    }
     setTableHeaderStyle() {
         this.setHeaderCellClass();
         this.setHeaderColumnStickyCellClass();
@@ -10655,6 +10692,8 @@ class TheTable extends TheBaseElement {
         fromEvent(this.tableWrapper.nativeElement, 'scroll')
             .pipe(takeUntil(this.destroy$))
             .subscribe(() => {
+            const scrollbarContainer = this.horizontalScrollbarContainer.nativeElement;
+            scrollbarContainer.scrollLeft = this.tableWrapper.nativeElement.scrollLeft;
             this.setTableScrollingShadow();
             this.updateStickyRowScrollLeft();
             this.setHeaderRowShadow();
@@ -10684,7 +10723,7 @@ class TheTable extends TheBaseElement {
             const buffer = this.isInTable ? -TABLE_CONTROL : 0;
             if (this.isStickyTop && this.isScrolledXOfScrollContainer) {
                 stickyRows.forEach((element) => {
-                    this.renderer.setStyle(element, 'left', `${this.tableWrapperLeft + this.getColControlButtonWidth()}px`);
+                    this.renderer.setStyle(element, 'left', `${this.tableWrapperLeft}px`);
                 });
                 this.renderer.setStyle(cornerControl, 'left', `${this.tableWrapperLeft + buffer}px`);
                 rowControl && this.renderer.setStyle(rowControl, 'left', `${this.tableWrapperLeft + buffer}px`);
@@ -10711,64 +10750,15 @@ class TheTable extends TheBaseElement {
         this.destroy$.complete();
     }
     initHorizontalScrollbar() {
-        if (!this.horizontalScrollbarContainer || !this.horizontalScrollbarContent) {
+        if (!this.horizontalScrollbarContainer || !this.horizontalScrollbarContent || this.disabledHorizontalScrollbarFixed()) {
             return;
         }
-        this.bindTableMouseEvents();
         this.bindScrollbarEvents();
         this.updateHorizontalScrollbar();
     }
-    // 绑定鼠标和滚轮事件，用于处理表格横向滚动条显隐
-    bindTableMouseEvents() {
-        if (!this.nativeElement) {
-            return;
-        }
-        // 鼠标移入表格时，更新滚动条是否显示固定
-        fromEvent(this.nativeElement, 'mouseenter')
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(() => {
-            this.isMouseOverTable = true;
-            this.updateHorizontalScrollbar();
-        });
-        fromEvent(this.nativeElement, 'mouseleave')
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(() => {
-            this.isMouseOverTable = false;
-            this.updateHorizontalScrollbar();
-        });
-        // 在表格上的滚轮滚动监听，处理滚动过程中超过可视范围滚动条的显隐
-        // 页面的垂直滚动由使用方的页面决定，表格组件无法准确获取，这里通过监听滚轮实现
-        fromEvent(this.nativeElement, 'wheel', { passive: false })
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((event) => {
-            // 只有在鼠标在表格上时才处理
-            if (!this.isMouseOverTable) {
-                return;
-            }
-            const isHorizontalScroll = Math.abs(event.deltaX) > Math.abs(event.deltaY) || event.shiftKey;
-            if (isHorizontalScroll && this.horizontalScrollbarContainer) {
-                event.preventDefault();
-                let deltaX = event.deltaX;
-                // 如果是 Shift + 滚轮，将垂直滚动转换为横向滚动
-                if (event.shiftKey && Math.abs(event.deltaY) > Math.abs(event.deltaX)) {
-                    deltaX = event.deltaY;
-                }
-                const scrollbarContainer = this.horizontalScrollbarContainer.nativeElement;
-                const newScrollLeft = Math.max(0, Math.min(scrollbarContainer.scrollLeft + deltaX, scrollbarContainer.scrollWidth - scrollbarContainer.clientWidth));
-                // 同步滚动到滚动条
-                scrollbarContainer.scrollLeft = newScrollLeft;
-            }
-            else {
-                // 纵向滚动，需要延迟执行是否需要固定滚动条
-                setTimeout(() => {
-                    this.updateScrollbarFixedState();
-                }, 100);
-            }
-        });
-    }
     // 监听横向滚动条滚动事件
     bindScrollbarEvents() {
-        if (!this.horizontalScrollbarContainer || !this.horizontalScrollbarContent) {
+        if (!this.horizontalScrollbarContainer || !this.horizontalScrollbarContent || this.disabledHorizontalScrollbarFixed()) {
             return;
         }
         // 滚动条滚动事件同步到表格
@@ -10782,36 +10772,27 @@ class TheTable extends TheBaseElement {
         });
     }
     updateHorizontalScrollbar() {
-        this.syncMouseOverState();
-        this.updateScrollbarVisibility();
+        this.setScrollbarWidth();
         this.updateScrollbarFixedState();
     }
-    syncMouseOverState() {
-        this.isMouseOverTable = this.nativeElement.matches(':hover');
-    }
-    // 更新横向滚动条可见性
-    updateScrollbarVisibility() {
-        if (!this.tableWrapper || !this.horizontalScrollbarContainer || !this.horizontalScrollbarContent) {
+    setScrollbarWidth() {
+        if (!this.tableWrapper || !this.horizontalScrollbarContent) {
             return;
         }
         const tableWrapper = this.tableWrapper.nativeElement;
-        const scrollbarContainer = this.horizontalScrollbarContainer.nativeElement;
         const scrollbarContent = this.horizontalScrollbarContent.nativeElement;
         const hasHorizontalScroll = tableWrapper.scrollWidth > tableWrapper.clientWidth;
         if (!hasHorizontalScroll) {
-            this.renderer.removeClass(scrollbarContainer, 'visible');
+            this.renderer.removeStyle(scrollbarContent, 'width');
             return;
         }
         this.renderer.setStyle(scrollbarContent, 'width', `${tableWrapper.scrollWidth}px`);
-        this.renderer.addClass(scrollbarContainer, 'visible');
     }
     // 更新横向滚动条固定状态
     updateScrollbarFixedState() {
-        if (this.editor.options.disabledTableStickyScrollbar || !this.horizontalScrollbarContainer) {
-            return;
-        }
-        if (!this.isMouseOverTable) {
-            this.setScrollbarFixed(false, 0);
+        if (this.editor.options.disabledTableStickyScrollbar ||
+            !this.horizontalScrollbarContainer ||
+            this.disabledHorizontalScrollbarFixed()) {
             return;
         }
         const tableRect = this.nativeElement.getBoundingClientRect();
@@ -10843,25 +10824,24 @@ class TheTable extends TheBaseElement {
         }
     }
     setScrollbarFixed(fixed, viewportHeight) {
-        if (!this.horizontalScrollbarContainer) {
+        if (!this.horizontalScrollbarContainer || this.disabledHorizontalScrollbarFixed()) {
             return;
         }
         const scrollbar = this.horizontalScrollbarContainer.nativeElement;
         const currentScrollLeft = scrollbar.scrollLeft;
         if (fixed) {
             const tableRect = this.nativeElement.getBoundingClientRect();
+            const tableElement = this.nativeElement;
+            // 页面缩放比
+            const scaleX = tableRect.width && tableElement.offsetWidth ? tableRect.width / tableElement.offsetWidth : 1;
             this.renderer.addClass(scrollbar, 'fixed');
-            this.renderer.setStyle(scrollbar, 'left', `${Math.max(0, tableRect.left)}px`);
-            this.renderer.setStyle(scrollbar, 'width', `${tableRect.width}px`);
-            this.renderer.setStyle(scrollbar, 'top', `${viewportHeight - TABLE_HORIZONTAL_SCROLL_HEIGHT}px`);
-            this.renderer.removeStyle(scrollbar, 'bottom');
+            this.renderer.setStyle(scrollbar, 'left', `${Math.max(0, tableRect.left / scaleX)}px`);
+            this.renderer.setStyle(scrollbar, 'width', `${tableRect.width / scaleX}px`);
         }
         else {
             this.renderer.removeClass(scrollbar, 'fixed');
             this.renderer.removeStyle(scrollbar, 'left');
             this.renderer.removeStyle(scrollbar, 'width');
-            this.renderer.removeStyle(scrollbar, 'top');
-            this.renderer.setStyle(scrollbar, 'bottom', `-${TABLE_HORIZONTAL_SCROLL_HEIGHT}px`);
         }
         requestAnimationFrame(() => {
             if (scrollbar.scrollLeft !== currentScrollLeft) {
@@ -10870,7 +10850,7 @@ class TheTable extends TheBaseElement {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheTable, deps: [{ token: TableCellEventDispatcher }, { token: ColumnResizeNotifierSource }, { token: TableStore }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i2.ScrollDispatcher }, { token: i2.Overlay }, { token: TableService }, { token: TheTableContextMenuService }, { token: TableFreezeColumnPipe }, { token: TableFreezeRowPipe }, { token: i0.Renderer2 }, { token: TheContextService }, { token: THE_MODE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheTable, isStandalone: true, selector: "the-table", host: { properties: { "class.the-table-with-controls": "isInTable || tableStore.isRightClicking || tableStore.isFocusedInput", "class.the-table-with-sticky-column": "isFreezeColumn", "class.the-numbered-table": "element?.options?.numberedColumn", "class.the-table-selection-hide": "tableStore.isCellSelecting || tableStore.isRightClicking || tableStore.isFocusedInput" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TheTable, isStandalone: true, selector: "the-table", host: { properties: { "class.the-table-with-controls": "isInTable || tableStore.isRightClicking || tableStore.isFocusedInput", "class.the-table-with-sticky-column": "isFreezeColumn", "class.the-numbered-table": "element?.options?.numberedColumn", "class.the-table-selection-hide": "tableStore.isCellSelecting || tableStore.isRightClicking || tableStore.isFocusedInput", "class.the-table-disabled-horizontal-scrollbar-fixed": "disabledHorizontalScrollbarFixed()" } }, providers: [
             TableStore,
             TableService,
             TheTableContextMenuService,
@@ -10902,7 +10882,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         '[class.the-table-with-controls]': 'isInTable || tableStore.isRightClicking || tableStore.isFocusedInput',
                         '[class.the-table-with-sticky-column]': 'isFreezeColumn',
                         '[class.the-numbered-table]': 'element?.options?.numberedColumn',
-                        '[class.the-table-selection-hide]': 'tableStore.isCellSelecting || tableStore.isRightClicking || tableStore.isFocusedInput'
+                        '[class.the-table-selection-hide]': 'tableStore.isCellSelecting || tableStore.isRightClicking || tableStore.isFocusedInput',
+                        '[class.the-table-disabled-horizontal-scrollbar-fixed]': 'disabledHorizontalScrollbarFixed()'
                     }, imports: [NgClass, NgStyle, TheInsertMark, TheColumnResizeDirective, TableHasHeaderRowPipe], template: "<div class=\"the-table-container\" theColumnResize>\n  <div #tableRowControlsWrapper class=\"the-table-row-controls-wrapper\">\n    <div\n      class=\"the-table-corner-controls\"\n      #cornerControl\n      contenteditable=\"false\"\n      [ngClass]=\"{\n        visible: !readonly && (isInTable || tableStore.isRightClicking || tableStore.isFocusedInput),\n        'control-active': isSelectedAllCell,\n        dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n      }\"\n    >\n      <div class=\"the-table-corner-button\" (pointerdown)=\"onSelectTable($event)\"></div>\n      @if (!(element | hasHeaderRow) && !isMobileMode) {\n        <div class=\"the-table-corner-controls-insert-row-marker\">\n          <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n        </div>\n      }\n      @if (!element?.options?.headerColumn && !isMobileMode) {\n        <div class=\"the-table-corner-controls-insert-column-marker\">\n          <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n        </div>\n      }\n    </div>\n    <div class=\"the-table-row-controls\">\n      <div class=\"the-table-row-controls-inner\" #rowControlsInner>\n        @for (control of rowControls; track trackByFnRowControls(i); let i = $index) {\n          <div\n            class=\"the-table-row-control-button-wrap\"\n            #rowControlsButtonWrapper\n            contenteditable=\"false\"\n            [ngClass]=\"{\n              'control-active': tableStore.selectedRowsIndex.includes(control.rowIndex),\n              dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n            }\"\n          >\n            @if (!readonly && (isInTable || tableStore.isRightClicking || tableStore.isFocusedInput) && !element?.options?.numberedColumn) {\n              <button\n                (pointerdown)=\"onRowMousedown($event, control.rowIndex)\"\n                type=\"button\"\n                contenteditable=\"false\"\n                [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                class=\"the-table-row-controls-button the-table-controls-button\"\n              ></button>\n            }\n            @if (element?.options?.numberedColumn) {\n              <div\n                contenteditable=\"false\"\n                (pointerdown)=\"onRowMousedown($event, control.rowIndex)\"\n                class=\"the-table-numbered-controls-button\"\n                [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n              >\n                <p class=\"row-number d-flex align-items-center\">\n                  {{ (element | hasHeaderRow) && i === 0 ? '' : (element | hasHeaderRow) ? i : i + 1 }}\n                </p>\n              </div>\n            }\n            @if (!isMobileMode) {\n              <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  <div class=\"the-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-table-numbered': element?.options?.numberedColumn }\">\n    <table class=\"the-table\" #theTable>\n      <colgroup #colgroup>\n        <!--\u63A7\u5236\u5E8F\u53F7\u5217\u5BBD\u5EA6-->\n        @if (readonly && element?.options?.numberedColumn) {\n          <col class=\"the-table-number-col\" />\n        }\n        @for (col of columns; track $index) {\n          <col [ngStyle]=\"{ width: col.width + 'px' }\" />\n        }\n      </colgroup>\n      <thead>\n        <tr class=\"the-table-col-controls-wrapper the-sticky-row\" #columnControlsWrapper>\n          @if (readonly && element?.options?.numberedColumn) {\n            <th class=\"the-table-number-col\"></th>\n          }\n          @for (control of colControls; track trackByFnColControls(i); let i = $index) {\n            <th\n              #colControl\n              class=\"the-table-col-control\"\n              contenteditable=\"false\"\n              [ngClass]=\"{\n                'control-active': tableStore.selectedColumnsIndex.includes(i),\n                dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0,\n                'the-sticky-cell': i === 0 && isFreezeColumn\n              }\"\n              (pointerdown)=\"onColMousedown($event, i)\"\n            >\n              @if ((isInTable || tableStore.isRightClicking || tableStore.isFocusedInput) && !isMobileMode) {\n                <the-table-insert-mark type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\" [parentElement]=\"colControl\">\n                </the-table-insert-mark>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n      <tbody #tbody></tbody>\n      @if (!element?.options?.headerColumn) {\n        <div #headerRowLeftShadow class=\"header-row-shadow header-row-left-shadow\" contenteditable=\"false\"></div>\n      }\n      <div class=\"header-row-shadow header-row-right-shadow\" #headerRowRightShadow contenteditable=\"false\"></div>\n    </table>\n  </div>\n  <div class=\"the-table-horizontal-scrollbar-container\" #horizontalScrollbarContainer>\n    <div class=\"the-table-horizontal-scrollbar-content\" #horizontalScrollbarContent></div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: TableCellEventDispatcher }, { type: ColumnResizeNotifierSource }, { type: TableStore }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i2.ScrollDispatcher }, { type: i2.Overlay }, { type: TableService }, { type: TheTableContextMenuService }, { type: TableFreezeColumnPipe }, { type: TableFreezeRowPipe }, { type: i0.Renderer2 }, { type: TheContextService }, { type: TheModeConfig, decorators: [{
                     type: Inject,
@@ -11195,9 +11176,13 @@ class TheQuickInsert {
     }
     updateIconDisplay() {
         const { editor } = this;
+        const virtualScrollSelection = EDITOR_TO_VIRTUAL_SCROLL_SELECTION.get(editor);
+        const conditionWithVirtualScroll = !AngularEditor.isEnabledVirtualScroll(editor) ||
+            (editor.selection && virtualScrollSelection && Range.equals(virtualScrollSelection, editor.selection));
         if (this.isVisible &&
             !QuickInsertEditor.isOpenedMenu(editor) &&
             isCleanEmptyParagraph(editor) &&
+            conditionWithVirtualScroll &&
             !this.hasExcludeAttribute() &&
             !this.isRichMediaScope()) {
             const block = Node.ancestor(editor, [editor?.selection?.anchor.path[0]]);
@@ -12041,14 +12026,13 @@ class ResizeRef {
 }
 
 class TheColumnResizeOverlayHandle {
-    constructor(elementRef, viewContainerRef, cdr, ngZone, resizeRef, eventDispatcher, document, resizeNotifier, destroyRef) {
+    constructor(elementRef, viewContainerRef, cdr, ngZone, resizeRef, eventDispatcher, resizeNotifier, destroyRef) {
         this.elementRef = elementRef;
         this.viewContainerRef = viewContainerRef;
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.resizeRef = resizeRef;
         this.eventDispatcher = eventDispatcher;
-        this.document = document;
         this.resizeNotifier = resizeNotifier;
         this.destroyRef = destroyRef;
     }
@@ -12082,9 +12066,9 @@ class TheColumnResizeOverlayHandle {
         if (mousedownEvent.button !== 0) {
             return;
         }
-        const mouseup = fromEvent(this.document, 'mouseup');
-        const mousemove = fromEvent(this.document, 'mousemove');
-        const escape = fromEvent(this.document, 'keyup').pipe(filter((event) => event.key === 'Escape'));
+        const mouseup = fromEvent(document, 'mouseup');
+        const mousemove = fromEvent(document, 'mousemove');
+        const escape = fromEvent(document, 'keyup').pipe(filter((event) => event.key === 'Escape'));
         const startX = mousedownEvent.clientX;
         const startY = mousedownEvent.clientY;
         const initialWidthSize = this._getOriginWidth();
@@ -12159,7 +12143,7 @@ class TheColumnResizeOverlayHandle {
             this.resizeNotifier.resizeStarted.next(sizeMessage);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheColumnResizeOverlayHandle, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: ResizeRef }, { token: TableCellEventDispatcher }, { token: DOCUMENT }, { token: ColumnResizeNotifierSource }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheColumnResizeOverlayHandle, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: ResizeRef }, { token: TableCellEventDispatcher }, { token: ColumnResizeNotifierSource }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TheColumnResizeOverlayHandle, isStandalone: true, selector: "ng-component", host: { classAttribute: "the-table-resize-overlay-thumb" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TheColumnResizeOverlayHandle, decorators: [{
@@ -12170,10 +12154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                     template: '',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: ResizeRef }, { type: TableCellEventDispatcher }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: ColumnResizeNotifierSource }, { type: i0.DestroyRef }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: ResizeRef }, { type: TableCellEventDispatcher }, { type: ColumnResizeNotifierSource }, { type: i0.DestroyRef }] });
 
 class ColumnResizingStore {
     constructor() {
@@ -12720,7 +12701,7 @@ class TheBaseFlavourElement extends BaseElementFlavour {
     }
     onInit() {
         super.onInit();
-        if (this.editor) {
+        if (this.editor && !this.editor.options.enableVirtualScroll) {
             const isVisible = this.editor.isVisible(this.element);
             const isBlockCard = this.editor.isBlockCard(this.element);
             if (!isVisible) {
@@ -13857,6 +13838,9 @@ const createFontSizePlugin = (locale) => createPluginFactory({
 })();
 
 const cleanHeadingEffect = (editor, path) => {
+    if (editor.options.enableVirtualScroll) {
+        return;
+    }
     const index = path[0];
     const headingElement = editor.children[index];
     if (!isStandardHeadingElement(headingElement)) {
@@ -14379,13 +14363,26 @@ class TheImage extends TheBaseElement {
         if (!AngularEditor.isEnabledVirtualScroll(this.editor)) {
             return;
         }
-        const heights = ELEMENT_KEY_TO_HEIGHTS.get(this.editor);
-        const key = AngularEditor.findKey(this.editor, this.element);
-        if (heights && heights.get(key.id)) {
+        const realHeight = getRealHeightByElement(this.editor, this.element, 0);
+        if (realHeight > 0) {
             const blockCard = getBlockCardByNativeElement(this.nativeElement);
             if (blockCard) {
                 const style = getComputedStyle(blockCard);
-                blockCard.style.minHeight = heights.get(key.id) - parseFloat(style.marginTop) - parseFloat(style.marginBottom) + 'px';
+                const minHeight = realHeight - parseFloat(style.marginTop) - parseFloat(style.marginBottom);
+                blockCard.style.minHeight = minHeight + 'px';
+                // if (isDebug) {
+                // debugLog('warn', 'setImageMinHeight in blockCard, realHeight（cache）: ', realHeight, this.element.key, 'minHeight: ', minHeight);
+                // }
+            }
+            else {
+                if (isDebug) {
+                    debugLog('warn', 'image render and can not find blockCard', this.element.key, this.editor.children.indexOf(this.element));
+                }
+            }
+        }
+        else {
+            if (isDebug) {
+                debugLog('warn', 'image render and can not find cache height', this.element.key, this.editor.children.indexOf(this.element));
             }
         }
     }
@@ -14394,8 +14391,12 @@ class TheImage extends TheBaseElement {
             return;
         }
         const blockCard = getBlockCardByNativeElement(this.nativeElement);
-        if (blockCard) {
+        if (blockCard && blockCard.style.minHeight) {
             blockCard.style.minHeight = '';
+            return true;
+        }
+        else {
+            return false;
         }
     }
     setImagePluginOptions() {
@@ -14635,13 +14636,30 @@ class TheImage extends TheBaseElement {
             .withPositions([bottomPosition]);
     }
     imageLoaded(event) {
-        this.clearMinHeight();
         const img = event.target;
         this.naturalWidth = img.naturalWidth;
         this.naturalHeight = img.naturalHeight;
         if (AngularEditor.isEnabledVirtualScroll(this.editor)) {
+            // if (isDebug) {
+            //     const realHeight = this.getRealHeight();
+            //     debugLog('warn', 'imageLoaded, realHeight: ', realHeight, this.element.key, this.editor.children.indexOf(this.element));
+            // }
             this.imageLoadedCacheHeightTimer = setTimeout(() => {
-                this.cacheImageHeight(this.getRealHeight());
+                // if (isDebug) {
+                //     const realHeight = this.getRealHeight();
+                //     debugLog(
+                //         'warn',
+                //         'imageLoaded, realHeight setTimeout period: ',
+                //         realHeight,
+                //         this.element.key,
+                //         'index: ',
+                //         this.editor.children.indexOf(this.element)
+                //     );
+                // }
+                const result = this.clearMinHeight();
+                if (!result) {
+                    this.cacheImageHeight(this.getRealHeight());
+                }
             }, 0);
         }
     }
@@ -14933,7 +14951,7 @@ class TheInlineCodeFlavour extends TheBaseFlavourElement {
 }
 
 const withInlineCode = (editor) => {
-    const { isInline, renderElement, insertText } = editor;
+    const { isInline, renderElement, insertText, customInsertFragmentData } = editor;
     editor.isInline = (element) => {
         return element.type === ElementKinds.inlineCode ? true : isInline(element);
     };
@@ -14969,6 +14987,28 @@ const withInlineCode = (editor) => {
             insertText(text);
         }
     };
+    editor.customInsertFragmentData = async (data, contextClipboardData) => {
+        if (InlineCodeEditor.isInlineCodeActive(editor)) {
+            const fragment = await extractFragment(data);
+            if (fragment) {
+                if (fragment.length === 1 &&
+                    !isPureEmptyParagraph(editor, fragment[0]) &&
+                    (isPureHeading(editor, fragment) || isPureParagraph(editor, fragment))) {
+                    const text = fragment.map(node => Node.string(node)).join('');
+                    editor.insertText(text);
+                    return true;
+                }
+            }
+            else {
+                const clipboardData = await getClipboardData(data);
+                if (clipboardData?.text) {
+                    editor.insertText(clipboardData.text);
+                    return true;
+                }
+            }
+        }
+        return customInsertFragmentData(data, contextClipboardData);
+    };
     editor = withRemoveEmptyNodes({ type: ElementKinds.inlineCode })(editor);
     return editor;
 };
@@ -18115,6 +18155,9 @@ class HeadingFlavour extends TheBaseFlavourElement {
     constructor() {
         super(...arguments);
         this.beforeContextChange = (value) => {
+            if (this.editor.options.enableVirtualScroll) {
+                return;
+            }
             const isHeading = isStandardHeadingElement(value.element);
             if (isHeading && this.element && value.element !== this.element) {
                 if (value.element.isCollapsed !== this.element.isCollapsed) {
@@ -18136,7 +18179,10 @@ class HeadingFlavour extends TheBaseFlavourElement {
     }
     onInit() {
         super.onInit();
-        if (this.element && isStandardHeadingElement(this.element) && this.element.isCollapsed) {
+        if (!this.editor.options.enableVirtualScroll &&
+            this.element &&
+            isStandardHeadingElement(this.element) &&
+            this.element.isCollapsed) {
             const followElements = getFollowElements(this.editor, this.element);
             // 处理删除后撤销场景
             followElements.forEach(el => {
@@ -18273,11 +18319,12 @@ class TheEditorComponent {
             enabled: false,
             scrollTop: 0,
             viewportHeight: 0,
-            bufferCount: 5
+            viewportBoundingTop: 0
         }, ...(ngDevMode ? [{ debugName: "virtualScrollConfig" }] : []));
         this.onChangeCallback = () => { };
         this.onTouchedCallback = () => { };
         this.locale = injectTranslations(inject(TheI18nService));
+        this.scrollContainerBoundingTop = null;
         this.isFirstWriteValue = true;
         this.scrollSelectionIntoView = (e, domRange) => {
             const { neededScrollIntoView } = e.options;
@@ -18365,7 +18412,7 @@ class TheEditorComponent {
         initializeDefaultMenuIcons(this.iconRegistry);
     }
     ngAfterViewInit() {
-        this.listenScrollEvent();
+        this.initializeVirtualScroll();
     }
     ngOnChanges(changes) {
         const options = changes.theOptions;
@@ -18388,7 +18435,7 @@ class TheEditorComponent {
     ngOnDestroy() {
         THE_EDITOR_PREVIOUS_SELECTION.delete(this.editor);
     }
-    listenScrollEvent() {
+    initializeVirtualScroll() {
         if (!this.virtualScrollConfig().enabled) {
             return;
         }
@@ -18396,22 +18443,12 @@ class TheEditorComponent {
         if (!scrollContainer) {
             return;
         }
-        this.ngZone.runOutsideAngular(() => {
-            fromEvent(scrollContainer, 'scroll')
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(() => {
-                if (!JUST_NOW_UPDATED_VIRTUAL_VIEW.get(this.editor)) {
-                    this.updateVirtualConfig();
-                }
-                else {
-                    if (localStorage.getItem(SLATE_DEBUG_KEY)) {
-                        console.log('theia: scroll event fired from updated virtual view（skip this scroll）');
-                    }
-                    JUST_NOW_UPDATED_VIRTUAL_VIEW.set(this.editor, false);
-                }
-            });
+        fromEvent(scrollContainer, 'scroll')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
             this.updateVirtualConfig();
         });
+        this.updateVirtualConfig();
     }
     updateVirtualConfig() {
         const scrollContainer = this.theContextService.getScrollContainer();
@@ -18419,13 +18456,18 @@ class TheEditorComponent {
             return;
         }
         const { scrollTop, offsetHeight } = scrollContainer;
+        if (this.scrollContainerBoundingTop === null) {
+            this.scrollContainerBoundingTop = scrollContainer.getBoundingClientRect().top;
+        }
         if (localStorage.getItem(SLATE_DEBUG_KEY + '__SCROLL_TOP')) {
             console.log(`theia: scroll event fired from user: ${scrollTop}`);
         }
         this.virtualScrollConfig.update(config => ({
             ...config,
             scrollTop,
-            viewportHeight: offsetHeight
+            viewportHeight: offsetHeight,
+            scrollContainer: this.theContextService.getScrollContainer(),
+            viewportBoundingTop: this.scrollContainerBoundingTop
         }));
     }
     initialize() {
@@ -18938,5 +18980,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, BLOCK_HIDDEN_CLASS, 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, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, 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_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, 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, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, 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, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createBreakBarChar, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BLOCK_HIDDEN_CLASS, 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, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, 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_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, 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, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, 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, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createBreakBarChar, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isPureHeading, isPureParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
 //# sourceMappingURL=worktile-theia.mjs.map