@dereekb/dbx-web 11.1.8 → 12.0.1

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

@@ -1,22 +1,20 @@
 import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { ClickableAnchorLink, FilterSourceDirective, ClickablePartialFilterPreset } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Displays a button and menu for filtering partialPresets.
  */
-export declare abstract class AbstractDbxPartialPresetFilterMenuDirective<F> implements OnDestroy {
+export declare abstract class AbstractDbxPartialPresetFilterMenuDirective<F> {
     readonly filterSourceDirective: FilterSourceDirective<any>;
-    private _partialPresets;
+    readonly partialPresets: import("@angular/core").InputSignalWithTransform<ClickablePartialFilterPreset<F>[], Maybe<ClickablePartialFilterPreset<F>[]>>;
+    readonly partialPresets$: Observable<ClickablePartialFilterPreset<F>[]>;
     readonly filter$: Observable<Maybe<F>>;
     readonly selectedPartialPresets$: Observable<ClickablePartialFilterPreset<F>[]>;
     readonly firstSelectedPartialPreset$: Observable<Maybe<ClickablePartialFilterPreset<F>>>;
     readonly presetAnchors$: Observable<ClickableAnchorLink[]>;
-    get partialPresets(): ClickablePartialFilterPreset<F>[];
-    set partialPresets(partialPresets: ClickablePartialFilterPreset<F>[]);
+    readonly presetAnchorsSignal: import("@angular/core").Signal<ClickableAnchorLink[] | undefined>;
     selectPartialPreset(preset: ClickablePartialFilterPreset<F>): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never, never, { "partialPresets": { "alias": "partialPresets"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never, never, { "partialPresets": { "alias": "partialPresets"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/interaction/filter/filter.partial.list.component.d.ts

@@ -2,5 +2,5 @@ import { AbstractDbxPartialPresetFilterMenuDirective } from './filter.partial';
 import * as i0 from "@angular/core";
 export declare class DbxPartialPresetFilterListComponent<F> extends AbstractDbxPartialPresetFilterMenuDirective<F> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPartialPresetFilterListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterListComponent<any>, "dbx-preset-partial-filter-list", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterListComponent<any>, "dbx-preset-partial-filter-list", never, {}, {}, never, never, true, never>;
 }

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

@@ -5,12 +5,12 @@ import * as i0 from "@angular/core";
  * Displays a button and menu for filtering partial preset values.
  */
 export declare class DbxPartialPresetFilterMenuComponent<F> extends AbstractDbxPartialPresetFilterMenuDirective<F> {
-    private _config;
+    readonly config: import("@angular/core").InputSignal<DbxPresetFilterMenuConfig>;
+    readonly config$: import("rxjs").Observable<DbxPresetFilterMenuConfig>;
     readonly buttonText$: import("rxjs").Observable<string>;
     readonly buttonIcon$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<string>>;
-    get config(): DbxPresetFilterMenuConfig;
-    set config(config: DbxPresetFilterMenuConfig);
-    ngOnDestroy(): void;
+    readonly buttonTextSignal: import("@angular/core").Signal<string | undefined>;
+    readonly buttonIconSignal: import("@angular/core").Signal<import("dist/packages/util/src").Maybe<string>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPartialPresetFilterMenuComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterMenuComponent<any>, "dbx-partial-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterMenuComponent<any>, "dbx-partial-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/filter/filter.popover.button.component.d.ts

@@ -1,15 +1,13 @@
 import { ElementRef } from '@angular/core';
 import { AbstractFilterPopoverButtonDirective } from './filter.popover.button.directive';
-import { DbxButtonDisplayContent } from '@dereekb/dbx-core';
+import { DbxButtonDisplay } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare class DbxFilterPopoverButtonComponent<F extends object = object> extends AbstractFilterPopoverButtonDirective<F> {
-    private _buttonDisplay;
-    disabled?: Maybe<boolean>;
-    get buttonDisplay(): DbxButtonDisplayContent;
-    set buttonDisplay(buttonDisplay: Maybe<DbxButtonDisplayContent>);
-    buttonElement: ElementRef;
+    readonly buttonElement: import("@angular/core").Signal<Maybe<ElementRef<any>>>;
+    readonly disabled: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly buttonDisplay: import("@angular/core").InputSignalWithTransform<DbxButtonDisplay, Maybe<DbxButtonDisplay>>;
     showFilterPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "buttonDisplay": { "alias": "buttonDisplay"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonDisplay": { "alias": "buttonDisplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/filter/filter.popover.button.directive.d.ts

@@ -1,16 +1,17 @@
 import { ElementRef } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
-import { DbxFilterComponentParams } from './filter.popover.component';
 import { AbstractPopoverRefDirective } from '../popover/abstract.popover.ref.directive';
 import { FilterSource, PresetFilterSource } from '@dereekb/rxjs';
+import { Maybe } from '@dereekb/util';
+import { DbxFilterComponentConfig } from './filter.config';
 import * as i0 from "@angular/core";
-export type DbxFilterButtonConfig<F extends object> = DbxFilterComponentParams<F>;
-export type DbxFilterButtonConfigWithCustomFilter<F extends object, CF extends FilterSource<F> = FilterSource<F>> = Omit<DbxFilterComponentParams<F, any, CF, any>, 'presetFilter' | 'presetFilterComponentConfig'>;
-export type DbxFilterButtonConfigWithPresetFilter<F extends object, PF extends PresetFilterSource<F, any> = PresetFilterSource<F, any>> = Omit<DbxFilterComponentParams<F, any, any, PF>, 'customFilter' | 'customFilterComponentConfig'>;
+export type DbxFilterButtonConfig<F extends object> = DbxFilterComponentConfig<F>;
+export type DbxFilterButtonConfigWithCustomFilter<F extends object, CF extends FilterSource<F> = FilterSource<F>> = Omit<DbxFilterComponentConfig<F, any, CF, any>, 'presetFilter' | 'presetFilterComponentConfig'>;
+export type DbxFilterButtonConfigWithPresetFilter<F extends object, PF extends PresetFilterSource<F, any> = PresetFilterSource<F, any>> = Omit<DbxFilterComponentConfig<F, any, any, PF>, 'customFilter' | 'customFilterComponentConfig'>;
 export declare abstract class AbstractFilterPopoverButtonDirective<F extends object> extends AbstractPopoverRefDirective<unknown, unknown> {
     private readonly popupService;
-    config?: DbxFilterComponentParams<F, any, any, any>;
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxFilterComponentConfig<F, any, any, any>>>;
     protected _makePopoverRef(origin?: ElementRef): NgPopoverRef<unknown, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFilterPopoverButtonDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFilterPopoverButtonDirective<any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFilterPopoverButtonDirective<any>, never, never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/interaction/filter/filter.popover.component.d.ts

@@ -1,78 +1,25 @@
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
-import { ElementRef, Type, OnInit, OnDestroy } from '@angular/core';
+import { ElementRef, OnInit, OnDestroy } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { Observable } from 'rxjs';
 import { AbstractPopoverDirective } from '../popover/abstract.popover.directive';
-import { DbxPopoverConfigSizing, DbxPopoverService } from '../popover/popover.service';
-import { FilterSource, FilterSourceConnector, PresetFilterSource } from '@dereekb/rxjs';
+import { DbxPopoverService } from '../popover/popover.service';
+import { FilterSource } from '@dereekb/rxjs';
 import { DbxPopoverKey } from '../popover/popover';
-import { type Maybe } from '@dereekb/util';
+import { DbxFilterComponentConfig } from './filter.config';
 import * as i0 from "@angular/core";
-export interface DbxFilterComponentParams<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"
-     */
-    icon?: string;
-    /**
-     * Custom header text
-     *
-     * Defaults to "Filter"
-     */
-    header?: string;
-    /**
-     * Custom customize button text. If not defined, defaults to "Customize"
-     */
-    customizeButtonText?: string;
-    /**
-     * Custom close button text. If not defined, defaults to "Close"
-     */
-    closeButtonText?: string;
-    /**
-     * Whether or not to show the close button. Defaults to the value of !closeOnFilterChange
-     */
-    showCloseButton?: Maybe<boolean>;
-    /**
-     * Custom filter component to initialize.
-     */
-    customFilterComponentClass?: Type<CF>;
-    /**
-     * Preset filter component to initialize.
-     */
-    presetFilterComponentClass?: Type<PF>;
-    /**
-     * DbxInjectionComponentConfig for the custom filter component to initialize.
-     */
-    customFilterComponentConfig?: DbxInjectionComponentConfig<CF>;
-    /**
-     * DbxInjectionComponentConfig for the preset filter component to initialize.
-     */
-    presetFilterComponentConfig?: DbxInjectionComponentConfig<PF>;
-    /**
-     * The connector to use.
-     */
-    connector: FilterSourceConnector<F>;
-    /**
-     * (Optional) Inital filter to pass to the filter source.
-     */
-    initialFilterObs?: Observable<F>;
-    /**
-     * (Optional) Whether or not to close the component if the filter changes.
-     *
-     * True by default.
-     */
-    closeOnFilterChange?: boolean;
-}
-export interface DbxFilterPopoverComponentParams<F extends object = object> extends DbxFilterComponentParams<F> {
+export interface DbxFilterPopoverComponentConfig<F extends object = object> extends DbxFilterComponentConfig<F> {
     /**
      * Origin to add the popover to.
      */
-    origin: ElementRef;
+    readonly origin: ElementRef;
 }
 export declare const DEFAULT_FILTER_POPOVER_KEY = "filter";
-export declare class DbxFilterPopoverComponent<F extends object> extends AbstractPopoverDirective<unknown, DbxFilterComponentParams<F>> implements OnInit, OnDestroy {
-    private _closeOnChangeSub;
+export declare class DbxFilterPopoverComponent<F extends object> extends AbstractPopoverDirective<unknown, DbxFilterComponentConfig<F>> implements OnInit, OnDestroy {
+    private readonly _closeOnChangeSub;
+    readonly config: DbxFilterComponentConfig<F>;
+    readonly icon: string;
+    readonly header: string;
     readonly showCloseButton: boolean;
     readonly closeButtonText: string;
     readonly customizeButtonText: string;
@@ -80,17 +27,14 @@ export declare class DbxFilterPopoverComponent<F extends object> extends Abstrac
      * Whether or not to display buttons to toggle between custom and preset filters.
      */
     readonly showSwitchButtons: boolean;
-    private _showPreset;
-    readonly showPreset$: Observable<boolean>;
+    readonly showPresetSignal: import("@angular/core").WritableSignal<boolean>;
     readonly config$: Observable<DbxInjectionComponentConfig<FilterSource<F>>>;
-    static openPopover<F extends object>(popupService: DbxPopoverService, { width, height, isResizable, origin, header, icon, customFilterComponentClass, presetFilterComponentClass, customFilterComponentConfig, presetFilterComponentConfig, connector, initialFilterObs, closeOnFilterChange, customizeButtonText, showCloseButton, closeButtonText }: DbxFilterPopoverComponentParams<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
-    get config(): DbxFilterComponentParams<F>;
-    get icon(): string;
-    get header(): string;
+    readonly configSignal: import("@angular/core").Signal<DbxInjectionComponentConfig<FilterSource<F>> | undefined>;
+    static openPopover<F extends object>(popupService: DbxPopoverService, { width, height, isResizable, origin, header, icon, customFilterComponentClass, presetFilterComponentClass, customFilterComponentConfig, presetFilterComponentConfig, connector, initialFilterObs, closeOnFilterChange, customizeButtonText, showCloseButton, closeButtonText }: DbxFilterPopoverComponentConfig<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
     ngOnInit(): void;
     ngOnDestroy(): void;
     showPresets(): void;
     showCustom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/filter/filter.preset.directive.d.ts

@@ -1,16 +1,13 @@
 import { Observable } from 'rxjs';
-import { EventEmitter, OnDestroy } from '@angular/core';
 import { ClickableFilterPreset, ClickableAnchorLink, FilterSourceDirective, ClickableFilterPresetOrPartialPreset } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import { FilterWithPreset } from '@dereekb/rxjs';
 import * as i0 from "@angular/core";
-/**
- * Displays a button and menu for filtering presets.
- */
-export declare abstract class AbstractDbxPresetFilterMenuDirective<F extends FilterWithPreset> implements OnDestroy {
+export declare abstract class AbstractDbxPresetFilterMenuDirective<F extends FilterWithPreset> {
     readonly filterSourceDirective: FilterSourceDirective<any>;
-    readonly presetSelected: EventEmitter<ClickableFilterPresetOrPartialPreset<F>>;
-    private _presets;
+    readonly presetSelected: import("@angular/core").OutputEmitterRef<ClickableFilterPresetOrPartialPreset<F>>;
+    readonly presets: import("@angular/core").InputSignal<ClickableFilterPresetOrPartialPreset<F>[]>;
+    readonly presets$: Observable<ClickableFilterPresetOrPartialPreset<F>[]>;
     readonly selected$: Observable<Maybe<F>>;
     readonly presetsWithPresetStringOnly$: Observable<ClickableFilterPreset<F>[]>;
     readonly selectedPresetString$: Observable<Maybe<string>>;
@@ -18,10 +15,9 @@ export declare abstract class AbstractDbxPresetFilterMenuDirective<F extends Fil
     readonly presetAnchors$: Observable<ClickableAnchorLink[]>;
     readonly firstSelectedAnchorPair$: Observable<["preset" | "partialPreset", ClickableFilterPresetOrPartialPreset<F>, ClickableAnchorLink] | undefined>;
     readonly selectedPreset$: Observable<Maybe<ClickableFilterPreset<F>>>;
-    get presets(): ClickableFilterPresetOrPartialPreset<F>[];
-    set presets(presets: ClickableFilterPresetOrPartialPreset<F>[]);
+    readonly presetAnchorsSignal: import("@angular/core").Signal<ClickableAnchorLink[]>;
+    readonly selectedPresetSignal: import("@angular/core").Signal<Maybe<ClickableFilterPreset<F, string>>>;
     selectPreset(preset: ClickableFilterPresetOrPartialPreset<F>): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPresetFilterMenuDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPresetFilterMenuDirective<any>, never, never, { "presets": { "alias": "presets"; "required": false; }; }, { "presetSelected": "presetSelected"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPresetFilterMenuDirective<any>, never, never, { "presets": { "alias": "presets"; "required": false; "isSignal": true; }; }, { "presetSelected": "presetSelected"; }, never, never, false, never>;
 }

package/lib/interaction/filter/filter.preset.list.component.d.ts

@@ -3,5 +3,5 @@ import { AbstractDbxPresetFilterMenuDirective } from './filter.preset.directive'
 import * as i0 from "@angular/core";
 export declare class DbxPresetFilterListComponent<F extends FilterWithPreset> extends AbstractDbxPresetFilterMenuDirective<F> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPresetFilterListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterListComponent<any>, "dbx-preset-filter-list", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterListComponent<any>, "dbx-preset-filter-list", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,12 +6,12 @@ import * as i0 from "@angular/core";
  * Displays a button and menu for filtering presets.
  */
 export declare class DbxPresetFilterMenuComponent<F extends FilterWithPreset> extends AbstractDbxPresetFilterMenuDirective<F> {
-    private _config;
+    readonly config: import("@angular/core").InputSignal<DbxPresetFilterMenuConfig>;
+    readonly config$: import("rxjs").Observable<DbxPresetFilterMenuConfig>;
     readonly buttonText$: import("rxjs").Observable<string>;
     readonly buttonIcon$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<string>>;
-    get config(): DbxPresetFilterMenuConfig;
-    set config(config: DbxPresetFilterMenuConfig);
-    ngOnDestroy(): void;
+    readonly buttonTextSignal: import("@angular/core").Signal<string | undefined>;
+    readonly buttonIconSignal: import("@angular/core").Signal<import("dist/packages/util/src").Maybe<string>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPresetFilterMenuComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterMenuComponent<any>, "dbx-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterMenuComponent<any>, "dbx-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/filter/filter.wrapper.component.d.ts

@@ -7,13 +7,13 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxFilterWrapperComponent<F = unknown> extends AbstractDbxActionHandlerDirective<F> {
     readonly filterSourceDirective: FilterSourceDirective<any>;
-    showButtons: boolean;
-    applyRaised: boolean;
-    applyIcon: string;
-    applyText: string;
+    readonly showButtons: import("@angular/core").InputSignal<boolean>;
+    readonly applyRaised: import("@angular/core").InputSignal<boolean>;
+    readonly applyIcon: import("@angular/core").InputSignal<string>;
+    readonly applyText: import("@angular/core").InputSignal<string>;
     constructor();
     applyFilter(): void;
     resetFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "applyRaised": { "alias": "applyRaised"; "required": false; }; "applyIcon": { "alias": "applyIcon"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "applyRaised": { "alias": "applyRaised"; "required": false; "isSignal": true; }; "applyIcon": { "alias": "applyIcon"; "required": false; "isSignal": true; }; "applyText": { "alias": "applyText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,3 +1,4 @@
+export * from './filter.config';
 export * from './filter.module';
 export * from './filter.menu';
 export * from './filter.partial.list.component';

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

@@ -1,11 +1,20 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./dialog/dialog.module";
-import * as i2 from "./filter/filter.module";
-import * as i3 from "./prompt/prompt.module";
+import * as i1 from "./prompt/prompt.module";
+import * as i2 from "./dialog/dialog.module";
+import * as i3 from "./filter/filter.module";
 import * as i4 from "./popover/popover.module";
 import * as i5 from "./popup/popup.module";
+/**
+ * @deprecated import individual modules instead.
+ *
+ * @see DbxDialogInteractionModule
+ * @see DbxFilterInteractionModule
+ * @see DbxPromptModule
+ * @see DbxPopoverInteractionModule
+ * @see DbxPopupInteractionModule
+ */
 export declare class DbxInteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxInteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxInteractionModule, never, never, [typeof i1.DbxDialogInteractionModule, typeof i2.DbxFilterInteractionModule, typeof i3.DbxPromptModule, typeof i4.DbxPopoverInteractionModule, typeof i5.DbxPopupInteractionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxInteractionModule, never, [typeof i1.DbxPromptModule, typeof i2.DbxDialogInteractionModule, typeof i3.DbxFilterInteractionModule, typeof i4.DbxPopoverInteractionModule, typeof i5.DbxPopupInteractionModule], [typeof i1.DbxPromptModule, typeof i2.DbxDialogInteractionModule, typeof i3.DbxFilterInteractionModule, typeof i4.DbxPopoverInteractionModule, typeof i5.DbxPopupInteractionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxInteractionModule>;
 }

package/lib/interaction/popover/_popover.scss

@@ -89,9 +89,9 @@ $dbx-popover-header-height: 48px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popover') {
-    $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/popover/abstract.popover.ref.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { NgPopoverCloseEvent, NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
@@ -19,9 +19,8 @@ export declare abstract class AbstractPopoverRefDirective<T = unknown, R = unkno
  * {@link AbstractPopoverRefDirective} extension that includes open/closed events.
  */
 export declare abstract class AbstractPopoverRefWithEventsDirective<T = unknown, R = unknown> extends AbstractPopoverRefDirective<T, R> implements OnDestroy {
-    readonly popoverOpened: EventEmitter<NgPopoverRef<T, R>>;
-    readonly popoverClosed: EventEmitter<NgPopoverCloseEvent<R>>;
-    ngOnDestroy(): void;
+    readonly popoverOpened: import("@angular/core").OutputEmitterRef<NgPopoverRef<T, R>>;
+    readonly popoverClosed: import("@angular/core").OutputEmitterRef<NgPopoverCloseEvent<R>>;
     protected _afterOpened(popoverRef: NgPopoverRef<T, R>): void;
     protected _afterClosed(event: NgPopoverCloseEvent<R>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopoverRefWithEventsDirective<any, any>, never>;

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

@@ -11,6 +11,6 @@ export * from './popover.coordinator.service';
 export * from './popover.header.component';
 export * from './popover.module';
 export * from './popover.position.strategy';
-export * from './popover.scroll.content.component';
+export * from './popover.scroll.content.directive';
 export * from './popover.service';
 export * from './popover';

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

@@ -1,8 +1,8 @@
 import { Observable } from 'rxjs';
 import { OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
-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 * as i0 from "@angular/core";
 export interface DbxActionPopoverFunctionParams {
@@ -12,13 +12,14 @@ export type DbxActionPopoverFunction<T = unknown> = (params: DbxActionPopoverFun
 /**
  * Action directive that is used to trigger/display a popover, then watches that popover for a value.
  */
-export declare class DbxActionPopoverDirective<T = unknown> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
+export declare class DbxActionPopoverDirective<T = unknown> extends AbstractDbxActionValueGetterDirective<T> implements OnInit, OnDestroy {
     readonly elementRef: ElementRef<any>;
-    fn?: DbxActionPopoverFunction<T>;
-    set dbxActionPopoverModified(isModifiedFunction: Maybe<IsModifiedFunction>);
+    readonly dbxActionPopover: import("@angular/core").InputSignal<DbxActionPopoverFunction<T>>;
+    readonly dbxActionPopoverIsModified: import("@angular/core").InputSignal<Maybe<IsModifiedFunction>>;
+    readonly dbxActionPopoverIsEqual: import("@angular/core").InputSignal<Maybe<IsEqualFunction>>;
     constructor();
     protected _getDataFromPopover(): Observable<Maybe<T>>;
     protected _makePopoverRef(): NgPopoverRef<unknown, Maybe<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionPopoverDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionPopoverDirective<any>, "[dbxActionPopover]", ["dbxActionPopover"], { "fn": { "alias": "dbxActionPopover"; "required": false; }; "dbxActionPopoverModified": { "alias": "dbxActionPopoverModified"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionPopoverDirective<any>, "[dbxActionPopover]", ["dbxActionPopover"], { "dbxActionPopover": { "alias": "dbxActionPopover"; "required": true; "isSignal": true; }; "dbxActionPopoverIsModified": { "alias": "dbxActionPopoverIsModified"; "required": false; "isSignal": true; }; "dbxActionPopoverIsEqual": { "alias": "dbxActionPopoverIsEqual"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/popover/popover.close.component.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPopoverCloseButtonComponent {
     readonly dbxPopoverComponent: DbxPopoverComponent<any, any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCloseButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCloseButtonComponent, "dbx-popover-close-button", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCloseButtonComponent, "dbx-popover-close-button", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/popover/popover.component.d.ts

@@ -14,34 +14,40 @@ export interface DbxPopoverComponentConfig<O, I, T> {
      *
      * Only one popover should exist at a time given a certain key.
      */
-    key: DbxPopoverKey;
+    readonly key: DbxPopoverKey;
     /**
      * Origin element to position on.
      */
-    origin: ElementRef;
+    readonly origin: ElementRef;
     /**
      * Whether or not to close if a transition occurs.
      */
-    closeOnTransition?: boolean;
+    readonly closeOnTransition?: boolean;
     /**
      * Whether or not to dismiss when the escape button is pressed.
      *
      * False by default.
      */
-    closeOnEscape?: boolean;
+    readonly closeOnEscape?: boolean;
     /**
      * Component to inject into the popover.
      */
-    componentClass: Type<T>;
+    readonly componentClass: Type<T>;
     /**
      * Panel classes to add to the popover.
      */
-    panelClass?: Maybe<SpaceSeparatedCssClasses>;
+    readonly panelClass?: Maybe<SpaceSeparatedCssClasses>;
     /**
      * Data available to the popover.
      */
-    data?: Maybe<I>;
-    init?: (component: T, controller: DbxPopoverController<O, I>) => void;
+    readonly data?: Maybe<I>;
+    /**
+     * Optional function to initialize the popover component.
+     *
+     * @param component
+     * @param controller
+     */
+    readonly init?: (component: T, controller: DbxPopoverController<O, I>) => void;
 }
 export interface FullDbxPopoverComponentConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T> {
     configuration: NgOverlayContainerConfiguration;
@@ -74,5 +80,5 @@ export declare class DbxPopoverComponent<O = unknown, I = unknown, T = unknown>
     private _useClosingValue;
     handleKeydown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/popover/popover.content.component.d.ts

@@ -1,16 +1,18 @@
+import { BehaviorSubject } from 'rxjs';
 import { OnDestroy } from '@angular/core';
-import { ResizedEvent } from 'angular-resize-event';
+import { ResizedEvent } from 'angular-resize-event-package';
 import * as i0 from "@angular/core";
 /**
  * Popover content wrapper component.
  */
 export declare class DbxPopoverContentComponent implements OnDestroy {
+    readonly hasControls: BehaviorSubject<boolean>;
+    readonly hasHeader: BehaviorSubject<boolean>;
     private readonly _height;
     readonly height$: import("rxjs").Observable<string>;
-    hasControls: boolean;
-    hasHeader: boolean;
+    readonly heightSignal: import("@angular/core").Signal<string | undefined>;
     onResized(event: ResizedEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverContentComponent, "dbx-popover-content", never, {}, {}, never, ["[controls]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverContentComponent, "dbx-popover-content", never, {}, {}, never, ["[controls]", "*"], true, never>;
 }

package/lib/interaction/popover/popover.content.module.d.ts

@@ -3,21 +3,12 @@ import * as i1 from "./popover.content.component";
 import * as i2 from "./popover.controls.directive";
 import * as i3 from "./popover.header.component";
 import * as i4 from "./popover.close.component";
-import * as i5 from "./popover.scroll.content.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/divider";
-import * as i10 from "../../keypress/keypress.module";
-import * as i11 from "../../layout/style/style.layout.module";
-import * as i12 from "@dereekb/dbx-core";
-import * as i13 from "ng-overlay-container";
-import * as i14 from "angular-resize-event";
+import * as i5 from "./popover.scroll.content.directive";
 /**
  * Contains all popover content components, allowing other sibling dbx-web modules to use the directives without referencing the full popover module.
  */
 export declare class DbxPopoverInteractionContentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverInteractionContentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionContentModule, [typeof i1.DbxPopoverContentComponent, typeof i2.DbxPopoverControlsDirective, typeof i3.DbxPopoverHeaderComponent, typeof i4.DbxPopoverCloseButtonComponent, typeof i5.DbxPopoverScrollContentComponent], [typeof i6.CommonModule, typeof i7.MatIconModule, typeof i8.MatButtonModule, typeof i9.MatDividerModule, typeof i10.DbxKeypressModule, typeof i11.DbxStyleLayoutModule, typeof i12.DbxInjectionComponentModule, typeof i13.NgOverlayContainerModule, typeof i14.AngularResizeEventModule], [typeof i1.DbxPopoverContentComponent, typeof i2.DbxPopoverControlsDirective, typeof i3.DbxPopoverHeaderComponent, typeof i4.DbxPopoverCloseButtonComponent, typeof i5.DbxPopoverScrollContentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionContentModule, never, [typeof i1.DbxPopoverContentComponent, typeof i2.DbxPopoverControlsDirective, typeof i3.DbxPopoverHeaderComponent, typeof i4.DbxPopoverCloseButtonComponent, typeof i5.DbxPopoverScrollContentDirective], [typeof i1.DbxPopoverContentComponent, typeof i2.DbxPopoverControlsDirective, typeof i3.DbxPopoverHeaderComponent, typeof i4.DbxPopoverCloseButtonComponent, typeof i5.DbxPopoverScrollContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopoverInteractionContentModule>;
 }

package/lib/interaction/popover/popover.controls.directive.d.ts

@@ -1,11 +1,12 @@
+import { OnInit } from '@angular/core';
 import { DbxPopoverContentComponent } from './popover.content.component';
 import * as i0 from "@angular/core";
 /**
  * Popover Controls
  */
-export declare class DbxPopoverControlsDirective {
+export declare class DbxPopoverControlsDirective implements OnInit {
     readonly appPopoverContentComponent: DbxPopoverContentComponent | null;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverControlsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/popover/popover.coordinator.component.d.ts

@@ -8,9 +8,9 @@ export declare class DbxPopoverCoordinatorComponent implements OnInit, OnDestroy
     private readonly _popover;
     readonly isPopoverForKey$: import("rxjs").Observable<boolean>;
     readonly show$: import("rxjs").Observable<boolean>;
-    constructor();
+    readonly showSignal: import("@angular/core").Signal<boolean | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/interaction/popover/popover.header.component.d.ts

@@ -1,14 +1,15 @@
 import { OnInit } from '@angular/core';
 import { DbxPopoverContentComponent } from './popover.content.component';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Component used to format a header for a popover.
  */
 export declare class DbxPopoverHeaderComponent implements OnInit {
     readonly appPopoverContentComponent: DbxPopoverContentComponent | null;
-    header?: string;
-    icon?: string;
+    readonly header: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly icon: import("@angular/core").InputSignal<Maybe<string>>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverHeaderComponent, "dbx-popover-header", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverHeaderComponent, "dbx-popover-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -2,18 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./popover.component";
 import * as i2 from "./popover.coordinator.component";
 import * as i3 from "./popover.action.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/divider";
-import * as i8 from "../../keypress/keypress.module";
-import * as i9 from "../../layout/style/style.layout.module";
-import * as i10 from "@dereekb/dbx-core";
-import * as i11 from "ng-overlay-container";
-import * as i12 from "angular-resize-event";
-import * as i13 from "./popover.content.module";
+import * as i4 from "./popover.content.module";
 export declare class DbxPopoverInteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverInteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionModule, [typeof i1.DbxPopoverComponent, typeof i2.DbxPopoverCoordinatorComponent, typeof i3.DbxActionPopoverDirective], [typeof i4.CommonModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.MatDividerModule, typeof i8.DbxKeypressModule, typeof i9.DbxStyleLayoutModule, typeof i10.DbxInjectionComponentModule, typeof i11.NgOverlayContainerModule, typeof i12.AngularResizeEventModule, typeof i13.DbxPopoverInteractionContentModule], [typeof i1.DbxPopoverComponent, typeof i2.DbxPopoverCoordinatorComponent, typeof i3.DbxActionPopoverDirective, typeof i13.DbxPopoverInteractionContentModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionModule, never, [typeof i1.DbxPopoverComponent, typeof i2.DbxPopoverCoordinatorComponent, typeof i3.DbxActionPopoverDirective, typeof i4.DbxPopoverInteractionContentModule], [typeof i1.DbxPopoverComponent, typeof i2.DbxPopoverCoordinatorComponent, typeof i3.DbxActionPopoverDirective, typeof i4.DbxPopoverInteractionContentModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopoverInteractionModule>;
 }