@dereekb/dbx-form 11.1.8 → 12.0.0

package/lib/extension/calendar/_calendar.scss

@@ -151,9 +151,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-calendar') {
-    $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/form/_form.scss

@@ -14,9 +14,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-form') {
-    $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/form/action/form.action.directive.d.ts

@@ -1,12 +1,12 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
-import { DbxActionContextStoreSourceInstance, DbxActionValueOnTriggerResult } from '@dereekb/dbx-core';
-import { LockSet, IsModifiedFunction, IsValidFunction, ObservableOrValue } from '@dereekb/rxjs';
+import { DbxActionContextStoreSourceInstance, DbxActionValueGetterResult } from '@dereekb/dbx-core';
+import { LockSet, IsModifiedFunction, IsValidFunction, ObservableOrValue, IsEqualFunction } from '@dereekb/rxjs';
 import { DbxMutableForm } from '../../form/form';
-import { MapFunction } from '@dereekb/util';
+import { IsModified, IsValid, MapFunction, Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare const APP_ACTION_FORM_DISABLED_KEY = "dbx_action_form";
-export type DbxActionFormMapValueFunction<T, O> = MapFunction<T, ObservableOrValue<DbxActionValueOnTriggerResult<O>>>;
+export type DbxActionFormMapValueFunction<T, O> = MapFunction<T, ObservableOrValue<DbxActionValueGetterResult<O>>>;
 /**
  * Used with an action to bind a form to an action as it's value source.
  *
@@ -18,30 +18,49 @@ export declare class DbxActionFormDirective<T = object, O = T> implements OnInit
     readonly form: DbxMutableForm<any>;
     readonly source: DbxActionContextStoreSourceInstance<O, unknown>;
     readonly lockSet: LockSet;
+    /**
+     * Whether or not to disable the form while the action is working.
+     *
+     * Defaults to true.
+     */
+    readonly dbxActionFormDisabledOnWorking: import("@angular/core").InputSignal<Maybe<boolean>>;
     /**
      * Optional validator that checks whether or not the value is
      * ready to send before the context store is marked enabled.
      */
-    dbxActionFormValidator?: IsValidFunction<T>;
+    readonly dbxActionFormIsValid: import("@angular/core").InputSignal<Maybe<IsValidFunction<T>>>;
+    /**
+     * Optional function that checks whether or not the value is still the same/equal.
+     */
+    readonly dbxActionFormIsEqual: import("@angular/core").InputSignal<Maybe<IsEqualFunction<T>>>;
     /**
      * Optional function that checks whether or not the value has been modified.
+     *
+     * If dbxActionFormIsEqual is provided, this will be ignored.
      */
-    dbxActionFormModified?: IsModifiedFunction<T>;
+    readonly dbxActionFormIsModified: import("@angular/core").InputSignal<Maybe<IsModifiedFunction<T>>>;
     /**
      * Optional function that maps the form's value to the source's value.
      */
-    dbxActionFormMapValue?: DbxActionFormMapValueFunction<T, O>;
-    private _formDisabledWhileWorking;
-    private _triggeredSub;
-    private _isCompleteSub;
-    private _isWorkingSub;
+    readonly dbxActionFormMapValue: import("@angular/core").InputSignal<Maybe<DbxActionFormMapValueFunction<T, O>>>;
+    readonly dbxActionFormDisabledOnWorking$: Observable<Maybe<boolean>>;
+    readonly isValidFunction$: Observable<IsValidFunction<T>>;
+    readonly isModifiedFunction$: Observable<IsModifiedFunction<T>>;
+    readonly mapValueFunction$: Observable<Maybe<DbxActionFormMapValueFunction<T, O>>>;
+    private readonly _triggeredSub;
+    private readonly _isCompleteSub;
+    private readonly _isWorkingSub;
     constructor();
-    get formDisabledOnWorking(): boolean;
-    set formDisabledOnWorking(formDisabledOnWorking: boolean);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    protected preCheckReadyValue(value: T): Observable<boolean>;
-    protected readyValue(value: T): Observable<DbxActionValueOnTriggerResult<O>>;
+    checkIsValidAndIsModified(value: T, overrides?: CheckValidAndModifiedOverrides<T>): Observable<[IsValid, IsModified]>;
+    protected preCheckReadyValue(value: T): Observable<[IsValid, IsModified]>;
+    protected readyValue(value: T): Observable<DbxActionValueGetterResult<O>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any, any>, "[dbxActionForm]", never, { "dbxActionFormValidator": { "alias": "dbxActionFormValidator"; "required": false; }; "dbxActionFormModified": { "alias": "dbxActionFormModified"; "required": false; }; "dbxActionFormMapValue": { "alias": "dbxActionFormMapValue"; "required": false; }; "formDisabledOnWorking": { "alias": "formDisabledOnWorking"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any, any>, "[dbxActionForm]", never, { "dbxActionFormDisabledOnWorking": { "alias": "dbxActionFormDisabledOnWorking"; "required": false; "isSignal": true; }; "dbxActionFormIsValid": { "alias": "dbxActionFormIsValid"; "required": false; "isSignal": true; }; "dbxActionFormIsEqual": { "alias": "dbxActionFormIsEqual"; "required": false; "isSignal": true; }; "dbxActionFormIsModified": { "alias": "dbxActionFormIsModified"; "required": false; "isSignal": true; }; "dbxActionFormMapValue": { "alias": "dbxActionFormMapValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+interface CheckValidAndModifiedOverrides<T> {
+    isModifiedFunction?: Maybe<IsModifiedFunction<T>>;
+    isValidFunction?: Maybe<IsValidFunction<T>>;
 }
+export {};

package/lib/form/action/form.action.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form.action.directive";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/dialog";
+/**
+ * @deprecated Import DbxActionFormDirective directly instead.
+ */
 export declare class DbxFormActionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormActionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormActionModule, [typeof i1.DbxActionFormDirective], [typeof i2.CommonModule, typeof i3.MatDialogModule], [typeof i1.DbxActionFormDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormActionModule, never, [typeof i1.DbxActionFormDirective], [typeof i1.DbxActionFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormActionModule>;
 }

package/lib/form/action/transition/form.action.transition.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form.action.transition.safety.directive";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated import DbxActionFormSafetyDirective directly
+ */
 export declare class DbxFormActionTransitionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormActionTransitionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormActionTransitionModule, [typeof i1.DbxActionFormSafetyDirective], [typeof i2.CommonModule], [typeof i1.DbxActionFormSafetyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormActionTransitionModule, never, [typeof i1.DbxActionFormSafetyDirective], [typeof i1.DbxActionFormSafetyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormActionTransitionModule>;
 }

package/lib/form/action/transition/form.action.transition.safety.directive.d.ts

@@ -9,8 +9,10 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxActionFormSafetyDirective<T, O> extends DbxActionTransitionSafetyDirective<T, O> {
     readonly dbxActionForm: DbxActionFormDirective<T, T>;
-    inputSafetyType?: DbxActionTransitionSafetyType;
+    readonly dbxActionFormSafety: import("@angular/core").InputSignal<DbxActionTransitionSafetyType>;
+    protected readonly _dbxActionFormSafetyUpdateEffect: import("@angular/core").EffectRef;
     protected _handleOnBeforeTransition(transition: Transition): HookResult;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormSafetyDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormSafetyDirective<any, any>, "[dbxActionFormSafety]", never, { "inputSafetyType": { "alias": "dbxActionFormSafety"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormSafetyDirective<any, any>, "[dbxActionFormSafety]", never, { "dbxActionFormSafety": { "alias": "dbxActionFormSafety"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/form/io/form.changes.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
 import { DbxForm } from '../form';
@@ -10,9 +10,8 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxFormValueChangesDirective<T> extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
     readonly form: DbxForm<any>;
-    readonly dbxFormValueChange: EventEmitter<Maybe<T>>;
+    readonly dbxFormValueChange: import("@angular/core").OutputEmitterRef<Maybe<T>>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormValueChangesDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormValueChangesDirective<any>, "[dbxFormValueChange]", never, {}, { "dbxFormValueChange": "dbxFormValueChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormValueChangesDirective<any>, "[dbxFormValueChange]", never, {}, { "dbxFormValueChange": "dbxFormValueChange"; }, never, never, true, never>;
 }

package/lib/form/io/form.input.directive.d.ts

@@ -5,8 +5,8 @@ import { DbxFormStateRef, DbxMutableForm } from '../form';
 import { type Maybe } from '@dereekb/util';
 import { ObservableOrValue } from '@dereekb/rxjs';
 import * as i0 from "@angular/core";
-export declare function dbxFormSourceObservable<T>(form: DbxMutableForm, inputObs: ObservableOrValue<T>, mode$: Observable<DbxFormSourceDirectiveMode>): Observable<T>;
-export declare function dbxFormSourceObservableFromStream<T>(stream$: Observable<DbxFormStateRef>, inputObs: ObservableOrValue<T>, mode$: Observable<DbxFormSourceDirectiveMode>): Observable<T>;
+export declare function dbxFormSourceObservable<T>(form: DbxMutableForm, inputObs: ObservableOrValue<T>, modeObs: Observable<DbxFormSourceDirectiveMode>): Observable<T>;
+export declare function dbxFormSourceObservableFromStream<T>(streamObs: Observable<DbxFormStateRef>, inputObs: ObservableOrValue<T>, modeObs: ObservableOrValue<DbxFormSourceDirectiveMode>): Observable<T>;
 /**
  * DbxFormSourceDirective modes that define when to copy data from the source.
  *
@@ -18,14 +18,11 @@ export type DbxFormSourceDirectiveMode = 'reset' | 'always' | 'every';
 /**
  * Used with a FormComponent to set the value based on the input value.
  */
-export declare class DbxFormSourceDirective<T> extends AbstractSubscriptionDirective implements OnDestroy {
+export declare class DbxFormSourceDirective<T = unknown> extends AbstractSubscriptionDirective implements OnDestroy {
     readonly form: DbxMutableForm<any>;
-    private readonly _mode;
-    get mode(): DbxFormSourceDirectiveMode;
-    set mode(mode: DbxFormSourceDirectiveMode);
-    set obs(obs: Maybe<ObservableOrValue<Maybe<Partial<T>>>>);
-    private setObs;
-    ngOnDestroy(): void;
+    readonly dbxFormSourceMode: import("@angular/core").InputSignal<Maybe<DbxFormSourceDirectiveMode>>;
+    readonly dbxFormSource: import("@angular/core").InputSignal<Maybe<ObservableOrValue<Maybe<Partial<T>>>>>;
+    protected readonly _setFormSourceObservableEffect: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSourceDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormSourceDirective<any>, "[dbxFormSource]", never, { "mode": { "alias": "dbxFormSourceMode"; "required": false; }; "obs": { "alias": "dbxFormSource"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormSourceDirective<any>, "[dbxFormSource]", never, { "dbxFormSourceMode": { "alias": "dbxFormSourceMode"; "required": false; "isSignal": true; }; "dbxFormSource": { "alias": "dbxFormSource"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/form/io/form.io.module.d.ts

@@ -2,9 +2,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "./form.input.directive";
 import * as i2 from "./form.changes.directive";
 import * as i3 from "./form.loading.directive";
-import * as i4 from "@angular/common";
+/**
+ * @deprecated import the directives directly instead.
+ *
+ * @see DbxFormSourceDirective
+ * @see DbxFormValueChangesDirective
+ * @see DbxFormLoadingSourceDirective
+ */
 export declare class DbxFormIoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormIoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormIoModule, [typeof i1.DbxFormSourceDirective, typeof i2.DbxFormValueChangesDirective, typeof i3.DbxFormLoadingSourceDirective], [typeof i4.CommonModule], [typeof i1.DbxFormSourceDirective, typeof i2.DbxFormValueChangesDirective, typeof i3.DbxFormLoadingSourceDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormIoModule, never, [typeof i1.DbxFormSourceDirective, typeof i2.DbxFormValueChangesDirective, typeof i3.DbxFormLoadingSourceDirective], [typeof i1.DbxFormSourceDirective, typeof i2.DbxFormValueChangesDirective, typeof i3.DbxFormLoadingSourceDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormIoModule>;
 }

package/lib/form/io/form.loading.directive.d.ts

@@ -2,23 +2,22 @@ import { Observable } from 'rxjs';
 import { OnDestroy } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { DbxMutableForm } from '../../form/form';
-import { LoadingState } from '@dereekb/rxjs';
+import { LoadingState, MaybeObservableOrValue } from '@dereekb/rxjs';
 import { DbxFormSourceDirectiveMode } from './form.input.directive';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Used with a FormComponent to set the value from a LoadingState when the value is available.
+ *
+ * Only passes non-null values from the source.
  */
 export declare class DbxFormLoadingSourceDirective<T extends object = object> extends AbstractSubscriptionDirective implements OnDestroy {
     readonly form: DbxMutableForm<any>;
-    private readonly _mode;
-    get mode(): DbxFormSourceDirectiveMode;
-    set mode(mode: DbxFormSourceDirectiveMode);
-    /**
-     * Sets a LoadingContext that is watched for the loading state.
-     */
-    set obs(obs: Observable<LoadingState<T>>);
-    private _setObs;
-    ngOnDestroy(): void;
+    readonly dbxFormLoadingSourceMode: import("@angular/core").InputSignalWithTransform<DbxFormSourceDirectiveMode, Maybe<DbxFormSourceDirectiveMode>>;
+    readonly dbxFormLoadingSource: import("@angular/core").InputSignal<MaybeObservableOrValue<LoadingState<T>>>;
+    readonly mode$: Observable<DbxFormSourceDirectiveMode>;
+    readonly source$: Observable<Maybe<T>>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormLoadingSourceDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormLoadingSourceDirective<any>, "[dbxFormLoadingSource]", never, { "mode": { "alias": "dbxFormLoadingSourceMode"; "required": false; }; "obs": { "alias": "dbxFormLoadingSource"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormLoadingSourceDirective<any>, "[dbxFormLoadingSource]", never, { "dbxFormLoadingSourceMode": { "alias": "dbxFormLoadingSourceMode"; "required": false; "isSignal": true; }; "dbxFormLoadingSource": { "alias": "dbxFormLoadingSource"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/form.providers.d.ts

@@ -0,0 +1,8 @@
+import { EnvironmentProviders } from '@angular/core';
+import { DateTimePresetConfiguration } from './formly';
+import { Maybe } from '@dereekb/util';
+export interface ProvideDbxFormConfigurationConfig {
+    readonly provideDateAdapter?: boolean;
+    readonly defaultDateTimePresets?: Maybe<DateTimePresetConfiguration[]>;
+}
+export declare function provideDbxFormConfiguration(config?: ProvideDbxFormConfigurationConfig): EnvironmentProviders;

package/lib/formly/_formly.scss

@@ -20,9 +20,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-formly') {
-    $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/formly/field/checklist/_checklist.scss

@@ -58,9 +58,9 @@ $dbx-checklist-item-spacing: 8px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-checklist') {
-    $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/formly/field/checklist/checklist.field.d.ts

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import { FormlyFieldConfig } from '@ngx-formly/core';
-import { ChecklistItemDisplayContent, ChecklistItemFieldDisplayContentObs } from './checklist.item';
+import { ChecklistItemDisplayContent } from './checklist.item';
 import { KeyValueTransformMap, type Maybe } from '@dereekb/util';
 import { ChecklistItemFieldBuilderInput } from './checklist.item.field';
 export type ChecklistItemFieldDataSetFieldKey<D> = keyof D & string;
@@ -13,17 +13,17 @@ export interface ChecklistItemFieldDataSetItem<D, T extends ChecklistType<D>> {
     /**
      * Key for the field.
      */
-    key: ChecklistItemFieldDataSetFieldKey<T>;
+    readonly key: ChecklistItemFieldDataSetFieldKey<T>;
     /**
      * Base field configuration to use.
      */
-    field: ChecklistItemFieldBuilderInput<T>;
+    readonly field: ChecklistItemFieldBuilderInput<T>;
 }
 /**
  * Used for building a set of configurations for a data-type object that has as second object that is used as a checklist.
  */
 export declare class ChecklistItemFieldDataSetBuilder<D extends object, C extends ChecklistType<D> = ChecklistType<D>> {
-    private _fields;
+    private readonly _fields;
     readonly dataObs$: Observable<D>;
     constructor(dataObs: Observable<D>);
     /**
@@ -38,7 +38,7 @@ export declare class ChecklistItemFieldDataSetBuilder<D extends object, C extend
     showValueField<T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(key: ChecklistItemFieldDataSetFieldKey<D>, config?: Partial<ChecklistItemFieldDataSetBuilderInput<D, T>>, labelFn?: (value: T) => Maybe<string>): void;
     field<T>(config: ChecklistItemFieldDataSetBuilderInput<D, T>): void;
     build(): FormlyFieldConfig[];
-    customContentFromData<T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(mapFn: (data: D) => ChecklistItemDisplayContent<T>): ChecklistItemFieldDisplayContentObs<T>;
-    contentWithValueFromData<K extends keyof D = keyof D, T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(key: K, contentFn?: (value: T) => ChecklistItemDisplayContent<T>): ChecklistItemFieldDisplayContentObs<T>;
-    contentWithDisplayValueFromData<T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(key: ChecklistItemFieldDataSetFieldKey<D>, labelFn?: (value: T) => Maybe<string>): ChecklistItemFieldDisplayContentObs<T>;
+    customContentFromData<T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(mapFn: (data: D) => ChecklistItemDisplayContent<T>): Observable<ChecklistItemDisplayContent<T>>;
+    contentWithValueFromData<K extends keyof D = keyof D, T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(key: K, contentFn?: (value: T) => ChecklistItemDisplayContent<T>): Observable<ChecklistItemDisplayContent<T>>;
+    contentWithDisplayValueFromData<T extends ChecklistItemFieldDataSetFieldValueForKey<D> = ChecklistItemFieldDataSetFieldValueForKey<D>>(key: ChecklistItemFieldDataSetFieldKey<D>, labelFn?: (value: T) => Maybe<string>): Observable<ChecklistItemDisplayContent<T>>;
 }

package/lib/formly/field/checklist/checklist.item.d.ts

@@ -1,31 +1,30 @@
 import { ClickableAnchor } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
-import { Observable } from 'rxjs';
 export interface ChecklistItemDisplayContent<T = unknown> {
     /**
      * Label to display.
      */
-    label?: Maybe<string>;
+    readonly label?: Maybe<string>;
     /**
      * Secondary label/value to display. May be used as the string value.
      */
-    sublabel?: Maybe<string>;
+    readonly sublabel?: Maybe<string>;
     /**
      * Hint/description to display.
      */
-    description?: Maybe<string>;
+    readonly description?: Maybe<string>;
     /**
      * Whether or not to display the ripple. Is true by default if the anchor is present.
      */
-    ripple?: Maybe<boolean>;
+    readonly ripple?: Maybe<boolean>;
     /**
      * Optional anchor to apply on the visible content.
      */
-    anchor?: Maybe<ClickableAnchor>;
+    readonly anchor?: Maybe<ClickableAnchor>;
     /**
      * Value metadata. How it is used depends on the display component used.
      */
-    meta?: Maybe<T>;
+    readonly meta?: Maybe<T>;
 }
 /**
  * Component used for rendering checklist content.
@@ -33,6 +32,5 @@ export interface ChecklistItemDisplayContent<T = unknown> {
  * Content is injected.
  */
 export interface ChecklistItemFieldDisplayComponent<T = unknown> {
-    displayContent?: ChecklistItemDisplayContent<T>;
+    setDisplayContent(displayContent: ChecklistItemDisplayContent<T>): void;
 }
-export type ChecklistItemFieldDisplayContentObs<T = unknown> = Observable<ChecklistItemDisplayContent<T>>;

package/lib/formly/field/checklist/checklist.item.field.component.d.ts

@@ -1,25 +1,34 @@
-import { ChangeDetectorRef, OnDestroy, OnInit, Type } from '@angular/core';
+import { OnInit, Type } from '@angular/core';
 import { DbxInjectionComponentConfig, AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { Observable } from 'rxjs';
 import { ValidationErrors, FormGroup } from '@angular/forms';
 import { FieldType, FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
-import { ChecklistItemFieldDisplayComponent, ChecklistItemFieldDisplayContentObs } from './checklist.item';
+import { ChecklistItemFieldDisplayComponent, ChecklistItemDisplayContent } from './checklist.item';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
+export declare class DbxChecklistItemContentComponent<T = unknown> extends AbstractSubscriptionDirective {
+    readonly checklistItemFieldComponent: DbxChecklistItemFieldComponent<any>;
+    readonly config: DbxInjectionComponentConfig<ChecklistItemFieldDisplayComponent<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxChecklistItemContentComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemContentComponent<any>, "dbx-checklist-item-content-component", never, {}, {}, never, never, true, never>;
+}
 export interface DbxChecklistItemFieldProps<T = unknown> extends FormlyFieldProps {
     /**
      * Observable used to retrieve content to display for the item.
      */
-    displayContentObs: ChecklistItemFieldDisplayContentObs<T>;
+    readonly displayContent: Observable<ChecklistItemDisplayContent<T>>;
     /**
      * Custom component class to use by default.
      */
-    componentClass?: Type<ChecklistItemFieldDisplayComponent<T>>;
+    readonly componentClass?: Type<ChecklistItemFieldDisplayComponent<T>>;
 }
-export declare class DbxChecklistItemFieldComponent<T = unknown> extends FieldType<FieldTypeConfig<DbxChecklistItemFieldProps<T>>> implements OnInit, OnDestroy {
-    private readonly _displayContent;
-    readonly displayContent$: import("rxjs").Observable<import("./checklist.item").ChecklistItemDisplayContent<T>>;
-    readonly anchor$: import("rxjs").Observable<Maybe<import("@dereekb/dbx-core").ClickableAnchor>>;
-    readonly rippleDisabled$: import("rxjs").Observable<boolean>;
+export declare class DbxChecklistItemFieldComponent<T = unknown> extends FieldType<FieldTypeConfig<DbxChecklistItemFieldProps<T>>> implements OnInit {
+    private readonly _displayContentObs;
+    readonly displayContent$: Observable<ChecklistItemDisplayContent<T>>;
+    readonly anchor$: Observable<Maybe<import("@dereekb/dbx-core").ClickableAnchor>>;
+    readonly rippleDisabled$: Observable<boolean>;
+    readonly anchorSignal: import("@angular/core").Signal<Maybe<import("@dereekb/dbx-core").ClickableAnchor>>;
+    readonly rippleDisabledSignal: import("@angular/core").Signal<boolean>;
     get formGroup(): FormGroup;
     get formControlName(): string;
     get label(): Maybe<string>;
@@ -29,14 +38,6 @@ export declare class DbxChecklistItemFieldComponent<T = unknown> extends FieldTy
     get errors(): Maybe<ValidationErrors>;
     get componentClass(): Type<ChecklistItemFieldDisplayComponent<T>>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxChecklistItemFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
-}
-export declare class DbxChecklistItemContentComponent<T = unknown> extends AbstractSubscriptionDirective {
-    readonly cdRef: ChangeDetectorRef;
-    readonly checklistItemFieldComponent: DbxChecklistItemFieldComponent<T>;
-    readonly config: DbxInjectionComponentConfig<ChecklistItemFieldDisplayComponent<T>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxChecklistItemContentComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemContentComponent<any>, "dbx-checklist-item-content-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/checklist/checklist.item.field.content.default.component.d.ts

@@ -1,10 +1,10 @@
 import { ChecklistItemDisplayContent, ChecklistItemFieldDisplayComponent } from './checklist.item';
+import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare class DbxDefaultChecklistItemFieldDisplayComponent<T = unknown> implements ChecklistItemFieldDisplayComponent<T> {
-    displayContent: ChecklistItemDisplayContent<T>;
-    get label(): import("dist/packages/util/src").Maybe<string>;
-    get sublabel(): import("dist/packages/util/src").Maybe<string>;
-    get description(): import("dist/packages/util/src").Maybe<string>;
+    readonly _displayContentSignal: import("@angular/core").WritableSignal<Maybe<ChecklistItemDisplayContent<T>>>;
+    readonly displayContentSignal: import("@angular/core").Signal<Maybe<ChecklistItemDisplayContent<T>>>;
+    setDisplayContent(displayContent: ChecklistItemDisplayContent<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, "ng-component", never, { "displayContent": { "alias": "displayContent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/checklist/checklist.item.field.d.ts

@@ -3,5 +3,5 @@ import { LabeledFieldConfig } from '../field';
 import { DbxChecklistItemFieldProps } from './checklist.item.field.component';
 export interface ChecklistItemFieldConfig<T = unknown> extends LabeledFieldConfig, DbxChecklistItemFieldProps<T> {
 }
-export type ChecklistItemFieldBuilderInput<T = unknown> = Partial<ChecklistItemFieldConfig<T>> & Pick<ChecklistItemFieldConfig<T>, 'key' | 'displayContentObs'>;
+export type ChecklistItemFieldBuilderInput<T = unknown> = Partial<ChecklistItemFieldConfig<T>> & Pick<ChecklistItemFieldConfig<T>, 'key' | 'displayContent'>;
 export declare function checklistItemField<T = unknown>(config: ChecklistItemFieldBuilderInput<T>): FormlyFieldConfig<DbxChecklistItemFieldProps<T>>;

package/lib/formly/field/checklist/checklist.item.field.module.d.ts

@@ -1,18 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./checklist.item.field.component";
 import * as i2 from "./checklist.item.field.content.default.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@dereekb/dbx-web";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/material/core";
-import * as i7 from "@angular/material/checkbox";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/icon";
-import * as i10 from "@dereekb/dbx-core";
-import * as i11 from "../wrapper/form.wrapper.module";
-import * as i12 from "@ngx-formly/core";
+import * as i3 from "../wrapper/form.wrapper.module";
+import * as i4 from "@ngx-formly/core";
 export declare class DbxFormFormlyChecklistItemFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyChecklistItemFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyChecklistItemFieldModule, [typeof i1.DbxChecklistItemFieldComponent, typeof i1.DbxChecklistItemContentComponent, typeof i2.DbxDefaultChecklistItemFieldDisplayComponent], [typeof i3.CommonModule, typeof i4.DbxTextModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.MatRippleModule, typeof i7.MatCheckboxModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i4.DbxRouterAnchorModule, typeof i10.DbxInjectionComponentModule, typeof i11.DbxFormFormlyWrapperModule, typeof i12.FormlyModule], [typeof i11.DbxFormFormlyWrapperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyChecklistItemFieldModule, never, [typeof i1.DbxChecklistItemFieldComponent, typeof i1.DbxChecklistItemContentComponent, typeof i2.DbxDefaultChecklistItemFieldDisplayComponent, typeof i3.DbxFormFormlyWrapperModule, typeof i4.FormlyModule], [typeof i3.DbxFormFormlyWrapperModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyChecklistItemFieldModule>;
 }

package/lib/formly/field/component/_component.scss

@@ -14,9 +14,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-component') {
-    $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/formly/field/component/component.field.component.d.ts

@@ -8,5 +8,5 @@ export interface DbxFormComponentFormlyFieldConfig<T = unknown> extends FormlyFi
 export declare class DbxFormComponentFieldComponent<T = unknown> extends FieldType<DbxFormComponentFormlyFieldConfig<T>> {
     get config(): DbxInjectionComponentConfig<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormComponentFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormComponentFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormComponentFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/component/component.field.module.d.ts

@@ -1,10 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./component.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@dereekb/dbx-core";
-import * as i4 from "@ngx-formly/core";
+import * as i2 from "@ngx-formly/core";
 export declare class DbxFormFormlyComponentFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyComponentFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyComponentFieldModule, [typeof i1.DbxFormComponentFieldComponent], [typeof i2.CommonModule, typeof i3.DbxInjectionComponentModule, typeof i4.FormlyModule], [typeof i1.DbxFormComponentFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyComponentFieldModule, never, [typeof i1.DbxFormComponentFieldComponent, typeof i2.FormlyModule], [typeof i1.DbxFormComponentFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyComponentFieldModule>;
 }

package/lib/formly/field/field.d.ts

@@ -52,11 +52,14 @@ export declare function formlyField<T extends FormlyFieldConfig = FormlyFieldCon
  */
 export declare function propsAndConfigForFieldConfig<O extends object = object>(fieldConfig: Partial<FieldConfig> & Partial<LabeledFieldConfig> & Partial<AttributesFieldConfig> & Partial<DescriptionFieldConfig>, override?: PartialPotentialFieldConfig & O): {
     props: Partial<FormlyFieldProps> & Partial<FieldConfig> & Partial<LabeledFieldConfig> & Partial<AttributesFieldConfig> & Partial<DescriptionFieldConfig> & O;
-    expressions: {
-        [property: string]: string | import("rxjs").Observable<any> | ((field: FormlyFieldConfig<FormlyFieldProps & {
-            [additionalProperties: string]: any;
-        }>) => any);
-    } | undefined;
+    expressions: ({
+        [property: string]: string | import("rxjs").Observable<any> | ((field: FormlyFieldConfig) => any);
+    } & {
+        className?: string | import("rxjs").Observable<string> | ((field: FormlyFieldConfig) => string);
+        hide?: string | import("rxjs").Observable<boolean> | ((field: FormlyFieldConfig) => boolean);
+        'props.disabled'?: string | import("rxjs").Observable<boolean> | ((field: FormlyFieldConfig) => boolean);
+        'props.required'?: string | import("rxjs").Observable<boolean> | ((field: FormlyFieldConfig) => boolean);
+    }) | undefined;
     parsers: ((value: any) => any)[] | undefined;
 };
 export declare const partialPotentialFieldConfigKeys: (keyof PartialPotentialFieldConfig)[];

package/lib/formly/field/selection/list/_list.scss

@@ -19,9 +19,9 @@ $dbx-list-item-field-content-max-height: 300px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-selection-list') {
-    $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/formly/field/selection/list/list.field.component.d.ts

@@ -29,16 +29,18 @@ export interface DbxItemListFieldProps<T = unknown, C extends AbstractDbxSelecti
  * Used for picking items by identifier from a DbxList component.
  */
 export declare class DbxItemListFieldComponent<T = unknown, C extends AbstractDbxSelectionListWrapperDirective<T> = AbstractDbxSelectionListWrapperDirective<T>, K extends PrimativeKey = PrimativeKey> extends FieldType<FieldTypeConfig<DbxItemListFieldProps<T, C, K>>> implements OnInit, OnDestroy {
-    private _selectionEventSub;
-    private _loadMoreSub;
-    private _formControlObs;
+    private readonly _selectionEventSub;
+    private readonly _loadMoreSub;
+    private readonly _formControlObs;
     readonly formControl$: Observable<AbstractControl<any, any>>;
     readonly _formControlValue$: Observable<Maybe<K[]>>;
     readonly values$: Observable<K[]>;
-    private _listComponentClassObs;
+    private readonly _listComponentClassObs;
     readonly listComponentClass$: Observable<Type<C>>;
     readonly config$: Observable<DbxInjectionComponentConfig<C>>;
     readonly isSelectedModifierFunction$: Observable<DbxValueListItemDecisionFunction<T>>;
+    readonly configSignal: import("@angular/core").Signal<DbxInjectionComponentConfig<C> | undefined>;
+    readonly isSelectedModifierFunctionSignal: import("@angular/core").Signal<DbxValueListItemDecisionFunction<T> | undefined>;
     get label(): string | undefined;
     get description(): string | undefined;
     get listComponentClass(): Observable<Type<C>>;
@@ -49,5 +51,5 @@ export declare class DbxItemListFieldComponent<T = unknown, C extends AbstractDb
     updateForSelection(list: ListSelectionState<T>): void;
     setValues(values: Maybe<K[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxItemListFieldComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxItemListFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxItemListFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never, true, never>;
 }