@worktile/theia 15.0.14 → 15.0.16

package/fesm2020/worktile-theia.mjs

@@ -26,7 +26,7 @@ import { ThyTooltipModule } from 'ngx-tethys/tooltip';
 import * as i8$1 from 'ngx-tethys/divider';
 import { ThyDividerComponent, ThyDividerModule } from 'ngx-tethys/divider';
 import { mixinUnsubscribe, MixinBase, ScrollToService } from 'ngx-tethys/core';
-import { isKeyHotkey, isHotkey } from 'is-hotkey';
+import { isKeyHotkey } from 'is-hotkey';
 import { Subject, fromEvent, timer, combineLatest, Observable, BehaviorSubject, merge, ReplaySubject } from 'rxjs';
 import { takeUntil, debounceTime, take, delay, map as map$1, filter, startWith, distinctUntilChanged, skip, share, mapTo, pairwise } from 'rxjs/operators';
 import * as i5 from 'ngx-tethys/input';
@@ -3161,6 +3161,7 @@ class TheContextService {
         this.containerScrolled$ = new Subject();
         this.uploadingStatus$ = new Subject();
         this.containerResized$ = new Subject();
+        this.theEditorResized$ = new Subject();
         this.windowResized$ = new Subject();
         this.ngZone.runOutsideAngular(() => {
             this.onMouseUp$ = fromEvent(window, `mouseup`).pipe(takeUntil(this.destroy$));
@@ -3172,13 +3173,17 @@ class TheContextService {
         this.options = options;
         this.rebindContainerScroll();
         this.bindContainerResize();
+        this.bindTheEditorResize();
         this.bindWindowResize();
     }
+    getScrollContainer() {
+        return (this.options.nativeElement.closest(this.options.theOptions?.scrollContainer) ||
+            this.options.nativeElement.querySelector(this.options.theOptions?.scrollContainer));
+    }
     rebindContainerScroll() {
         this.scrollSubscription?.unsubscribe();
         if (this.options.theOptions?.scrollContainer) {
-            const containerElement = this.options.nativeElement.closest(this.options.theOptions?.scrollContainer) ||
-                this.options.nativeElement.querySelector(this.options.theOptions?.scrollContainer);
+            const containerElement = this.getScrollContainer();
             if (containerElement) {
                 this.ngZone.runOutsideAngular(() => {
                     let previousContainerScroll = { x: 0, y: 0 };
@@ -3200,7 +3205,13 @@ class TheContextService {
         }
     }
     bindContainerResize() {
-        this.containerResizeObserver = this.elementResize(this.options.nativeElement, this.containerResized$);
+        const containerElement = this.getScrollContainer();
+        if (containerElement) {
+            this.containerResizeObserver = this.elementResize(containerElement, this.containerResized$);
+        }
+    }
+    bindTheEditorResize() {
+        this.theEditorResizeObserver = this.elementResize(this.options.nativeElement, this.theEditorResized$);
     }
     bindWindowResize() {
         this.windowResizeObserver = this.elementResize(document.documentElement, this.windowResized$);
@@ -3251,8 +3262,10 @@ class TheContextService {
     ngOnDestroy() {
         this.uploadingStatus$.complete();
         this.containerScrolled$?.complete();
+        this.theEditorResized$?.complete();
         this.containerResized$?.complete();
         this.containerResizeObserver?.disconnect();
+        this.theEditorResizeObserver?.disconnect();
         this.windowResized$?.complete();
         this.windowResizeObserver?.disconnect();
         this.scrollSubscription?.unsubscribe();
@@ -6204,27 +6217,9 @@ const TableEditor = {
         }
         return null;
     },
-    isAlignActive(editor, alignment) {
-        const cells = TableEditor.getSelectedCells(editor);
-        if (cells) {
-            const lastCell = cells[cells.length - 1];
-            const tableNode = getAboveByType(editor, ElementKinds.table);
-            const cellPath = [...tableNode[1], lastCell.row, lastCell.col];
-            const cell = Node.get(editor, cellPath);
-            const { align } = cell;
-            if (!align && alignment === Alignment.left) {
-                return true;
-            }
-            return align === alignment;
-        }
-        return null;
-    },
     setAlign(editor, alignment) {
-        return TableEditor.handleSelectedCells(editor, (cellPath, cellRange) => {
+        return TableEditor.handleSelectedCells(editor, (_, cellRange) => {
             Transforms.setNodes(editor, { align: alignment }, {
-                at: cellPath
-            });
-            Transforms.setNodes(editor, { align: undefined }, {
                 at: cellRange,
                 match: (n) => ALIGN_BLOCK_TYPES.includes(n.type)
             });
@@ -6382,10 +6377,6 @@ const AlignEditor = {
         if (!editor?.selection) {
             return;
         }
-        const tableCellAlign = TableEditor.isAlignActive(editor, alignment);
-        if (tableCellAlign !== null) {
-            return tableCellAlign;
-        }
         const blockElement = anchorBlock(editor);
         if (blockElement) {
             const { align } = blockElement;
@@ -12898,9 +12889,15 @@ class TheTableComponent extends TheBaseElementComponent {
             this.tableRectLeft = left;
             this.subscribeScrollContainerScroll();
             this.contextService.containerResized$.pipe(takeUntil(this.destroy$)).subscribe(result => {
+                if (result.widthChanged) {
+                    this.setHeaderRowLeftStyle();
+                }
+            });
+            this.contextService.theEditorResized$.pipe(takeUntil(this.destroy$)).subscribe(result => {
                 if (result.widthChanged) {
                     this.setGridColumnsStyle();
                     this.setStickyRowStyle();
+                    this.setHeaderRowShadow();
                     this.bindTableScrollingShadow();
                 }
             });
@@ -13451,7 +13448,7 @@ class TheTableComponent extends TheBaseElementComponent {
             fromEvent(document, 'keydown')
                 .pipe(takeUntil(this.destroy$), filter((e) => !!e))
                 .subscribe((event) => {
-                if (isHotkey('mod', event) && !this.readonly) {
+                if (isKeyHotkey('mod', event) && !this.readonly) {
                     this.tableStore.pointerSelection = true;
                     const cell = this.tbodyElement.nativeElement.querySelector('.focused-cell');
                     cell && this.tableStore.selectCellStart(cell, this.editor);