@dereekb/dbx-web 12.6.21 → 12.7.0

package/lib/layout/column/two/two.column.sref.showright.directive.d.ts

@@ -1,9 +1,8 @@
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 /**
  * Used with a DbxTwoColumnComponent to control showing right when the current route is a child of the backRef.
  */
-export declare class DbxTwoColumnSrefShowRightDirective extends AbstractSubscriptionDirective {
+export declare class DbxTwoColumnSrefShowRightDirective {
     private readonly _twoColumnsContextStore;
     private readonly _dbxRouterService;
     readonly showRight$: import("rxjs").Observable<boolean>;

package/lib/layout/column/two/two.column.store.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, Provider } from '@angular/core';
+import { Provider } from '@angular/core';
 import { ComponentStore } from '@ngrx/component-store';
 import { SegueRef } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
@@ -38,7 +38,7 @@ export interface TwoColumnsState {
     readonly minRightWidth: number;
 }
 export declare const DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH = 320;
-export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsState> implements OnDestroy {
+export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsState> {
     private readonly _back;
     constructor();
     readonly hideLeft$: import("rxjs").Observable<boolean>;
@@ -118,7 +118,6 @@ export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsSta
      * Emits a back event.
      */
     back(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TwoColumnsContextStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TwoColumnsContextStore>;
 }

package/lib/layout/flex/flex.group.directive.d.ts

@@ -1,11 +1,10 @@
 import { ScreenMediaWidthType } from '../../screen/screen';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Used to declare a dbxFlexGroup.
  */
-export declare class DbxFlexGroupDirective extends AbstractSubscriptionDirective {
+export declare class DbxFlexGroupDirective {
     private readonly _dbxScreenMediaService;
     readonly content: import("@angular/core").InputSignal<boolean>;
     readonly breakToColumn: import("@angular/core").InputSignal<boolean>;

package/lib/layout/list/list.view.directive.d.ts

@@ -1,6 +1,6 @@
 import { ListLoadingStateContext, MaybeObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { OnDestroy, TrackByFunction } from '@angular/core';
+import { TrackByFunction } from '@angular/core';
 import { DbxListSelectionMode, DbxListView } from './list.view';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
@@ -16,22 +16,21 @@ export declare class DbxValueListViewComponentImportsModule {
  *
  * You might consider extending AbstractDbxSelectionListViewDirective instead, as it includes selection support.
  */
-export declare abstract class AbstractDbxListViewDirective<T> implements DbxListView<T>, OnDestroy {
+export declare abstract class AbstractDbxListViewDirective<T> implements DbxListView<T> {
     readonly valuesArray: import("@angular/core").InputSignal<Maybe<T[]>>;
     readonly values: import("@angular/core").InputSignal<MaybeObservableOrValue<T[]>>;
-    private readonly _trackBy;
-    private readonly _disabled;
-    private readonly _selectionMode;
-    private readonly _valuesOverride;
+    readonly clickValue: import("@angular/core").OutputEmitterRef<T>;
+    private readonly _trackBySignal;
+    private readonly _disabledSignal;
+    private readonly _selectionModeSignal;
+    private readonly _valuesOverrideSignal;
     readonly trackBy$: Observable<Maybe<TrackByFunction<T>>>;
+    readonly disabled$: Observable<boolean>;
+    readonly selectionMode$: Observable<Maybe<DbxListSelectionMode>>;
     readonly _inputValuesArray$: Observable<Maybe<T[]>>;
     readonly _inputValues$: Observable<MaybeObservableOrValue<T[]>>;
     readonly _values$: Observable<Maybe<T[]>>;
     readonly values$: Observable<T[]>;
-    readonly disabled$: Observable<boolean>;
-    readonly selectionMode$: Observable<Maybe<DbxListSelectionMode>>;
-    readonly clickValue: import("@angular/core").OutputEmitterRef<T>;
-    ngOnDestroy(): void;
     onClickValue(value: T): void;
     setListContext(state: ListLoadingStateContext<T>): void;
     setValues(values: MaybeObservableOrValue<T[]>): void;

package/lib/layout/list/modifier/list.view.value.modifier.directive.d.ts

@@ -1,5 +1,4 @@
 import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { DbxValueListItem } from '../list.view.value';
 import { ArrayOrValue, Maybe, Modifier } from '@dereekb/util';
 import { MaybeObservableOrValue } from '@dereekb/rxjs';
@@ -8,11 +7,10 @@ import * as i0 from "@angular/core";
 /**
  * DbxValueListViewModifier implementation
  */
-export declare class DbxValueListItemModifierDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> implements DbxValueListItemModifier<T, I>, OnDestroy {
+export declare class DbxValueListItemModifierDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> implements DbxValueListItemModifier<T, I> {
     readonly inputModifiers: import("@angular/core").InputSignalWithTransform<Maybe<ArrayOrValue<Modifier<I>>>, Maybe<"" | ArrayOrValue<Modifier<I>>>>;
     private readonly _additionalModifiers;
     readonly modifiers$: Observable<Map<string, Modifier<I>>>;
-    ngOnDestroy(): void;
     addModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
     removeModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListItemModifierDirective<any, any>, never>;
@@ -21,13 +19,12 @@ export declare class DbxValueListItemModifierDirective<T, I extends DbxValueList
 /**
  * Abstract directive used for managing modifyers for a DbxValueListView.
  */
-export declare abstract class AbstractDbxValueListItemModifierDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> implements OnDestroy {
+export declare abstract class AbstractDbxValueListItemModifierDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
     readonly dbxValueListItemModifier: DbxValueListItemModifier<T, I>;
     private _currentLinkedModifiers;
     private readonly _modifiers;
     readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<I>>>>;
-    private readonly _modifiersSub;
-    ngOnDestroy(): void;
+    constructor();
     setModifiers(modifiers: MaybeObservableOrValue<ArrayOrValue<Modifier<I>>>): void;
     private _linkModifiers;
     private _unlinkModifiers;

package/lib/layout/list/modifier/list.view.value.modifier.ripple.directive.d.ts

@@ -1,4 +1,3 @@
-import { OnDestroy } from '@angular/core';
 import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxValueListItem, DbxValueListItemDecisionFunction } from '../list.view.value';
@@ -6,7 +5,7 @@ import { AbstractDbxValueListItemModifierDirective } from './list.view.value.mod
 import * as i0 from "@angular/core";
 export declare const DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY = "disable_ripple_anchor";
 export declare const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION: DbxValueListItemDecisionFunction<unknown>;
-export declare class DbxListItemDisableRippleModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
+export declare class DbxListItemDisableRippleModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> {
     readonly disableRippleForItem: import("@angular/core").InputSignalWithTransform<Maybe<DbxValueListItemDecisionFunction<T>>, Maybe<"" | DbxValueListItemDecisionFunction<T>>>;
     readonly disableRippleForItemModifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
     constructor();

package/lib/layout/list/modifier/list.view.value.modifier.selection.directive.d.ts

@@ -1,4 +1,3 @@
-import { OnDestroy } from '@angular/core';
 import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxValueListItem, DbxValueListItemDecisionFunction } from '../list.view.value';
@@ -6,7 +5,7 @@ import { AbstractDbxValueListItemModifierDirective } from './list.view.value.mod
 import * as i0 from "@angular/core";
 export declare const DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY = "is_selected_item_modifier";
 export declare const DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION: DbxValueListItemDecisionFunction<unknown>;
-export declare class DbxListItemIsSelectedModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
+export declare class DbxListItemIsSelectedModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> {
     readonly listItemIsSelected: import("@angular/core").InputSignalWithTransform<Maybe<DbxValueListItemDecisionFunction<T>>, Maybe<"" | DbxValueListItemDecisionFunction<T>>>;
     readonly listItemIsSelectedModifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
     constructor();

package/lib/layout/style/style.body.directive.d.ts

@@ -1,16 +1,14 @@
-import { OnInit } from '@angular/core';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Used to style the <body> element of the document document using the style provided by DbxStyleService.
  */
-export declare class DbxStyleBodyDirective extends AbstractSubscriptionDirective implements OnInit {
+export declare class DbxStyleBodyDirective {
     private readonly _styleService;
     private readonly _renderer;
     private readonly _styleClassNameSignal;
     readonly styleClassNameSignal: import("@angular/core").Signal<Maybe<string>>;
-    ngOnInit(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleBodyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleBodyDirective, "[dbxStyleBody]", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/style/style.directive.d.ts

@@ -1,14 +1,12 @@
-import { OnInit } from '@angular/core';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Used to retrieve the current app styling from the DbxStyleService.
  */
-export declare class DbxStyleDirective extends AbstractSubscriptionDirective implements OnInit {
+export declare class DbxStyleDirective {
     private readonly _styleService;
     readonly styleClassNameSignal: import("@angular/core").WritableSignal<Maybe<string>>;
-    ngOnInit(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleDirective, "dbx-style, [dbxStyle], .dbx-style", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/style/style.set.directive.d.ts

@@ -1,7 +1,5 @@
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
-import { OnDestroy, OnInit } from '@angular/core';
 import { DbxStyleConfig, DbxStyleClass } from './style';
 import * as i0 from "@angular/core";
 /**
@@ -9,7 +7,7 @@ import * as i0 from "@angular/core";
  *
  * Will update the parent DbxStyleService.
  */
-export declare class DbxSetStyleDirective extends AbstractSubscriptionDirective implements OnDestroy, OnInit {
+export declare class DbxSetStyleDirective {
     private readonly _styleService;
     /**
      * The input DbxStyleName to style the host element with.
@@ -27,7 +25,7 @@ export declare class DbxSetStyleDirective extends AbstractSubscriptionDirective
     readonly suffixes$: Observable<Set<string>>;
     readonly config$: Observable<DbxStyleConfig>;
     readonly styleClass$: Observable<DbxStyleClass>;
-    ngOnInit(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSetStyleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxSetStyleDirective, "[dbxSetStyle]", never, { "dbxSetStyle": { "alias": "dbxSetStyle"; "required": false; "isSignal": true; }; "suffixes": { "alias": "suffixes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/loading/loading.action.directive.d.ts

@@ -1,16 +1,14 @@
 import { DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
-import { OnDestroy } from '@angular/core';
 import { DbxLoadingComponent } from './loading.component';
 import * as i0 from "@angular/core";
 /**
  * Context used for linking a loadingComponent to an ActionContext by providing a LoadingContext.
  */
-export declare class DbxActionLoadingContextDirective implements OnDestroy {
+export declare class DbxActionLoadingContextDirective {
     readonly loadingComponent: DbxLoadingComponent;
     readonly source: DbxActionContextStoreSourceInstance<any, any>;
     private readonly _context;
     constructor();
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionLoadingContextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionLoadingContextDirective, "[dbxActionLoadingContext]", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.injection.store.d.ts

@@ -1,5 +1,4 @@
 import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { DbxInjectionComponentConfigWithoutInjector } from '@dereekb/dbx-core';
 import { ComponentStore } from '@ngrx/component-store';
 import { ObservableOrValueGetter } from '@dereekb/rxjs';
@@ -30,7 +29,7 @@ export interface DbxMapboxMapInjectionStoreState {
 /**
  * Store used for storing injectable content into the map.
  */
-export declare class DbxMapboxInjectionStore extends ComponentStore<DbxMapboxMapInjectionStoreState> implements OnDestroy {
+export declare class DbxMapboxInjectionStore extends ComponentStore<DbxMapboxMapInjectionStoreState> {
     constructor();
     readonly map$: Observable<Map<DbxMapboxInjectionKey, DbxMapboxInjectionConfig>>;
     readonly allInjectionConfigs$: Observable<DbxMapboxInjectionConfig[]>;

package/mapbox/lib/mapbox.layout.resize.sync.directive.d.ts

@@ -1,14 +1,12 @@
-import { OnInit } from '@angular/core';
 import { DbxMapboxLayoutComponent } from './mapbox.layout.component';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 /**
  * Directive that synchronizes a map's virtual size with the size of the element.
  */
-export declare class DbxMapboxLayoutVirtualResizeSyncComponent extends AbstractSubscriptionDirective implements OnInit {
+export declare class DbxMapboxLayoutVirtualResizeSyncComponent {
     readonly dbxMapboxLayoutComponent: DbxMapboxLayoutComponent;
     readonly resizedVector$: import("rxjs").Observable<import("@dereekb/util").Maybe<Partial<import("@dereekb/util").Vector>>>;
-    ngOnInit(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, "[dbxMapboxLayoutVirtualResizeSync]", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.menu.component.d.ts

@@ -1,15 +1,14 @@
+import { SubscriptionObject } from '@dereekb/rxjs';
 import { DbxMapboxMapStore } from './mapbox.store';
-import { OnInit, OnDestroy } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 import { MatMenuTrigger } from '@angular/material/menu';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 /**
  * Directive that connects a host MatMenuTrigger to a DbxMapboxMapStore and listens for right-clicks on the map.
  *
  * The map dissapears if the mouse scrolls anywhere else on the map.
  */
-export declare class DbxMapboxMenuComponent extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
+export declare class DbxMapboxMenuComponent {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
     readonly matMenuTrigger: MatMenuTrigger;
     readonly active: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean>>;
@@ -19,11 +18,11 @@ export declare class DbxMapboxMenuComponent extends AbstractSubscriptionDirectiv
         y: string;
     }>;
     protected readonly _openCloseEffect: import("@angular/core").EffectRef;
+    readonly active$: import("rxjs").Observable<boolean>;
+    protected readonly _sub: SubscriptionObject<import("rxjs").Unsubscribable>;
     private readonly _menuCloseSub;
     private readonly _preventRightClick;
-    readonly active$: import("rxjs").Observable<boolean>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMenuComponent, "dbx-mapbox-menu", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.store.d.ts

@@ -1,4 +1,3 @@
-import { OnDestroy } from '@angular/core';
 import { IsWithinLatLngBoundFunction, LatLngBound, LatLngPointInput, LatLngPoint, Maybe, OverlapsLatLngBoundFunction, Vector } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import { MapService } from 'ngx-mapbox-gl';
@@ -98,7 +97,7 @@ export interface DbxMapboxStoreState {
 /**
  * Store used for retrieving information.
  */
-export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreState> implements OnDestroy {
+export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreState> {
     private readonly dbxMapboxService;
     private safeLatLngPoint;
     private latLngPoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "12.6.21",
+  "version": "12.7.0",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",

package/table/lib/date/daterange.table.cell.input.component.d.ts

@@ -1,4 +1,3 @@
-import { OnDestroy, OnInit } from '@angular/core';
 import { DateRangeDayDistanceInput } from '@dereekb/date';
 import { DbxTableStore } from '../table.store';
 import { MatDateRangeSelectionStrategy, DateRange } from '@angular/material/datepicker';
@@ -34,7 +33,7 @@ export declare const DEFAULT_DBX_TABLE_DATE_RANGE_DAY_BUTTON_FORMAT = "MMM dd";
 /**
  * Cell input for a DateRangeDayDistanceInput value.
  */
-export declare class DbxTableDateRangeDayDistanceInputCellInputComponent implements OnInit, OnDestroy {
+export declare class DbxTableDateRangeDayDistanceInputCellInputComponent {
     readonly tableStore: DbxTableStore<DateRangeDayDistanceInput, unknown, unknown, unknown>;
     private readonly _syncSub;
     private readonly _valueSub;
@@ -56,8 +55,7 @@ export declare class DbxTableDateRangeDayDistanceInputCellInputComponent impleme
         end: Maybe<Date>;
     }>>;
     readonly dateRangeStringSignal: import("@angular/core").Signal<string>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    constructor();
     get daysDistance(): number;
     get config(): Maybe<DbxTableDateRangeDayDistanceInputCellInputComponentConfig>;
     set config(config: Maybe<DbxTableDateRangeDayDistanceInputCellInputComponentConfig>);

package/table/lib/table.column.size.directive.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export type DbxColumnSizeColumnValue = 'head' | 'tail' | number;
-export declare class DbxTableColumnSizeDirective implements OnDestroy {
+export declare class DbxTableColumnSizeDirective {
     readonly elementRef: ElementRef<HTMLElement>;
     readonly resized: import("@angular/core").Signal<import("@dereekb/dbx-web").ResizedEvent>;
     private readonly _columnsMap;
@@ -10,19 +10,18 @@ export declare class DbxTableColumnSizeDirective implements OnDestroy {
     readonly visibleColumnsSignal: import("@angular/core").Signal<number>;
     addColumn(column: DbxColumnSizeColumnDirective): void;
     removeColumn(column: DbxColumnSizeColumnDirective): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTableColumnSizeDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTableColumnSizeDirective, "[dbx-table-column-size]", ["dbxTableColumnSize"], {}, {}, never, never, true, never>;
 }
 /**
  * References a specific element and the index of the column.
  */
-export declare class DbxColumnSizeColumnDirective implements OnInit, OnDestroy {
+export declare class DbxColumnSizeColumnDirective implements OnInit {
     readonly dbxColumnSizeDirective: DbxTableColumnSizeDirective;
     readonly elementRef: ElementRef<HTMLElement>;
     readonly index: import("@angular/core").InputSignal<DbxColumnSizeColumnValue>;
+    constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     get width(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxColumnSizeColumnDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxColumnSizeColumnDirective, "[dbx-column-size-column]", never, { "index": { "alias": "dbx-column-size-column"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;