@worktile/theia 15.0.14 → 15.0.15

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$));
@@ -3170,19 +3171,21 @@ class TheContextService {
     }
     initialize(options) {
         this.options = options;
+        this.containerElement =
+            this.options.nativeElement.closest(this.options.theOptions?.scrollContainer) ||
+                this.options.nativeElement.querySelector(this.options.theOptions?.scrollContainer);
         this.rebindContainerScroll();
         this.bindContainerResize();
+        this.bindTheEditorResize();
         this.bindWindowResize();
     }
     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);
-            if (containerElement) {
+            if (this.containerElement) {
                 this.ngZone.runOutsideAngular(() => {
                     let previousContainerScroll = { x: 0, y: 0 };
-                    this.scrollSubscription = fromEvent(containerElement, 'scroll').subscribe(event => {
+                    this.scrollSubscription = fromEvent(this.containerElement, 'scroll').subscribe(event => {
                         const entires = { event, direction: ScrollDirection.Y };
                         const target = event.target;
                         const [x, y] = [target.scrollLeft, target.scrollTop];
@@ -3200,7 +3203,12 @@ class TheContextService {
         }
     }
     bindContainerResize() {
-        this.containerResizeObserver = this.elementResize(this.options.nativeElement, this.containerResized$);
+        if (this.containerElement) {
+            this.containerResizeObserver = this.elementResize(this.containerElement, this.containerResized$);
+        }
+    }
+    bindTheEditorResize() {
+        this.theEditorResizeObserver = this.elementResize(this.options.nativeElement, this.theEditorResized$);
     }
     bindWindowResize() {
         this.windowResizeObserver = this.elementResize(document.documentElement, this.windowResized$);
@@ -3251,8 +3259,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();
@@ -12898,9 +12908,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 +13467,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);