@dereekb/dbx-web 12.6.21 → 12.7.0

package/fesm2022/dereekb-dbx-web-table.mjs

@@ -12,10 +12,10 @@ import { DateAdapter } from '@angular/material/core';
 import * as i2 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { format, addDays } from 'date-fns';
+import { cleanSubscription, DbxInjectionComponent, completeOnDestroy, clean } from '@dereekb/dbx-core';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
-import { DbxInjectionComponent } from '@dereekb/dbx-core';
 import { resizeSignal, DbxLoadingComponent } from '@dereekb/dbx-web';
 import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 import * as i1$1 from '@angular/material/table';
@@ -199,26 +199,22 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
             return `Select Date`;
         }
     });
-    ngOnInit() {
-        this._syncSub.subscription = this.tableStore.input$.subscribe((x) => {
+    constructor() {
+        cleanSubscription(this.tableStore.input$.subscribe((x) => {
             const start = x?.date ?? null;
             const end = start ? addDays(start, this.daysDistance) : undefined;
             this.range.setValue({
                 start,
                 end
             });
-        });
-        this._valueSub.subscription = this.rangeValue$
+        }));
+        cleanSubscription(this.rangeValue$
             .pipe(filter((x) => Boolean(x.start)), distinctUntilChanged((a, b) => isSameDateDay(a?.start, b?.start)), throttleTime(100, undefined, { trailing: true }))
             .subscribe((x) => {
             if (x.start) {
                 this.tableStore.setInput({ date: x.start, distance: this.daysDistance });
             }
-        });
-    }
-    ngOnDestroy() {
-        this._syncSub.destroy();
-        this._valueSub.destroy();
+        }));
     }
     get daysDistance() {
         return this._configSignal().daysDistance;
@@ -275,7 +271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [MatDatepickerModule, ReactiveFormsModule, MatButtonModule]
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 function dbxTableDateRangeDayDistanceInputCellInput(componentConfig) {
     const config = {
         componentClass: DbxTableDateRangeDayDistanceInputCellInputComponent,
@@ -469,7 +465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxTableColumnSizeDirective {
     elementRef = inject(ElementRef);
     resized = resizeSignal(this.elementRef);
-    _columnsMap = new BehaviorSubject(new Map());
+    _columnsMap = completeOnDestroy(new BehaviorSubject(new Map()));
     columns$ = this._columnsMap.asObservable();
     columnsSignal = toSignal(this.columns$);
     visibleColumnsSignal = computed(() => {
@@ -523,9 +519,6 @@ class DbxTableColumnSizeDirective {
             this._columnsMap.next(this._columnsMap.value);
         }
     }
-    ngOnDestroy() {
-        this._columnsMap.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTableColumnSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxTableColumnSizeDirective, isStandalone: true, selector: "[dbx-table-column-size]", exportAs: ["dbxTableColumnSize"], ngImport: i0 });
 }
@@ -544,12 +537,13 @@ class DbxColumnSizeColumnDirective {
     dbxColumnSizeDirective = inject(DbxTableColumnSizeDirective);
     elementRef = inject(ElementRef);
     index = input.required({ alias: 'dbx-column-size-column' });
+    constructor() {
+        clean(() => this.dbxColumnSizeDirective.removeColumn(this));
+    }
     ngOnInit() {
+        // called after the index value has been input/set. Indexes are unique and set only once.
         this.dbxColumnSizeDirective.addColumn(this);
     }
-    ngOnDestroy() {
-        this.dbxColumnSizeDirective.removeColumn(this);
-    }
     get width() {
         return this.elementRef.nativeElement.clientWidth;
     }
@@ -562,7 +556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbx-column-size-column]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 const DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN = new InjectionToken('DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN');