@dereekb/dbx-web 11.1.8 → 12.0.0

package/lib/extension/download/text/download.text.module.d.ts

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./download.text.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../../loading/loading.module";
-import * as i4 from "../../../button/button.module";
-import * as i5 from "../../../action/action.module";
-import * as i6 from "@angular/material/snack-bar";
+/**
+ * @deprecated import DbxDownloadtextVie
+ */
 export declare class DbxDownloadTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDownloadTextModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxDownloadTextModule, [typeof i1.DbxDownloadTextViewComponent], [typeof i2.CommonModule, typeof i3.DbxLoadingModule, typeof i4.DbxButtonModule, typeof i5.DbxActionModule, typeof i6.MatSnackBarModule], [typeof i1.DbxDownloadTextViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxDownloadTextModule, never, [typeof i1.DbxDownloadTextViewComponent], [typeof i1.DbxDownloadTextViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxDownloadTextModule>;
 }

package/lib/extension/model/index.d.ts

@@ -1,5 +1,5 @@
 export * from './state';
-export * from './model.module';
+export * from './model.providers';
 export * from './model.state.service';
 export * from './model.tracker.service';
 export * from './model.tracker';

package/lib/extension/model/model.providers.d.ts

@@ -0,0 +1,13 @@
+import { EnvironmentProviders } from '@angular/core';
+import { SimpleStorageAccessorFactory, StorageAccessor } from '@dereekb/dbx-core';
+import { DbxModelViewTrackerEventSet } from './model.tracker';
+/**
+ * Factory function for creating a StorageAccessor for the model view tracker.
+ */
+export declare function defaultDbxModelViewTrackerStorageAccessorFactory(storageAccessorFactory: SimpleStorageAccessorFactory): StorageAccessor<DbxModelViewTrackerEventSet>;
+/**
+ * Creates EnvironmentProviders for providing DbxModelTrackerService, DbxModelObjectStateService and sets up the NgRx store for DbxModelTrackerEffects.
+ *
+ * @returns EnvironmentProviders
+ */
+export declare function provideDbxModelService(): EnvironmentProviders;

package/lib/extension/model/model.tracker.d.ts

@@ -1,32 +1,32 @@
 import { UnixDateTimeNumber, Maybe, ModelKey, ModelKeyTypeNamePair } from '@dereekb/util';
 /**
- * Context in which a model was viewed.
+ * String context in which a model was viewed.
  */
 export type ModelViewContext = string;
 export interface DbxModelViewTrackerEvent {
     /**
      * Event time
      */
-    d?: UnixDateTimeNumber;
+    readonly d?: UnixDateTimeNumber;
     /**
      * Context
      */
-    c?: ModelViewContext;
+    readonly c?: Maybe<ModelViewContext>;
     /**
      * Model info
      */
-    m: ModelKeyTypeNamePair;
-    folder?: Maybe<string>;
+    readonly m: ModelKeyTypeNamePair;
+    readonly folder?: Maybe<string>;
 }
 export interface DbxModelViewTrackerEventSet {
     /**
      * The latest date/time number.
      */
-    l: UnixDateTimeNumber;
+    readonly l: UnixDateTimeNumber;
     /**
      * List of events.
      */
-    e: DbxModelViewTrackerEvent[];
+    readonly e: DbxModelViewTrackerEvent[];
 }
 export declare function allDbxModelViewTrackerEventSetModelKeys(eventSet: DbxModelViewTrackerEventSet): ModelKey[];
 export declare function allDbxModelViewTrackerEventModelKeys(events: DbxModelViewTrackerEvent[]): ModelKey[];

package/lib/extension/model/model.tracker.service.d.ts

@@ -1,6 +1,6 @@
 import { Maybe, ModelKeyTypeNamePair } from '@dereekb/util';
 import { Observable } from 'rxjs';
-import { DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet } from './model.tracker';
+import { DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, ModelViewContext } from './model.tracker';
 import * as i0 from "@angular/core";
 /**
  * Service used for tracking/logging different kinds of events on objects.
@@ -11,7 +11,7 @@ export declare class DbxModelTrackerService {
     readonly newEvent$: Observable<DbxModelViewTrackerEvent>;
     get defaultFolder(): Maybe<string>;
     set defaultFolder(folder: Maybe<string>);
-    trackViewedObject(modelKeyTypeNamePair: ModelKeyTypeNamePair, context?: string, folder?: Maybe<string>): void;
+    trackViewedObject(modelKeyTypeNamePair: ModelKeyTypeNamePair, context?: Maybe<ModelViewContext>, folder?: Maybe<string>): void;
     getAllViewEvents(folder?: Maybe<string>): Observable<DbxModelViewTrackerEvent[]>;
     getViewEventSet(folder?: Maybe<string>): Observable<DbxModelViewTrackerEventSet>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxModelTrackerService, never>;

package/lib/extension/model/model.tracker.view.storage.d.ts

@@ -4,6 +4,9 @@ import { type Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxModelViewTrackerEventSet, DbxModelViewTrackerEvent } from './model.tracker';
 import * as i0 from "@angular/core";
+/**
+ * Token that corresponds to a StorageAccessor<DbxModelViewTrackerEventSet> that is used by DbxModelViewTrackerStorage.
+ */
 export declare const DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN: InjectionToken<unknown>;
 /**
  * Used for managing DbxModelViewTrackerEvent storage.
@@ -12,7 +15,7 @@ export declare class DbxModelViewTrackerStorage implements OnDestroy {
     static readonly OBJECT_VIEW_TRACKER_STORAGE_LIST_KEY = "dbxModelViewTrackerEvents";
     static readonly DEFAULT_MAX_EVENTS = 100;
     readonly storageAccessor: StorageAccessor<DbxModelViewTrackerEventSet>;
-    private _newEvent;
+    private readonly _newEvent;
     readonly newEvent$: Observable<DbxModelViewTrackerEvent>;
     ngOnDestroy(): void;
     protected get storageKey(): string;

package/lib/extension/model/model.types.d.ts

@@ -14,27 +14,27 @@ export interface DbxModelTypeConfiguration {
     /**
      * Popup label that can be used for these types.
      */
-    label?: string;
+    readonly label?: string;
     /**
      * Name used in analytics events. If not provided, label is used by default.
      */
-    analyticsName?: string;
+    readonly analyticsName?: string;
     /**
      * Model type this configuration is for.
      */
-    modelType: ModelTypeString;
+    readonly modelType: ModelTypeString;
     /**
      * Sref factory for viewing objects of this type.
      */
-    sref?: DbxModelTypeConfigurationSrefFactory;
+    readonly sref?: DbxModelTypeConfigurationSrefFactory;
     /**
      * DbxModelTypeConfigurationSrefFactoryBuilder
      */
-    srefBuilder?: DbxModelTypeConfigurationSrefFactoryBuilder;
+    readonly srefBuilder?: DbxModelTypeConfigurationSrefFactoryBuilder;
     /**
      * Icon used to represent this model.
      */
-    icon?: string;
+    readonly icon?: string;
 }
 export interface DbxModelTypeConfigurationMap {
     [key: string]: DbxModelTypeConfiguration;

package/lib/extension/model/model.types.service.d.ts

@@ -8,7 +8,7 @@ export interface DbxModelTypeInfo extends Omit<DbxModelTypeConfiguration, 'srefF
      * Whether or not a response is expected for segues
      * to a view for objects of this type.
      */
-    canSegueToView: boolean;
+    readonly canSegueToView: boolean;
 }
 export interface DbxModelTypesMap<I extends DbxModelTypeInfo> {
     readonly [type: string]: I;

package/lib/extension/model/state/actions/actions.d.ts

@@ -1 +1 @@
-export declare const dbxModelResetState: import("@ngrx/store").ActionCreator<"[App/Model] Reset State", () => import("@ngrx/store/src/models").TypedAction<"[App/Model] Reset State">>;
+export declare const dbxModelResetState: import("@ngrx/store").ActionCreator<"[App/Model] Reset State", () => import("@ngrx/store").Action<"[App/Model] Reset State">>;

package/lib/extension/model/state/actions/model.actions.d.ts

@@ -1,9 +1,9 @@
-import { ModelKeyTypeNamePair, ModelKeyTypePair } from '@dereekb/util';
+import { Maybe, ModelKeyTypeNamePair } from '@dereekb/util';
 export interface DbxModelObjectViewedParams {
-    modelKeyTypeNamePair: ModelKeyTypeNamePair;
-    context?: string;
+    readonly modelKeyTypeNamePair: ModelKeyTypeNamePair;
+    readonly context?: Maybe<string>;
 }
 export interface DbxModelGoToObjectViewParams {
-    modelKeyTypePair: ModelKeyTypePair;
+    readonly modelKeyTypeNamePair: ModelKeyTypeNamePair;
 }
-export declare const emitObjectViewEvent: import("@ngrx/store").ActionCreator<"[App/Model/Type] Object Viewed", (props: DbxModelObjectViewedParams) => DbxModelObjectViewedParams & import("@ngrx/store/src/models").TypedAction<"[App/Model/Type] Object Viewed">>;
+export declare const emitObjectViewEvent: import("@ngrx/store").ActionCreator<"[App/Model/Type] Object Viewed", (props: DbxModelObjectViewedParams) => DbxModelObjectViewedParams & import("@ngrx/store").Action<"[App/Model/Type] Object Viewed">>;

package/lib/extension/model/state/effects/tracker.effects.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class DbxModelTrackerEffects {
     private readonly actions$;
     private readonly dbxModelTrackerService;
-    readonly trackModelViewed$: import("rxjs").Observable<onDbxModel.DbxModelStateModelActions.DbxModelObjectViewedParams & import("@ngrx/store/src/models").TypedAction<"[App/Model/Type] Object Viewed">> & import("@ngrx/effects").CreateEffectMetadata;
+    readonly trackModelViewed$: import("rxjs").Observable<onDbxModel.DbxModelStateModelActions.DbxModelObjectViewedParams & import("@ngrx/store").Action<"[App/Model/Type] Object Viewed">> & import("@ngrx/effects").CreateEffectMetadata;
     readonly changeTrackerFolderToMatchAuth$: import("rxjs").Observable<string> & import("@ngrx/effects").CreateEffectMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxModelTrackerEffects, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxModelTrackerEffects>;

package/lib/extension/model/state/reducers/model.module.config.d.ts

@@ -2,4 +2,4 @@ export interface DbxModelModuleStateConfiguration {
 }
 export declare const stateFeatureKey = "model.module.config";
 export declare const initialState: DbxModelModuleStateConfiguration;
-export declare const reducer: import("@ngrx/store").ActionReducer<DbxModelModuleStateConfiguration, import("@ngrx/store").Action>;
+export declare const reducer: import("@ngrx/store").ActionReducer<DbxModelModuleStateConfiguration, import("@ngrx/store").Action<string>>;

package/lib/extension/structure/structure.body.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxBodyDirective extends DbxStructureDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBodyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBodyDirective, "dbxBody,[dbxBody]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBodyDirective, "dbxBody,[dbxBody]", never, {}, {}, never, never, true, never>;
 }

package/lib/extension/structure/structure.module.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./structure.body.directive";
 import * as i2 from "./structure.structure.directive";
-import * as i3 from "@angular/common";
+/**
+ * @deprecated Use DbxStructureDirective and DbxBodyDirective directly instead.
+ */
 export declare class DbxStructureModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStructureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxStructureModule, [typeof i1.DbxBodyDirective, typeof i2.DbxStructureDirective], [typeof i3.CommonModule], [typeof i1.DbxBodyDirective, typeof i2.DbxStructureDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxStructureModule, never, [typeof i1.DbxBodyDirective, typeof i2.DbxStructureDirective], [typeof i1.DbxBodyDirective, typeof i2.DbxStructureDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxStructureModule>;
 }

package/lib/extension/structure/structure.structure.directive.d.ts

@@ -6,9 +6,12 @@ import * as i0 from "@angular/core";
  * Generally used for child views to reference a well-placed parent view.
  */
 export declare class DbxStructureDirective {
-    readonly cdRef: ChangeDetectorRef;
     readonly injector: Injector;
     readonly element: ElementRef<any>;
+    /**
+     * @deprecated do not use cdRef here anymore. Rely on signals instead. Will be removed in the future.
+     */
+    readonly cdRef: ChangeDetectorRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStructureDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStructureDirective, "[dbxStructure]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStructureDirective, "[dbxStructure]", never, {}, {}, never, never, true, never>;
 }

package/lib/extension/table/_table.scss

@@ -46,9 +46,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-table') {
-    $color: theming.get-color-config($theme-config);
-    $density: theming.get-density-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $color: theming.m2-get-color-config($theme-config);
+    $density: theming.m2-get-density-config($theme-config);
+    $typography: theming.m2-get-typography-config($theme-config);
 
     @if $color !=null {
       @include color($theme-config);

package/lib/extension/widget/widget.component.d.ts

@@ -1,5 +1,3 @@
-import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { type Maybe } from '@dereekb/util';
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { DbxWidgetViewComponentConfig } from './widget';
@@ -8,13 +6,11 @@ import * as i0 from "@angular/core";
 /**
  * Used to display a corresponding widget based on the input data.
  */
-export declare class DbxWidgetViewComponent implements OnDestroy {
+export declare class DbxWidgetViewComponent {
     readonly dbxWidgetService: DbxWidgetService;
-    private readonly _config;
-    readonly config$: Observable<Maybe<DbxInjectionComponentConfig>>;
-    readonly widgetConfigExists$: Observable<boolean>;
-    ngOnDestroy(): void;
-    set config(config: Maybe<DbxWidgetViewComponentConfig>);
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxWidgetViewComponentConfig<unknown>>>;
+    readonly configSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<unknown>>>;
+    readonly widgetConfigExistsSignal: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetViewComponent, "dbx-widget-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, ["[unknownWidget]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetViewComponent, "dbx-widget-view", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, ["[unknownWidget]"], true, never>;
 }

package/lib/extension/widget/widget.list.component.d.ts

@@ -1,5 +1,9 @@
-import { AbstractDbxListWrapperDirective, DbxValueListGridViewConfig, AbstractDbxValueListViewItemComponent, DbxValueAsListItem, AbstractDbxListGridViewDirective } from '../../layout/list';
 import { DbxWidgetDataPair } from './widget';
+import { AbstractDbxValueListViewItemComponent } from '../../layout/list/list.view.value.item.directive';
+import { DbxValueAsListItem } from '../../layout/list/list.view.value';
+import { AbstractDbxListGridViewDirective } from '../../layout/list/grid/list.grid.view.directive';
+import { DbxValueListGridViewConfig } from '../../layout/list/grid/list.grid.view.component';
+import { AbstractDbxListWrapperDirective } from '../../layout/list/list.directive';
 import * as i0 from "@angular/core";
 export type DbxWidgetDataPairWithSelection = DbxValueAsListItem<DbxWidgetDataPair>;
 /**
@@ -8,14 +12,14 @@ export type DbxWidgetDataPairWithSelection = DbxValueAsListItem<DbxWidgetDataPai
 export declare class DbxWidgetListGridComponent extends AbstractDbxListWrapperDirective<DbxWidgetDataPair> {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridComponent, "dbx-widget-grid", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridComponent, "dbx-widget-grid", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], true, never>;
 }
 export declare class DbxWidgetListGridViewComponent extends AbstractDbxListGridViewDirective<DbxWidgetDataPair> {
     readonly config: DbxValueListGridViewConfig<DbxWidgetDataPairWithSelection>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewComponent, "dbx-widget-grid-view", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewComponent, "dbx-widget-grid-view", never, {}, {}, never, never, true, never>;
 }
 export declare class DbxWidgetListGridViewItemComponent extends AbstractDbxValueListViewItemComponent<DbxWidgetDataPair> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewItemComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewItemComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/extension/widget/widget.module.d.ts

@@ -1,14 +1,18 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./widget.component";
 import * as i2 from "./widget.list.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../../layout/list/list.layout.module";
-import * as i5 from "@dereekb/dbx-core";
 /**
  * Contains components related to displaying "widgets" for pieces of data.
+ *
+ * @deprecated Import standalone components directly instead.
+ *
+ * @see DbxWidgetViewComponent
+ * @see DbxWidgetListGridComponent
+ * @see DbxWidgetListGridViewComponent
+ * @see DbxWidgetListGridViewItemComponent
  */
 export declare class DbxWidgetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWidgetModule, [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent], [typeof i3.CommonModule, typeof i4.DbxListLayoutModule, typeof i5.DbxInjectionComponentModule], [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWidgetModule, never, [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent], [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxWidgetModule>;
 }

package/lib/index.d.ts

@@ -1,10 +1,10 @@
+export * from './loading';
 export * from './action';
 export * from './button';
 export * from './error';
 export * from './extension';
 export * from './interaction';
 export * from './keypress';
-export * from './loading';
 export * from './layout';
 export * from './router';
 export * from './screen';

package/lib/interaction/dialog/_dialog.scss

@@ -63,9 +63,9 @@ $dbx-dialog-content-close-right-offset: $dbx-dialog-content-close-edge-padding;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-dialog') {
-    $color: theming.get-color-config($theme-config);
-    $density: theming.get-density-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $color: theming.m2-get-color-config($theme-config);
+    $density: theming.m2-get-density-config($theme-config);
+    $typography: theming.m2-get-typography-config($theme-config);
 
     @if $color !=null {
       @include color($theme-config);

package/lib/interaction/dialog/dialog.action.directive.d.ts

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import { OnInit, OnDestroy, ElementRef } from '@angular/core';
-import { AbstractDbxActionValueOnTriggerDirective } from '@dereekb/dbx-core';
-import { IsModifiedFunction } from '@dereekb/rxjs';
+import { AbstractDbxActionValueGetterDirective } from '@dereekb/dbx-core';
+import { IsEqualFunction, IsModifiedFunction } from '@dereekb/rxjs';
 import { type Maybe } from '@dereekb/util';
 import { MatDialogRef } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
@@ -9,13 +9,14 @@ export type DbxActionDialogFunction<T = unknown> = () => MatDialogRef<unknown, M
 /**
  * Action directive that is used to trigger/display a dialog, then watches that dialog for a value.
  */
-export declare class DbxActionDialogDirective<T = unknown> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
+export declare class DbxActionDialogDirective<T = unknown> extends AbstractDbxActionValueGetterDirective<T> implements OnInit, OnDestroy {
     readonly elementRef: ElementRef<any>;
-    fn?: DbxActionDialogFunction<T>;
-    set dbxActionDialogModified(isModifiedFunction: Maybe<IsModifiedFunction>);
+    readonly dbxActionDialog: import("@angular/core").InputSignal<DbxActionDialogFunction<T>>;
+    readonly dbxActionDialogIsModified: import("@angular/core").InputSignal<Maybe<IsModifiedFunction>>;
+    readonly dbxActionDialogIsEqual: import("@angular/core").InputSignal<Maybe<IsEqualFunction>>;
     constructor();
     protected _getDataFromDialog(): Observable<Maybe<T>>;
     protected _makeDialogRef(): MatDialogRef<unknown, Maybe<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionDialogDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionDialogDirective<any>, "[dbxActionDialog]", ["dbxActionDialog"], { "fn": { "alias": "dbxActionDialog"; "required": false; }; "dbxActionDialogModified": { "alias": "dbxActionDialogModified"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionDialogDirective<any>, "[dbxActionDialog]", ["dbxActionDialog"], { "dbxActionDialog": { "alias": "dbxActionDialog"; "required": true; "isSignal": true; }; "dbxActionDialogIsModified": { "alias": "dbxActionDialogIsModified"; "required": false; "isSignal": true; }; "dbxActionDialogIsEqual": { "alias": "dbxActionDialogIsEqual"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/dialog/dialog.content.close.component.d.ts

@@ -1,13 +1,11 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Component used to show a close button at the top of a dialog, floating in a corner.
  */
-export declare class DbxDialogContentCloseComponent implements OnDestroy {
-    padded: boolean;
-    readonly close: EventEmitter<void>;
+export declare class DbxDialogContentCloseComponent {
+    readonly padded: import("@angular/core").InputSignal<boolean>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
     closeClicked(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentCloseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentCloseComponent, "dbx-dialog-content-close", never, { "padded": { "alias": "padded"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentCloseComponent, "dbx-dialog-content-close", never, { "padded": { "alias": "padded"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }

package/lib/interaction/dialog/{dialog.content.component.d.ts → dialog.content.directive.d.ts}

@@ -4,7 +4,8 @@ export type DbxDialogContentContainerWidth = 'normal' | 'wide';
  * Component used to style a dialog.
  */
 export declare class DbxDialogContentDirective {
-    width: string;
+    readonly width: import("@angular/core").InputSignal<DbxDialogContentContainerWidth>;
+    readonly classConfig: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/dialog/dialog.content.footer.component.d.ts

@@ -1,21 +1,21 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export interface DbxDialogContentFooterConfig {
-    buttonColor?: ThemePalette;
-    closeText?: string;
+    readonly buttonColor?: ThemePalette;
+    readonly closeText?: string;
 }
 /**
  * Component used to show a close button at the bottom of a dialog.
  */
-export declare class DbxDialogContentFooterComponent implements OnDestroy {
-    closeText: string;
-    buttonColor: ThemePalette;
-    readonly close: EventEmitter<void>;
-    set config(config: Maybe<DbxDialogContentFooterConfig>);
+export declare class DbxDialogContentFooterComponent {
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxDialogContentFooterConfig>>;
+    readonly closeText: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly buttonColor: import("@angular/core").InputSignal<Maybe<ThemePalette>>;
+    readonly closeTextSignal: import("@angular/core").Signal<string>;
+    readonly buttonColorSignal: import("@angular/core").Signal<"primary" | "accent" | "warn" | undefined>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
     closeClicked(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentFooterComponent, "dbx-dialog-content-footer", never, { "closeText": { "alias": "closeText"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentFooterComponent, "dbx-dialog-content-footer", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "buttonColor": { "alias": "buttonColor"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }

package/lib/interaction/dialog/dialog.module.d.ts

@@ -1,17 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./dialog.content.component";
+import * as i1 from "./dialog.content.directive";
 import * as i2 from "./dialog.action.directive";
 import * as i3 from "./dialog.content.footer.component";
 import * as i4 from "./dialog.content.close.component";
-import * as i5 from "@angular/common";
-import * as i6 from "../../layout/style/style.layout.module";
-import * as i7 from "@angular/material/button";
-import * as i8 from "@angular/material/icon";
-/**
- * Module for block components.
- */
 export declare class DbxDialogInteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogInteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxDialogInteractionModule, [typeof i1.DbxDialogContentDirective, typeof i2.DbxActionDialogDirective, typeof i3.DbxDialogContentFooterComponent, typeof i4.DbxDialogContentCloseComponent], [typeof i5.CommonModule, typeof i6.DbxStyleLayoutModule, typeof i7.MatButtonModule, typeof i8.MatIconModule], [typeof i1.DbxDialogContentDirective, typeof i2.DbxActionDialogDirective, typeof i3.DbxDialogContentFooterComponent, typeof i4.DbxDialogContentCloseComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxDialogInteractionModule, never, [typeof i1.DbxDialogContentDirective, typeof i2.DbxActionDialogDirective, typeof i3.DbxDialogContentFooterComponent, typeof i4.DbxDialogContentCloseComponent], [typeof i1.DbxDialogContentDirective, typeof i2.DbxActionDialogDirective, typeof i3.DbxDialogContentFooterComponent, typeof i4.DbxDialogContentCloseComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxDialogInteractionModule>;
 }

package/lib/interaction/dialog/index.d.ts

@@ -1,7 +1,7 @@
 export * from './abstract.dialog.directive';
 export * from './dialog.content.close.component';
 export * from './dialog.content.footer.component';
-export * from './dialog.content.component';
+export * from './dialog.content.directive';
 export * from './dialog.action.directive';
 export * from './dialog.content';
 export * from './dialog.module';

package/lib/interaction/filter/_filter.scss

@@ -14,9 +14,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-filter') {
-    $color: theming.get-color-config($theme-config);
-    $density: theming.get-density-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $color: theming.m2-get-color-config($theme-config);
+    $density: theming.m2-get-density-config($theme-config);
+    $typography: theming.m2-get-typography-config($theme-config);
 
     @if $color !=null {
       @include color($theme-config);

package/lib/interaction/filter/filter.config.d.ts

@@ -0,0 +1,62 @@
+import { Type } from '@angular/core';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { FilterSource, PresetFilterSource, FilterSourceConnector } from '@dereekb/rxjs';
+import { Maybe } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { DbxPopoverConfigSizing } from '../popover/popover.service';
+export interface DbxFilterComponentConfig<F extends object = object, P extends string = string, CF extends FilterSource<F> = FilterSource<F>, PF extends PresetFilterSource<F, P> = PresetFilterSource<F, P>> extends DbxPopoverConfigSizing {
+    /**
+     * Custom icon
+     *
+     * Defaults to "filter_list"
+     */
+    readonly icon?: string;
+    /**
+     * Custom header text
+     *
+     * Defaults to "Filter"
+     */
+    readonly header?: string;
+    /**
+     * Custom customize button text. If not defined, defaults to "Customize"
+     */
+    readonly customizeButtonText?: string;
+    /**
+     * Custom close button text. If not defined, defaults to "Close"
+     */
+    readonly closeButtonText?: string;
+    /**
+     * Whether or not to show the close button. Defaults to the value of !closeOnFilterChange
+     */
+    readonly showCloseButton?: Maybe<boolean>;
+    /**
+     * Custom filter component to initialize.
+     */
+    readonly customFilterComponentClass?: Type<CF>;
+    /**
+     * Preset filter component to initialize.
+     */
+    readonly presetFilterComponentClass?: Type<PF>;
+    /**
+     * DbxInjectionComponentConfig for the custom filter component to initialize.
+     */
+    readonly customFilterComponentConfig?: DbxInjectionComponentConfig<CF>;
+    /**
+     * DbxInjectionComponentConfig for the preset filter component to initialize.
+     */
+    readonly presetFilterComponentConfig?: DbxInjectionComponentConfig<PF>;
+    /**
+     * The connector to use.
+     */
+    readonly connector: FilterSourceConnector<F>;
+    /**
+     * (Optional) Inital filter to pass to the filter source.
+     */
+    readonly initialFilterObs?: Observable<F>;
+    /**
+     * (Optional) Whether or not to close the component if the filter changes.
+     *
+     * True by default.
+     */
+    readonly closeOnFilterChange?: boolean;
+}

package/lib/interaction/filter/filter.menu.d.ts

@@ -8,15 +8,15 @@ export interface DbxPresetFilterMenuConfig {
     /**
      * The text to display for the unknown selection.
      */
-    unknownSelectionText?: string;
+    readonly unknownSelectionText?: string;
     /**
      * The icon to use for the filter, or false if no icon should be shown.
      */
-    filterIcon?: Maybe<string> | false;
+    readonly filterIcon?: Maybe<string> | false;
     /**
      * Whether or not to use the preset's icon if one is defined. If filterIcon is false, the icon will only appear when an item is selected.
      */
-    usePresetIcon?: boolean;
+    readonly usePresetIcon?: boolean;
 }
 export declare function dbxPresetFilterMenuButtonTextObservable(config$: Observable<DbxPresetFilterMenuConfig>, selection$: Observable<Maybe<Partial<Pick<ClickableAnchorLink, 'title'>>>>, defaultText?: string): Observable<string>;
 export declare function dbxPresetFilterMenuButtonIconObservable(config$: Observable<DbxPresetFilterMenuConfig>, selection$: Observable<Maybe<Partial<Pick<ClickableAnchorLink, 'icon'>>>>, defaultIcon?: string): Observable<Maybe<string>>;

package/lib/interaction/filter/filter.module.d.ts

@@ -6,18 +6,9 @@ import * as i4 from "./filter.popover.button.component";
 import * as i5 from "./filter.wrapper.component";
 import * as i6 from "./filter.preset.list.component";
 import * as i7 from "./filter.preset.menu.component";
-import * as i8 from "@angular/common";
-import * as i9 from "../popover/popover.module";
-import * as i10 from "@dereekb/dbx-core";
-import * as i11 from "../../button/button.module";
-import * as i12 from "../../router/layout/anchor/anchor.module";
-import * as i13 from "../../router/layout/anchorlist/anchorlist.module";
-import * as i14 from "@ngbracket/ngx-layout";
-import * as i15 from "@angular/material/menu";
-import * as i16 from "@angular/material/icon";
-import * as i17 from "@angular/material/button";
+import * as i8 from "@dereekb/dbx-core";
 export declare class DbxFilterInteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterInteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFilterInteractionModule, [typeof i1.DbxPartialPresetFilterListComponent, typeof i2.DbxPartialPresetFilterMenuComponent, typeof i3.DbxFilterPopoverComponent, typeof i4.DbxFilterPopoverButtonComponent, typeof i5.DbxFilterWrapperComponent, typeof i6.DbxPresetFilterListComponent, typeof i7.DbxPresetFilterMenuComponent], [typeof i8.CommonModule, typeof i9.DbxPopoverInteractionModule, typeof i10.DbxCoreFilterModule, typeof i11.DbxButtonModule, typeof i12.DbxRouterAnchorModule, typeof i13.DbxRouterAnchorListModule, typeof i10.DbxInjectionComponentModule, typeof i14.FlexLayoutModule, typeof i15.MatMenuModule, typeof i16.MatIconModule, typeof i17.MatButtonModule], [typeof i1.DbxPartialPresetFilterListComponent, typeof i2.DbxPartialPresetFilterMenuComponent, typeof i3.DbxFilterPopoverComponent, typeof i4.DbxFilterPopoverButtonComponent, typeof i5.DbxFilterWrapperComponent, typeof i6.DbxPresetFilterListComponent, typeof i7.DbxPresetFilterMenuComponent, typeof i10.DbxCoreFilterModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFilterInteractionModule, never, [typeof i1.DbxPartialPresetFilterListComponent, typeof i2.DbxPartialPresetFilterMenuComponent, typeof i3.DbxFilterPopoverComponent, typeof i4.DbxFilterPopoverButtonComponent, typeof i5.DbxFilterWrapperComponent, typeof i6.DbxPresetFilterListComponent, typeof i7.DbxPresetFilterMenuComponent, typeof i8.DbxCoreFilterModule], [typeof i1.DbxPartialPresetFilterListComponent, typeof i2.DbxPartialPresetFilterMenuComponent, typeof i3.DbxFilterPopoverComponent, typeof i4.DbxFilterPopoverButtonComponent, typeof i5.DbxFilterWrapperComponent, typeof i6.DbxPresetFilterListComponent, typeof i7.DbxPresetFilterMenuComponent, typeof i8.DbxCoreFilterModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFilterInteractionModule>;
 }