@dereekb/dbx-web 12.6.21 → 12.7.0

package/esm2022/table/lib/table.column.size.directive.mjs

@@ -1,12 +1,13 @@
 import { computed, Directive, ElementRef, inject, input } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
+import { clean, completeOnDestroy } from '@dereekb/dbx-core';
 import { resizeSignal } from '@dereekb/dbx-web';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export 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(() => {
@@ -60,9 +61,6 @@ export 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 });
 }
@@ -81,12 +79,13 @@ export 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;
     }
@@ -99,5 +98,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbx-column-size-column]',
                     standalone: true
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29sdW1uLnNpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi90YWJsZS9zcmMvbGliL3RhYmxlLmNvbHVtbi5zaXplLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVN2QyxNQUFNLE9BQU8sMkJBQTJCO0lBQzdCLFVBQVUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO0lBQ3pELE9BQU8sR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRWhDLFdBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLEdBQUcsRUFBMEQsQ0FBQyxDQUFDO0lBQzdHLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBRTNDLGFBQWEsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hDLG9CQUFvQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDNUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQy9CLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQWlFLENBQUM7UUFFdkcsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUM7UUFDbEMsSUFBSSxjQUFjLEdBQUcsQ0FBQyxDQUFDO1FBRXZCLE1BQU0sV0FBVyxH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QUM7SUFDekQsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQTJCLEVBQUUsS0FBSyxFQUFFLHdCQUF3QixFQUFFLENBQUMsQ0FBQztJQUUvRixRQUFRO1FBQ04sSUFBSSxDQUFDLHNCQUFzQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO0lBQ25ELENBQUM7d0dBZlUsNEJBQTRCOzRGQUE1Qiw0QkFBNEI7OzRGQUE1Qiw0QkFBNEI7a0JBSnhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tcHV0ZWQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgcmVzaXplU2lnbmFsIH0gZnJvbSAnQGRlcmVla2IvZGJ4LXdlYic7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCB0eXBlIERieENvbHVtblNpemVDb2x1bW5WYWx1ZSA9ICdoZWFkJyB8ICd0YWlsJyB8IG51bWJlcjtcblxuQERpcmVjdGl2ZSh7XG4gIGV4cG9ydEFzOiAnZGJ4VGFibGVDb2x1bW5TaXplJyxcbiAgc2VsZWN0b3I6ICdbZGJ4LXRhYmxlLWNvbHVtbi1zaXplXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VGFibGVDb2x1bW5TaXplRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHJlYWRvbmx5IHJlc2l6ZWQgPSByZXNpemVTaWduYWwodGhpcy5lbGVtZW50UmVmKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9jb2x1bW5zTWFwID0gbmV3IEJlaGF2aW9yU3ViamVjdChuZXcgTWFwPERieENvbHVtblNpemVDb2x1bW5WYWx1ZSwgRGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZT4oKSk7XG4gIHJlYWRvbmx5IGNvbHVtbnMkID0gdGhpcy5fY29sdW1uc01hcC5hc09ic2VydmFibGUoKTtcblxuICByZWFkb25seSBjb2x1bW5zU2lnbmFsID0gdG9TaWduYWwodGhpcy5jb2x1bW5zJCk7XG4gIHJlYWRvbmx5IHZpc2libGVDb2x1bW5zU2lnbmFsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHJlc2l6ZWQgPSB0aGlzLnJlc2l6ZWQoKTtcbiAgICBjb25zdCBjb2x1bW5zTWFwID0gdGhpcy5jb2x1bW5zU2lnbmFsKCkgYXMgTWFwPERieENvbHVtblNpemVDb2x1bW5WYWx1ZSwgRGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZT47XG5cbiAgICBjb25zdCB7IHdpZHRoIH0gPSByZXNpemVkLm5ld1JlY3Q7XG4gICAgbGV0IHZpc2libGVDb2x1bW5zID0gMDtcblxuICAgIGNvbnN0IGl0ZW1Db2x1bW5zOiBEYnhDb2x1bW5TaXplQ29sdW1uRGlyZWN0aXZlW10gPSBbXTtcblxuICAgIGxldCBoZWFkZXJDb2x1bW46IE1heWJlPERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmU+O1xuICAgIGxldCB0YWlsQ29sdW1uOiBNYXliZTxEYnhDb2x1bW5TaXplQ29sdW1uRGlyZWN0aXZlPjtcblxuICAgIGNvbHVtbnNNYXAuZm9yRWFjaCgoY29sdW1uKSA9PiB7XG4gICAgICBjb25zdCBpbmRleCA9IGNvbHVtbi5pbmRleCgpO1xuXG4gICAgICBzd2l0Y2ggKGluZGV4KSB7XG4gICAgICAgIGNhc2UgJ2hlYWQnOlxuICAgICAgICAgIGhlYWRlckNvbHVtbiA9IGNvbHVtbjtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAndGFpbCc6XG4gICAgICAgICAgdGFpbENvbHVtbiA9IGNvbHVtbjtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBpdGVtQ29sdW1uc1tpbmRleF0gPSBjb2x1bW47XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBjb25zdCBoZWFkZXJDb2x1bW5XaWR0aCA9IGhlYWRlckNvbHVtbj8ud2lkdGggfHwgMDtcbiAgICBjb25zdCB0YWlsQ29sdW1uV2lkdGggPSB0YWlsQ29sdW1uPy53aWR0aCB8fCAwO1xuXG4gICAgbGV0IHJlbWFpbmluZ1RhYmxlV2lkdGggPSB3aWR0aCAtIGhlYWRlckNvbHVtbldpZHRoO1xuICAgIHZpc2libGVDb2x1bW5zID0gMTtcbiAgICBsZXQgaSA9IDA7XG5cbiAgICB3aGlsZSAocmVtYWluaW5nVGFibGVXaWR0aCA+IDAgJiYgaSA8IGl0ZW1Db2x1bW5zLmxlbmd0aCkge1xuICAgICAgY29uc3QgbmV4dENvbHVtbiA9IGl0ZW1Db2x1bW5zW2ldO1xuICAgICAgaSArPSAxO1xuXG4gICAgICBjb25zdCBjb2x1bW5XaWR0aCA9IG5leHRDb2x1bW4ud2lkdGg7XG5cbiAgICAgIHJlbWFpbmluZ1RhYmxlV2lkdGggLT0gY29sdW1uV2lkdGg7XG5cbiAgICAgIGlmIChyZW1haW5pbmdUYWJsZVdpZHRoID49IDApIHtcbiAgICAgICAgdmlzaWJsZUNvbHVtbnMgKz0gMTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBzaG93IHRoZSB0YWlsIGNvbHVtblxuICAgIGlmICh0YWlsQ29sdW1uICE9IG51bGwgJiYgdmlzaWJsZUNvbHVtbnMgPT09IGl0ZW1Db2x1bW5zLmxlbmd0aCArIDEgJiYgTWF0aC5hYnMocmVtYWluaW5nVGFibGVXaWR0aCAtIHRhaWxDb2x1bW5XaWR0aCkgPCAzKSB7XG4gICAgICB2aXNpYmxlQ29sdW1ucyArPSAxO1xuICAgIH1cblxuICAgIHJldHVybiB2aXNpYmxlQ29sdW1ucztcbiAgfSk7XG5cbiAgYWRkQ29sdW1uKGNvbHVtbjogRGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZSkge1xuICAgIHRoaXMuX2NvbHVtbnNNYXAudmFsdWUuc2V0KGNvbHVtbi5pbmRleCgpLCBjb2x1bW4pO1xuICAgIHRoaXMuX2NvbHVtbnNNYXAubmV4dCh0aGlzLl9jb2x1bW5zTWFwLnZhbHVlKTtcbiAgfVxuXG4gIHJlbW92ZUNvbHVtbihjb2x1bW46IERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmUpIHtcbiAgICBpZiAodGhpcy5fY29sdW1uc01hcC52YWx1ZS5kZWxldGUoY29sdW1uLmluZGV4KCkpKSB7XG4gICAgICB0aGlzLl9jb2x1bW5zTWFwLm5leHQodGhpcy5fY29sdW1uc01hcC52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fY29sdW1uc01hcC5jb21wbGV0ZSgpO1xuICB9XG59XG5cbi8qKlxuICogUmVmZXJlbmNlcyBhIHNwZWNpZmljIGVsZW1lbnQgYW5kIHRoZSBpbmRleCBvZiB0aGUgY29sdW1uLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4LWNvbHVtbi1zaXplLWNvbHVtbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHJlYWRvbmx5IGRieENvbHVtblNpemVEaXJlY3RpdmUgPSBpbmplY3QoRGJ4VGFibGVDb2x1bW5TaXplRGlyZWN0aXZlKTtcbiAgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHJlYWRvbmx5IGluZGV4ID0gaW5wdXQucmVxdWlyZWQ8RGJ4Q29sdW1uU2l6ZUNvbHVtblZhbHVlPih7IGFsaWFzOiAnZGJ4LWNvbHVtbi1zaXplLWNvbHVtbicgfSk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5kYnhDb2x1bW5TaXplRGlyZWN0aXZlLmFkZENvbHVtbih0aGlzKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGJ4Q29sdW1uU2l6ZURpcmVjdGl2ZS5yZW1vdmVDb2x1bW4odGhpcyk7XG4gIH1cblxuICBnZXQgd2lkdGgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGg7XG4gIH1cbn1cbiJdfQ==
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29sdW1uLnNpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi90YWJsZS9zcmMvbGliL3RhYmxlLmNvbHVtbi5zaXplLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVN2QyxNQUFNLE9BQU8sMkJBQTJCO0lBQzdCLFVBQVUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO0lBRXpELE9BQU8sR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRWhDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxJQUFJLEdBQUcsRUFBMEQsQ0FBQyxDQUFDLENBQUM7SUFDaEksUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7SUFFM0MsYUFBYSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEMsb0JBQW9CLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUM1QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDL0IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBaUUsQ0FBQztRQUV2RyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdB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QVUsQ0FBQyxDQUFDO0lBQ3pELEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUEyQixFQUFFLEtBQUssRUFBRSx3QkFBd0IsRUFBRSxDQUFDLENBQUM7SUFFL0Y7UUFDRSxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxRQUFRO1FBQ04seUZBQXlGO1FBQ3pGLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO0lBQ25ELENBQUM7d0dBakJVLDRCQUE0Qjs0RkFBNUIsNEJBQTRCOzs0RkFBNUIsNEJBQTRCO2tCQUp4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCwgaW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBjbGVhbiwgY29tcGxldGVPbkRlc3Ryb3kgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyByZXNpemVTaWduYWwgfSBmcm9tICdAZGVyZWVrYi9kYngtd2ViJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IHR5cGUgRGJ4Q29sdW1uU2l6ZUNvbHVtblZhbHVlID0gJ2hlYWQnIHwgJ3RhaWwnIHwgbnVtYmVyO1xuXG5ARGlyZWN0aXZlKHtcbiAgZXhwb3J0QXM6ICdkYnhUYWJsZUNvbHVtblNpemUnLFxuICBzZWxlY3RvcjogJ1tkYngtdGFibGUtY29sdW1uLXNpemVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYnhUYWJsZUNvbHVtblNpemVEaXJlY3RpdmUge1xuICByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuICByZWFkb25seSByZXNpemVkID0gcmVzaXplU2lnbmFsKHRoaXMuZWxlbWVudFJlZik7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfY29sdW1uc01hcCA9IGNvbXBsZXRlT25EZXN0cm95KG5ldyBCZWhhdmlvclN1YmplY3QobmV3IE1hcDxEYnhDb2x1bW5TaXplQ29sdW1uVmFsdWUsIERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmU+KCkpKTtcbiAgcmVhZG9ubHkgY29sdW1ucyQgPSB0aGlzLl9jb2x1bW5zTWFwLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIHJlYWRvbmx5IGNvbHVtbnNTaWduYWwgPSB0b1NpZ25hbCh0aGlzLmNvbHVtbnMkKTtcbiAgcmVhZG9ubHkgdmlzaWJsZUNvbHVtbnNTaWduYWwgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcmVzaXplZCA9IHRoaXMucmVzaXplZCgpO1xuICAgIGNvbnN0IGNvbHVtbnNNYXAgPSB0aGlzLmNvbHVtbnNTaWduYWwoKSBhcyBNYXA8RGJ4Q29sdW1uU2l6ZUNvbHVtblZhbHVlLCBEYnhDb2x1bW5TaXplQ29sdW1uRGlyZWN0aXZlPjtcblxuICAgIGNvbnN0IHsgd2lkdGggfSA9IHJlc2l6ZWQubmV3UmVjdDtcbiAgICBsZXQgdmlzaWJsZUNvbHVtbnMgPSAwO1xuXG4gICAgY29uc3QgaXRlbUNvbHVtbnM6IERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmVbXSA9IFtdO1xuXG4gICAgbGV0IGhlYWRlckNvbHVtbjogTWF5YmU8RGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZT47XG4gICAgbGV0IHRhaWxDb2x1bW46IE1heWJlPERieENvbHVtblNpemVDb2x1bW5EaXJlY3RpdmU+O1xuXG4gICAgY29sdW1uc01hcC5mb3JFYWNoKChjb2x1bW4pID0+IHtcbiAgICAgIGNvbnN0IGluZGV4ID0gY29sdW1uLmluZGV4KCk7XG5cbiAgICAgIHN3aXRjaCAoaW5kZXgpIHtcbiAgICAgICAgY2FzZSAnaGVhZCc6XG4gICAgICAgICAgaGVhZGVyQ29sdW1uID0gY29sdW1uO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICd0YWlsJzpcbiAgICAgICAgICB0YWlsQ29sdW1uID0gY29sdW1uO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGl0ZW1Db2x1bW5zW2luZGV4XSA9IGNvbHVtbjtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIGNvbnN0IGhlYWRlckNvbHVtbldpZHRoID0gaGVhZGVyQ29sdW1uPy53aWR0aCB8fCAwO1xuICAgIGNvbnN0IHRhaWxDb2x1bW5XaWR0aCA9IHRhaWxDb2x1bW4/LndpZHRoIHx8IDA7XG5cbiAgICBsZXQgcmVtYWluaW5nVGFibGVXaWR0aCA9IHdpZHRoIC0gaGVhZGVyQ29sdW1uV2lkdGg7XG4gICAgdmlzaWJsZUNvbHVtbnMgPSAxO1xuICAgIGxldCBpID0gMDtcblxuICAgIHdoaWxlIChyZW1haW5pbmdUYWJsZVdpZHRoID4gMCAmJiBpIDwgaXRlbUNvbHVtbnMubGVuZ3RoKSB7XG4gICAgICBjb25zdCBuZXh0Q29sdW1uID0gaXRlbUNvbHVtbnNbaV07XG4gICAgICBpICs9IDE7XG5cbiAgICAgIGNvbnN0IGNvbHVtbldpZHRoID0gbmV4dENvbHVtbi53aWR0aDtcblxuICAgICAgcmVtYWluaW5nVGFibGVXaWR0aCAtPSBjb2x1bW5XaWR0aDtcblxuICAgICAgaWYgKHJlbWFpbmluZ1RhYmxlV2lkdGggPj0gMCkge1xuICAgICAgICB2aXNpYmxlQ29sdW1ucyArPSAxO1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIHNob3cgdGhlIHRhaWwgY29sdW1uXG4gICAgaWYgKHRhaWxDb2x1bW4gIT0gbnVsbCAmJiB2aXNpYmxlQ29sdW1ucyA9PT0gaXRlbUNvbHVtbnMubGVuZ3RoICsgMSAmJiBNYXRoLmFicyhyZW1haW5pbmdUYWJsZVdpZHRoIC0gdGFpbENvbHVtbldpZHRoKSA8IDMpIHtcbiAgICAgIHZpc2libGVDb2x1bW5zICs9IDE7XG4gICAgfVxuXG4gICAgcmV0dXJuIHZpc2libGVDb2x1bW5zO1xuICB9KTtcblxuICBhZGRDb2x1bW4oY29sdW1uOiBEYnhDb2x1bW5TaXplQ29sdW1uRGlyZWN0aXZlKSB7XG4gICAgdGhpcy5fY29sdW1uc01hcC52YWx1ZS5zZXQoY29sdW1uLmluZGV4KCksIGNvbHVtbik7XG4gICAgdGhpcy5fY29sdW1uc01hcC5uZXh0KHRoaXMuX2NvbHVtbnNNYXAudmFsdWUpO1xuICB9XG5cbiAgcmVtb3ZlQ29sdW1uKGNvbHVtbjogRGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZSkge1xuICAgIGlmICh0aGlzLl9jb2x1bW5zTWFwLnZhbHVlLmRlbGV0ZShjb2x1bW4uaW5kZXgoKSkpIHtcbiAgICAgIHRoaXMuX2NvbHVtbnNNYXAubmV4dCh0aGlzLl9jb2x1bW5zTWFwLnZhbHVlKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBSZWZlcmVuY2VzIGEgc3BlY2lmaWMgZWxlbWVudCBhbmQgdGhlIGluZGV4IG9mIHRoZSBjb2x1bW4uXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYngtY29sdW1uLXNpemUtY29sdW1uXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4Q29sdW1uU2l6ZUNvbHVtbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHJlYWRvbmx5IGRieENvbHVtblNpemVEaXJlY3RpdmUgPSBpbmplY3QoRGJ4VGFibGVDb2x1bW5TaXplRGlyZWN0aXZlKTtcblxuICByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcbiAgcmVhZG9ubHkgaW5kZXggPSBpbnB1dC5yZXF1aXJlZDxEYnhDb2x1bW5TaXplQ29sdW1uVmFsdWU+KHsgYWxpYXM6ICdkYngtY29sdW1uLXNpemUtY29sdW1uJyB9KTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjbGVhbigoKSA9PiB0aGlzLmRieENvbHVtblNpemVEaXJlY3RpdmUucmVtb3ZlQ29sdW1uKHRoaXMpKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNhbGxlZCBhZnRlciB0aGUgaW5kZXggdmFsdWUgaGFzIGJlZW4gaW5wdXQvc2V0LiBJbmRleGVzIGFyZSB1bmlxdWUgYW5kIHNldCBvbmx5IG9uY2UuXG4gICAgdGhpcy5kYnhDb2x1bW5TaXplRGlyZWN0aXZlLmFkZENvbHVtbih0aGlzKTtcbiAgfVxuXG4gIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aDtcbiAgfVxufVxuIl19

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

@@ -6,7 +6,7 @@ import { latLngPoint, LAT_LONG_10M_PRECISION, latLngPointFunction, roundNumberTo
 import { ComponentStore } from '@ngrx/component-store';
 import * as MapboxGl from 'mapbox-gl';
 import { bounds } from '@placemarkio/geo-viewport';
-import { DbxInjectionArrayComponent, DbxInjectionComponent, AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { DbxInjectionArrayComponent, DbxInjectionComponent, cleanSubscription, clean } from '@dereekb/dbx-core';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { MapService, MapComponent, MAP_COMPONENT_INITIALIZATION_OPTIONS, MarkerComponent, provideMapboxGL } from 'ngx-mapbox-gl';
 import { DbxResizedDirective, DbxColorDirective, disableRightClickInCdkBackdrop, DbxAnchorComponent } from '@dereekb/dbx-web';
@@ -995,7 +995,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  *
  * The map dissapears if the mouse scrolls anywhere else on the map.
  */
-class DbxMapboxMenuComponent extends AbstractSubscriptionDirective {
+class DbxMapboxMenuComponent {
     dbxMapboxMapStore = inject(DbxMapboxMapStore);
     matMenuTrigger = inject(MatMenuTrigger, { host: true });
     active = input(true, { transform: isNotFalse });
@@ -1012,11 +1012,12 @@ class DbxMapboxMenuComponent extends AbstractSubscriptionDirective {
                 break;
         }
     });
+    active$ = toObservable(this.active);
+    _sub = cleanSubscription();
     _menuCloseSub = new SubscriptionObject();
     _preventRightClick = new DestroyFunctionObject();
-    active$ = toObservable(this.active);
-    ngOnInit() {
-        this.sub = this.active$
+    constructor() {
+        cleanSubscription(this.active$
             .pipe(switchMap((active) => {
             if (active) {
                 return this.dbxMapboxMapStore.rightClickEvent$;
@@ -1042,22 +1043,19 @@ class DbxMapboxMenuComponent extends AbstractSubscriptionDirective {
                     this.matMenuTrigger.closeMenu();
                 });
             }
-        });
-        this._menuCloseSub.subscription = this.matMenuTrigger.menuClosed.subscribe(() => {
+        }));
+        cleanSubscription(this.matMenuTrigger.menuClosed.subscribe(() => {
             // destroy prevention when the menu is closed.
             this._preventRightClick.destroy();
+        }));
+        clean(() => {
+            if (this.matMenuTrigger) {
+                this.matMenuTrigger.closeMenu();
+            }
         });
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._menuCloseSub.destroy();
-        this._preventRightClick.destroy();
-        if (this.matMenuTrigger) {
-            this.matMenuTrigger.closeMenu();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxMapboxMenuComponent, isStandalone: true, selector: "dbx-mapbox-menu", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.top": "posSignal().y", "style.left": "posSignal().x" }, styleAttribute: "visibility: hidden; position: fixed" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxMapboxMenuComponent, isStandalone: true, selector: "dbx-mapbox-menu", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.top": "posSignal().y", "style.left": "posSignal().x" }, styleAttribute: "visibility: hidden; position: fixed" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxMenuComponent, decorators: [{
             type: Component,
@@ -1072,7 +1070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Token used by provideMapboxStoreIfDoesNotExist() to prevent injecting a parent DbxMapboxMapStore into the child view.
@@ -1281,7 +1279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 /**
  * Directive that synchronizes a map's virtual size with the size of the element.
  */
-class DbxMapboxLayoutVirtualResizeSyncComponent extends AbstractSubscriptionDirective {
+class DbxMapboxLayoutVirtualResizeSyncComponent {
     dbxMapboxLayoutComponent = inject(DbxMapboxLayoutComponent, { host: true });
     resizedVector$ = this.dbxMapboxLayoutComponent.viewResized$.pipe(map(() => {
         const element = this.dbxMapboxLayoutComponent.drawerContainerElement()?.nativeElement;
@@ -1291,11 +1289,11 @@ class DbxMapboxLayoutVirtualResizeSyncComponent extends AbstractSubscriptionDire
             y: clientHeight
         };
     }), distinctUntilChanged(isSameVector), shareReplay(1));
-    ngOnInit() {
-        this.sub = this.dbxMapboxLayoutComponent.dbxMapboxMapStore.setMinimumVirtualViewportSize(this.resizedVector$);
+    constructor() {
+        cleanSubscription(this.dbxMapboxLayoutComponent.dbxMapboxMapStore.setMinimumVirtualViewportSize(this.resizedVector$));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, decorators: [{
             type: Directive,
@@ -1303,7 +1301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbxMapboxLayoutVirtualResizeSync]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 const importsAndExports = [
     //