@dereekb/dbx-web 11.1.7 → 12.0.0

package/lib/layout/list/list.component.d.ts

@@ -1,10 +1,22 @@
 import { Observable } from 'rxjs';
-import { EventEmitter, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
-import { ListLoadingStateContextInstance, ListLoadingState } from '@dereekb/rxjs';
+import { ListLoadingState } from '@dereekb/rxjs';
 import { Maybe, Milliseconds } from '@dereekb/util';
 import { DbxListSelectionMode, DbxListView, ListSelectionState } from './list.view';
 import * as i0 from "@angular/core";
+/**
+ * Used internally by DbxListComponent
+ */
+export declare class DbxListInternalContentDirective {
+    private readonly parent;
+    readonly elementRef: ElementRef<any>;
+    readonly hide: import("@angular/core").InputSignal<Maybe<boolean>>;
+    constructor();
+    onScrollEvent($event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListInternalContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbxListInternalContent]", never, { "hide": { "alias": "hide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 /**
  * Direction the scroll was triggered moving.
  */
@@ -22,65 +34,72 @@ export interface DbxListConfig<T = unknown, V extends DbxListView<T> = DbxListVi
     /**
      * Whether or not to hide the list content when it is an empty list.
      */
-    hideOnEmpty?: boolean;
+    readonly hideOnEmpty?: boolean;
     /**
      * Whether or not this list should scroll upward from the bottom, like a message list.
      */
-    invertedList?: boolean;
+    readonly invertedList?: boolean;
     /**
      * Distance to scroll.
      */
-    scrollDistance?: number;
+    readonly scrollDistance?: number;
     /**
      * Number of ms to throttle scrolling events.
      */
-    throttle?: Milliseconds;
+    readonly throttle?: Milliseconds;
     /**
      * (Optional) onClick handler
      */
-    onClick?: (value: T) => void;
+    readonly onClick?: (value: T) => void;
     /**
      * (Optional) onSelection handler
      */
-    onSelectionChange?: (selection: ListSelectionState<T>) => void;
+    readonly onSelectionChange?: (selection: ListSelectionState<T>) => void;
     /**
      * (Optional) handler function to load more items.
      */
-    loadMore?: DbxListLoadMoreHandler;
+    readonly loadMore?: DbxListLoadMoreHandler;
     /**
      * Default selection list value. If not defined, will default to 'view'.
      */
-    defaultSelectionMode?: Maybe<DbxListSelectionMode>;
+    readonly defaultSelectionMode?: Maybe<DbxListSelectionMode>;
 }
+export type DbxListComponentScrolledEventPosition = number;
+export declare const DBX_LIST_DEFAULT_SCROLL_DISTANCE = 1.5;
+export declare const DBX_LIST_DEFAULT_THROTTLE_SCROLL = 50;
 /**
  * Used to display a potentially infinitely scrollable list of content.
  *
  * This component is generally wrapped by another component that provides this one configuration.
  */
 export declare class DbxListComponent<T = unknown, V extends DbxListView<T> = DbxListView<T>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnDestroy {
-    readonly cdRef: ChangeDetectorRef;
-    readonly DEFAULT_SCROLL_DISTANCE = 1.5;
-    readonly DEFAULT_THROTTLE_SCROLL = 50;
+    /**
+     * Emitted when content is scrolled.
+     */
+    readonly contentScrolled: import("@angular/core").OutputEmitterRef<number>;
     /**
      * Whether or not to add bottom padding to the list content.
      */
-    padded: boolean;
-    readonly contentScrolled: EventEmitter<number>;
-    private _content;
-    private _disabled;
-    private _selectionMode;
-    private _loadMoreTrigger;
-    private _scrollTrigger;
-    private _config;
-    private _loadMoreSub;
-    private _onClickSub;
-    private _disabledSub;
-    private _selectionModeSub;
-    private _onSelectionChangeSub;
-    readonly context: ListLoadingStateContextInstance<T, S>;
+    readonly padded: import("@angular/core").InputSignal<boolean>;
+    readonly state: import("@angular/core").InputSignal<Maybe<Observable<Maybe<S>>>>;
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxListConfig<T, V>>>;
+    readonly disabled: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly selectionMode: import("@angular/core").InputSignal<Maybe<DbxListSelectionMode>>;
+    private readonly _internalContentSignal;
+    readonly nativeElementSignal: import("@angular/core").Signal<HTMLElement | undefined>;
+    private readonly _loadMoreTrigger;
+    private readonly _scrollTrigger;
+    private readonly _loadMoreSub;
+    private readonly _onClickSub;
+    private readonly _disabledSub;
+    private readonly _selectionModeSub;
+    private readonly _onSelectionChangeSub;
+    readonly currentState$: Observable<Maybe<S>>;
+    readonly context: import("@dereekb/rxjs").MutableListLoadingStateContext<T, S>;
     readonly isEmpty$: Observable<boolean>;
     readonly isEmptyLoading$: Observable<boolean>;
     readonly isEmptyAndNotLoading$: Observable<boolean>;
+    readonly config$: Observable<Maybe<DbxListConfig<T, V>>>;
     readonly disabled$: Observable<boolean>;
     readonly selectionMode$: Observable<Maybe<DbxListSelectionMode>>;
     readonly hideOnEmpty$: Observable<boolean>;
@@ -91,35 +110,20 @@ export declare class DbxListComponent<T = unknown, V extends DbxListView<T> = Db
     readonly loadMore$: Observable<void | DbxListScrollDirectionTrigger>;
     readonly injectedComponentConfig$: Observable<Maybe<DbxInjectionComponentConfig<V>>>;
     readonly hideContent$: Observable<boolean>;
+    readonly infiniteScrollDistanceSignal: import("@angular/core").Signal<number>;
+    readonly infiniteScrollThrottleSignal: import("@angular/core").Signal<number>;
+    readonly hideContentSignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly injectedComponentConfigSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<V>>>;
+    readonly isEmptyAndNotLoadingSignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly isEmptyLoadingSignal: import("@angular/core").Signal<boolean | undefined>;
     ngOnDestroy(): void;
-    get state$(): Observable<S>;
-    set state$(state$: Maybe<Observable<S>>);
-    set config(config: Maybe<DbxListConfig<T, V>>);
-    get disabled(): boolean;
-    set disabled(disabled: Maybe<boolean>);
-    get selectionMode(): Maybe<DbxListSelectionMode>;
-    set selectionMode(selectionMode: Maybe<DbxListSelectionMode>);
     getScrollPositionRelativeToBottom(): number;
     jumpToBottom(): void;
     jumpToPositionRelativeToBottom(pos: number): void;
     onScrollDown(): void;
     onScrollUp(): void;
     loadMore(): void;
-    get nativeElement(): any;
-    get __content(): DbxListInternalContentDirective;
-    set __content(content: DbxListInternalContentDirective);
+    setInternalContent(content: DbxListInternalContentDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListComponent<any, any, any>, "dbx-list", never, { "padded": { "alias": "padded"; "required": false; }; "state$": { "alias": "state$"; "required": false; }; "config": { "alias": "config"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, { "contentScrolled": "contentScrolled"; }, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
-}
-/**
- * Used internally by DbxListComponent
- */
-export declare class DbxListInternalContentDirective {
-    private readonly parent;
-    readonly elementRef: ElementRef<any>;
-    hide: Maybe<boolean>;
-    constructor();
-    onScrollEvent($event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListInternalContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbxListInternalContent]", never, { "hide": { "alias": "hide"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListComponent<any, any, any>, "dbx-list", never, { "padded": { "alias": "padded"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; }, { "contentScrolled": "contentScrolled"; }, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], true, never>;
 }

package/lib/layout/list/list.content.empty.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxListEmptyContentComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListEmptyContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListEmptyContentComponent, "dbx-list-empty-content", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListEmptyContentComponent, "dbx-list-empty-content", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,33 +1,53 @@
-import { ListLoadingState, ObservableOrValue } from '@dereekb/rxjs';
+import { ListLoadingState, ObservableOrValue, MaybeObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { EventEmitter, OnDestroy } from '@angular/core';
+import { OnDestroy, Signal } from '@angular/core';
 import { DbxListConfig } from './list.component';
 import { DbxListSelectionMode, DbxListView, ListSelectionState } from './list.view';
 import { type Maybe } from '@dereekb/util';
 import { DbxListViewWrapper } from './list.wrapper';
 import * as i0 from "@angular/core";
-export declare const DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE = "\n<dbx-list [config]=\"config\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n";
-export declare const DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE = "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n";
+import * as i1 from "./list.component";
+export declare const DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE = "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\n    <ng-content top select=\"[top]\"></ng-content>\n    <ng-content bottom select=\"[bottom]\"></ng-content>\n    <ng-content empty select=\"[empty]\"></ng-content>\n    <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n  </dbx-list>";
+export declare class DbxListWrapperComponentImportsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListWrapperComponentImportsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListWrapperComponentImportsModule, never, [typeof i1.DbxListComponent], [typeof i1.DbxListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxListWrapperComponentImportsModule>;
+}
 export type DbxListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListConfig<T, V>, 'onClick' | 'loadMore'>;
 export declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxListView<T> = DbxListView<T>, C extends DbxListWrapperConfig<T, V> = DbxListWrapperConfig<T, V>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnDestroy, DbxListViewWrapper<T, S> {
-    private readonly _initialConfig;
-    readonly config$: Observable<DbxListConfig<T, V>>;
-    disabled?: Maybe<boolean>;
-    selectionMode?: Maybe<DbxListSelectionMode>;
-    state$?: Maybe<Observable<S>>;
-    readonly clickItem: EventEmitter<T>;
-    readonly loadMore: EventEmitter<void>;
+    private readonly _config;
+    private readonly _stateOverride;
+    private readonly _selectionModeOverride;
+    private readonly _selectionModeOverrideSignal;
+    readonly clickItem: import("@angular/core").OutputEmitterRef<T>;
+    readonly loadMore: import("@angular/core").OutputEmitterRef<void>;
+    readonly disabled: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly selectionMode: import("@angular/core").InputSignal<Maybe<DbxListSelectionMode>>;
+    readonly state: import("@angular/core").InputSignal<Maybe<ObservableOrValue<S>>>;
+    /**
+     * @deprecated use state as the input instead.
+     */
+    readonly deprecatedInputState$: import("@angular/core").InputSignal<Maybe<Observable<S>>>;
+    readonly selectionModeSignal: Signal<Maybe<DbxListSelectionMode>>;
+    readonly currentState$: Observable<Maybe<S>>;
+    readonly config$: Observable<DbxListConfig<T, V> | undefined>;
+    readonly configSignal: Signal<DbxListConfig<T, V> | undefined>;
     constructor(initConfig: ObservableOrValue<C>);
     ngOnDestroy(): void;
+    setState(stateObs: MaybeObservableOrValue<S>): void;
+    setSelectionMode(selectionMode: MaybeObservableOrValue<DbxListSelectionMode>): void;
     protected _buildListConfig(config: C): DbxListConfig<T, V>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "state$": { "alias": "state$"; "required": false; }; }, { "clickItem": "clickItem"; "loadMore": "loadMore"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "deprecatedInputState$": { "alias": "state$"; "required": false; "isSignal": true; }; }, { "clickItem": "clickItem"; "loadMore": "loadMore"; }, never, never, false, never>;
 }
 export type DbxSelectionListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListWrapperConfig<T, V>, 'onSelectionChange'>;
-export declare abstract class AbstractDbxSelectionListWrapperDirective<T, V extends DbxListView<T> = DbxListView<T>, C extends DbxSelectionListWrapperConfig<T, V> = DbxSelectionListWrapperConfig<T, V>, S extends ListLoadingState<T> = ListLoadingState<T>> extends AbstractDbxListWrapperDirective<T, V, C, S> implements OnDestroy {
-    selectionChange: EventEmitter<ListSelectionState<T>>;
-    ngOnDestroy(): void;
+export declare abstract class AbstractDbxSelectionListWrapperDirective<T, V extends DbxListView<T> = DbxListView<T>, C extends DbxSelectionListWrapperConfig<T, V> = DbxSelectionListWrapperConfig<T, V>, S extends ListLoadingState<T> = ListLoadingState<T>> extends AbstractDbxListWrapperDirective<T, V, C, S> {
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<ListSelectionState<T>>;
     protected _buildListConfig(config: C): DbxListConfig<T, V>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSelectionListWrapperDirective<any, any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListWrapperDirective<any, any, any, any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }
+/**
+ * @deprecated update components to use DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION instead of just referencing only the template and DbxListWrapperComponentImportsModule.
+ */
+export declare const DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE = "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\n    <ng-content top select=\"[top]\"></ng-content>\n    <ng-content bottom select=\"[bottom]\"></ng-content>\n    <ng-content empty select=\"[empty]\"></ng-content>\n    <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n  </dbx-list>";

package/lib/layout/list/list.layout.module.d.ts

@@ -1,25 +1,34 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./list.component";
+import * as i1 from "./modifier/list.modifier.module";
 import * as i2 from "./list.content.empty.component";
-import * as i3 from "./list.view.value.component";
-import * as i4 from "./list.grid.view.component";
-import * as i5 from "./list.view.meta.icon.component";
-import * as i6 from "./list.view.value.group.title.directive";
+import * as i3 from "./list.component";
+import * as i4 from "./list.view.value.component";
+import * as i5 from "./grid/list.grid.view.component";
+import * as i6 from "./group/list.view.value.group.title.directive";
 import * as i7 from "./list.view.value.selection.component";
-import * as i8 from "./list.view.value.modifier.directive";
-import * as i9 from "./list.view.value.modifier.ripple.directive";
-import * as i10 from "./list.view.value.modifier.selection.directive";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/material/core";
-import * as i13 from "@ngbracket/ngx-layout";
-import * as i14 from "../../loading/loading.module";
-import * as i15 from "../../router/layout/anchor/anchor.module";
-import * as i16 from "ngx-infinite-scroll";
-import * as i17 from "@dereekb/dbx-core";
-import * as i18 from "@angular/material/list";
-import * as i19 from "@angular/material/icon";
+/**
+ * @deprecated Import the standalone modules instead or DbxListModule.
+ *
+ * @see DbxListModule
+ * @see DbxListComponent
+ * @see DbxListEmptyContentComponent
+ * @see DbxValueListViewComponent
+ * @see DbxValueListViewContentComponent
+ * @see DbxValueListViewContentGroupComponent
+ * @see DbxValueListGridSizeDirective
+ * @see DbxValueListGridViewComponent
+ * @see DbxValueListGridViewContentComponent
+ * @see DbxListViewMetaIconComponent
+ * @see DbxListTitleGroupDirective
+ * @see DbxListTitleGroupHeaderComponent
+ * @see DbxSelectionValueListViewComponent
+ * @see DbxSelectionValueListViewContentComponent
+ * @see DbxValueListItemModifierDirective
+ * @see DbxListItemDisableRippleModifierDirective
+ * @see DbxListItemIsSelectedModifierDirective
+ */
 export declare class DbxListLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListViewContentComponent, typeof i3.DbxValueListViewContentGroupComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridViewContentComponent, typeof i5.DbxListViewMetaIconComponent, typeof i6.DbxListTitleGroupDirective, typeof i6.DbxListTitleGroupHeaderComponent, typeof i7.DbxSelectionValueListViewComponent, typeof i7.DbxSelectionValueListViewContentComponent, typeof i8.DbxValueListItemModifierDirective, typeof i9.DbxListItemDisableRippleModifierDirective, typeof i10.DbxListItemIsSelectedModifierDirective, typeof i1.DbxListInternalContentDirective], [typeof i11.CommonModule, typeof i12.MatRippleModule, typeof i13.FlexLayoutModule, typeof i14.DbxLoadingModule, typeof i15.DbxRouterAnchorModule, typeof i16.InfiniteScrollModule, typeof i17.DbxInjectionComponentModule, typeof i18.MatListModule, typeof i19.MatIconModule], [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListViewContentComponent, typeof i3.DbxValueListViewContentGroupComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridViewContentComponent, typeof i5.DbxListViewMetaIconComponent, typeof i6.DbxListTitleGroupDirective, typeof i6.DbxListTitleGroupHeaderComponent, typeof i7.DbxSelectionValueListViewComponent, typeof i7.DbxSelectionValueListViewContentComponent, typeof i8.DbxValueListItemModifierDirective, typeof i9.DbxListItemDisableRippleModifierDirective, typeof i10.DbxListItemIsSelectedModifierDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, never, [typeof i1.DbxListModifierModule, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxListComponent, typeof i4.DbxValueListViewComponent, typeof i4.DbxValueListViewContentComponent, typeof i4.DbxValueListViewContentGroupComponent, typeof i5.DbxValueListGridSizeDirective, typeof i5.DbxValueListGridViewComponent, typeof i5.DbxValueListGridViewContentComponent, typeof i6.DbxListTitleGroupDirective, typeof i7.DbxSelectionValueListViewComponent, typeof i7.DbxSelectionValueListViewContentComponent], [typeof i1.DbxListModifierModule, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxListComponent, typeof i4.DbxValueListViewComponent, typeof i4.DbxValueListViewContentComponent, typeof i4.DbxValueListViewContentGroupComponent, typeof i5.DbxValueListGridSizeDirective, typeof i5.DbxValueListGridViewComponent, typeof i5.DbxValueListGridViewContentComponent, typeof i6.DbxListTitleGroupDirective, typeof i7.DbxSelectionValueListViewComponent, typeof i7.DbxSelectionValueListViewContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxListLayoutModule>;
 }

package/lib/layout/list/list.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./list.content.empty.component";
+import * as i2 from "./meta/list.view.meta.icon.component";
+import * as i3 from "./group/list.view.value.group.title.directive";
+import * as i4 from "./modifier/list.modifier.module";
+/**
+ * Contains all supporting list components and directives.
+ */
+export declare class DbxListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListModule, never, [typeof i1.DbxListEmptyContentComponent, typeof i2.DbxListViewMetaIconComponent, typeof i3.DbxListTitleGroupDirective, typeof i4.DbxListModifierModule], [typeof i1.DbxListEmptyContentComponent, typeof i2.DbxListViewMetaIconComponent, typeof i3.DbxListTitleGroupDirective, typeof i4.DbxListModifierModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxListModule>;
+}

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

@@ -1,15 +1,15 @@
 import { Observable } from 'rxjs';
 import { ListLoadingState, ListLoadingStateContext } from '@dereekb/rxjs';
-import { EventEmitter, Provider, TrackByFunction, Type } from '@angular/core';
+import { OutputEmitterRef, Provider, TrackByFunction, Type } from '@angular/core';
 import { type Maybe } from '@dereekb/util';
 export type DbxListSelectionMode = 'select' | 'view';
 export interface ListSelectionStateItem<T> {
-    disabled?: boolean;
-    selected?: boolean;
-    itemValue: T;
+    readonly disabled?: boolean;
+    readonly selected?: boolean;
+    readonly itemValue: T;
 }
 export interface ListSelectionState<T> {
-    items: ListSelectionStateItem<T>[];
+    readonly items: ListSelectionStateItem<T>[];
 }
 /**
  * Interface for a view that renders the items of a DbxList.
@@ -30,19 +30,19 @@ export declare abstract class DbxListView<T, S extends ListLoadingState<T> = Lis
     /**
      * Track by configuration.
      */
-    abstract trackBy?: TrackByFunction<T>;
+    abstract readonly trackBy$?: Observable<Maybe<TrackByFunction<T>>>;
     /**
      * (Optional) clicked event emitter.
      *
      * If available, the DbxList will subscribe to it automatically.
      */
-    abstract clickValue?: EventEmitter<T>;
+    abstract clickValue?: OutputEmitterRef<T>;
     /**
      * (Optional) selection changed event emitter.
      *
      * If available, the DbxList will subscribe to it automatically.
      */
-    abstract selectionChange?: EventEmitter<ListSelectionState<T>>;
+    abstract selectionChange?: OutputEmitterRef<ListSelectionState<T>>;
     /**
      * Sets the models input loading state context for the view to render from.
      */

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

@@ -1,6 +1,6 @@
-import { ListLoadingStateContext } from '@dereekb/rxjs';
+import { ListLoadingStateContext, MaybeObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { EventEmitter, OnDestroy, TrackByFunction } from '@angular/core';
+import { OnDestroy, TrackByFunction } from '@angular/core';
 import { DbxListSelectionMode, DbxListView } from './list.view';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
@@ -8,22 +8,27 @@ import * as i0 from "@angular/core";
  * Abstract DbxListView implementation.
  */
 export declare abstract class AbstractDbxListViewDirective<T> implements DbxListView<T>, OnDestroy {
+    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 _values$;
-    readonly trackBy?: TrackByFunction<T> | undefined;
+    private readonly _valuesOverride;
+    readonly trackBy$: Observable<Maybe<TrackByFunction<T>>>;
+    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: EventEmitter<T>;
-    set valueArray(values: Maybe<T[]>);
-    set values(values: Maybe<Observable<T[]>>);
+    readonly clickValue: import("@angular/core").OutputEmitterRef<T>;
     ngOnDestroy(): void;
     onClickValue(value: T): void;
     setListContext(state: ListLoadingStateContext<T>): void;
-    setValues(valuesObs: Maybe<Observable<T[]>>): void;
+    setValues(values: MaybeObservableOrValue<T[]>): void;
     setDisabled(disabled: boolean): void;
     setSelectionMode(selectionMode: Maybe<DbxListSelectionMode>): void;
+    setTrackBy(trackBy: Maybe<TrackByFunction<T>>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListViewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListViewDirective<any>, never, never, { "valueArray": { "alias": "valueArray"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "clickValue": "clickValue"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListViewDirective<any>, never, never, { "valuesArray": { "alias": "valuesArray"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, { "clickValue": "clickValue"; }, never, never, false, never>;
 }

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

@@ -1,16 +1,25 @@
-import { EventEmitter } from '@angular/core';
 import { MatSelectionListChange } from '@angular/material/list';
 import { ListSelectionState } from './list.view';
 import { AbstractDbxListViewDirective } from './list.view.directive';
 import * as i0 from "@angular/core";
-export declare const DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE = "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>";
+import * as i1 from "./list.view.value.selection.component";
+export declare const DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE = "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>";
+export declare class DbxSelectionValueListViewComponentImportsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListViewComponentImportsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxSelectionValueListViewComponentImportsModule, never, [typeof i1.DbxSelectionValueListViewComponent], [typeof i1.DbxSelectionValueListViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxSelectionValueListViewComponentImportsModule>;
+}
 /**
  * Abstract list view that has a pre-built-in selection change event for an Angular Material MatSelectionListChange.
  */
 export declare abstract class AbstractDbxSelectionListViewDirective<T> extends AbstractDbxListViewDirective<T> {
-    readonly selectionChange: EventEmitter<ListSelectionState<T>>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<ListSelectionState<T>>;
     selectionChanged(selection: ListSelectionState<T>): void;
     matSelectionChanged(selection: MatSelectionListChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSelectionListViewDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListViewDirective<any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }
+/**
+ * @deprecated use DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE instead and import DbxSelectionValueListViewComponentImportsModule
+ */
+export declare const DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE = "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>";

package/lib/layout/list/list.view.value.component.d.ts

@@ -1,63 +1,56 @@
-import { ChangeDetectorRef, TrackByFunction } from '@angular/core';
+import { Signal, TrackByFunction } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DbxValueListItem, AbstractDbxValueListViewConfig, DbxValueListItemConfig } from './list.view.value';
 import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { DbxListView } from './list.view';
 import { Maybe } from '@dereekb/util';
-import { DbxValueListItemGroup, DbxValueListViewGroupDelegate } from './list.view.value.group';
+import { DbxValueListItemGroup } from './group/list.view.value.group';
 import * as i0 from "@angular/core";
 export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewConfig<T, I, V> {
-    emitAllClicks?: boolean;
+    readonly emitAllClicks?: boolean;
 }
 /**
- * Renders a list view using input configuration. Requires a parent DbxListView.
+ * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
-export declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
-    readonly emitAllClicks$: Observable<boolean | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewComponent<any, any, any, any>, "dbx-list-view", never, {}, {}, never, never, false, never>;
+export declare class DbxValueListViewContentGroupComponent<G, T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
+    readonly dbxValueListViewContentComponent: DbxValueListViewContentComponent<T, DbxValueListItem<T, unknown>>;
+    readonly group: import("@angular/core").InputSignal<Maybe<DbxValueListItemGroup<G, T, I, unknown, unknown>>>;
+    readonly trackByFunctionSignal: Signal<TrackByFunction<any> | ((index: number, item: DbxValueListItemConfig<T, DbxValueListItem<T, unknown>>) => any)>;
+    readonly itemsSignal: Signal<DbxValueListItemConfig<T, I>[]>;
+    readonly headerConfigSignal: Signal<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;
+    readonly footerConfigSignal: Signal<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;
+    readonly cssClassSignal: Signal<string>;
+    onClickItem(item: I): void;
+    onClickValue(value: T): void;
+    rippleDisabledOnItem(item: I): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, "dbx-list-view-content-group", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export declare const DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION: TrackByFunction<any>;
 /**
  * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
 export declare class DbxValueListViewContentComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
-    readonly dbxListView: DbxListView<T, import("@dereekb/rxjs").ListLoadingState<T>>;
-    readonly _dbxListGroupDelegate: DbxValueListViewGroupDelegate<any, T, I>;
-    private _items;
+    readonly dbxListView: DbxListView<any, any>;
+    private readonly _dbxListGroupDelegate;
+    private readonly _trackBy$;
+    readonly trackBy$: Observable<(index: number, item: DbxValueListItemConfig<T, I>) => any>;
+    readonly items: import("@angular/core").InputSignal<Maybe<DbxValueListItemConfig<T, I>[]>>;
+    readonly emitAllClicks: import("@angular/core").InputSignal<Maybe<boolean>>;
     readonly groups$: Observable<DbxValueListItemGroup<any, T, I>[]>;
-    emitAllClicks?: Maybe<boolean>;
-    readonly disabled$: Observable<boolean>;
-    readonly trackByFunction: TrackByFunction<DbxValueListItemConfig<T, I>>;
-    readonly trackGroupByFunction: TrackByFunction<DbxValueListItemGroup<any, T, I>>;
-    constructor();
-    ngOnDestroy(): void;
-    get items(): Maybe<DbxValueListItemConfig<T, I>[]>;
-    set items(items: Maybe<DbxValueListItemConfig<T, I>[]>);
+    readonly groupsSignal: Signal<DbxValueListItemGroup<any, T, I, unknown, unknown>[] | undefined>;
+    readonly disabledSignal: Signal<boolean | undefined>;
     onClickItem(item: I): void;
     onClickValue(value: T): void;
     rippleDisabledOnItem(item: I): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewContentComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentComponent<any, any>, "dbx-list-view-content", never, { "emitAllClicks": { "alias": "emitAllClicks"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentComponent<any, any>, "dbx-list-view-content", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "emitAllClicks": { "alias": "emitAllClicks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
- * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
+ * Renders a list view using input configuration. Requires a parent DbxListView.
  */
-export declare class DbxValueListViewContentGroupComponent<G, T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
-    readonly dbxValueListViewContentComponent: DbxValueListViewContentComponent<T, DbxValueListItem<T, unknown>>;
-    readonly cdRef: ChangeDetectorRef;
-    private _group;
-    private _cssClasses;
-    get cssClasses(): Maybe<string>;
-    get items(): Maybe<DbxValueListItemConfig<T, I>[]>;
-    get headerConfig(): Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>;
-    get footerConfig(): Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>;
-    readonly disabled$: Observable<boolean>;
-    readonly trackByFunction: TrackByFunction<DbxValueListItemConfig<T, I>>;
-    get group(): Maybe<DbxValueListItemGroup<G, T, I>>;
-    set group(group: Maybe<DbxValueListItemGroup<G, T, I>>);
-    onClickItem(item: I): void;
-    onClickValue(value: T): void;
-    rippleDisabledOnItem(item: I): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, "dbx-list-view-content-group", never, { "group": { "alias": "group"; "required": false; }; }, {}, never, never, false, never>;
+export declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
+    readonly emitAllClicksSignal: Signal<Maybe<boolean>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewComponent<any, any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewComponent<any, any, any, any>, "dbx-list-view", never, {}, {}, never, never, true, never>;
 }

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

@@ -28,9 +28,12 @@ export declare function dbxValueListItemDecisionFunction<T>(decisionFunction: De
 export type DbxValueAsListItem<T> = T & Omit<DbxValueListItem<DbxValueListItem<T>>, 'itemValue'>;
 export interface AbstractDbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends DbxInjectionComponentConfig<V> {
     mapValuesToItemValues?(values: T[]): Observable<I[]>;
+    /**
+     * @see DbxListViewMetaIconComponent.metaConfig()
+     */
     metaConfig?: DbxInjectionComponentConfig<any>;
 }
-export declare const DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES: <T, I extends DbxValueListItem<T, unknown>>(itemValues: T[]) => Observable<I[]>;
+export declare const DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES: <T, I extends DbxValueListItem<T>>(itemValues: T[]) => Observable<I[]>;
 export type DbxValueListItemConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> = I & {
     config: DbxInjectionComponentConfig<V>;
     metaConfig?: DbxInjectionComponentConfig<any>;

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

@@ -1,5 +1,4 @@
 import { Maybe, ModifierFunction } from '@dereekb/util';
-import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DbxListView } from './list.view';
 import { AbstractDbxValueListViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListView } from './list.view.value';
@@ -8,16 +7,15 @@ import * as i0 from "@angular/core";
 /**
  * Abstract list directive that takes in items and a AbstractDbxValueItemListViewConfig configuration.
  */
-export declare abstract class AbstractDbxValueListViewDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends AbstractDbxValueListViewConfig<T, I, V> = AbstractDbxValueListViewConfig<T, I, V>> implements DbxValueListView<T, I>, OnDestroy {
-    readonly dbxListView: DbxListView<T, import("@dereekb/rxjs").ListLoadingState<T>>;
+export declare abstract class AbstractDbxValueListViewDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends AbstractDbxValueListViewConfig<T, I, V> = AbstractDbxValueListViewConfig<T, I, V>> implements DbxValueListView<T, I> {
+    readonly dbxListView: DbxListView<any, any>;
     readonly dbxValueListViewModifier: DbxValueListItemModifier<T, I> | null;
-    private _config;
+    readonly config: import("@angular/core").InputSignal<C>;
     readonly config$: Observable<C>;
     readonly modifyFn$: Observable<Maybe<ModifierFunction<I>>>;
     readonly items$: Observable<DbxValueListItemConfig<T, I>[]>;
-    ngOnDestroy(): void;
-    set config(config: Maybe<C>);
+    readonly itemsSignal: import("@angular/core").Signal<DbxValueListItemConfig<T, I>[] | undefined>;
     onClickValue(value: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, never, never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }