@dereekb/dbx-form 11.1.7 → 12.0.0

package/lib/formly/field/selection/sourceselect/sourceselect.field.component.d.ts

@@ -52,7 +52,7 @@ export declare class DbxFormSourceSelectFieldComponent<T extends PrimativeKey =
     private readonly _formControlObs;
     private readonly _fromOpenSource;
     private readonly _loadSources;
-    buttonElement: ElementRef;
+    readonly buttonElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly formControl$: Observable<AbstractControl<T[], T[]>>;
     readonly currentFormControlValue$: Observable<T[]>;
     readonly values$: Observable<T[]>;
@@ -67,6 +67,8 @@ export declare class DbxFormSourceSelectFieldComponent<T extends PrimativeKey =
     readonly options$: Observable<SourceSelectOptions<T, M>>;
     readonly nonGroupedValues$: Observable<SourceSelectDisplayValue<T, M>[]>;
     readonly groupedOptions$: Observable<SourceSelectDisplayValueGroup<T, M>[]>;
+    readonly nonGroupedValuesSignal: import("@angular/core").Signal<SourceSelectDisplayValue<T, M>[] | undefined>;
+    readonly groupedOptionsSignal: import("@angular/core").Signal<SourceSelectDisplayValueGroup<T, M>[] | undefined>;
     get sourceSelectField(): SourceSelectFieldProps<T, M>;
     get openSource(): SourceSelectOpenFunction<M> | undefined;
     get showOpenSourceButton(): boolean;
@@ -81,7 +83,7 @@ export declare class DbxFormSourceSelectFieldComponent<T extends PrimativeKey =
     getSourceSelectValueForValues(values: T[]): Observable<SourceSelectValue<T, M>[]>;
     loadDisplayValuesForSelectValues(values: SourceSelectValue<T, M>[]): Observable<LoadingState<SourceSelectDisplayValue<T, M>[]>>;
     getDisplayValuesForSelectValues(values: SourceSelectValue<T, M>[]): Observable<SourceSelectDisplayValue<T, M>[]>;
-    readonly context: import("@dereekb/rxjs").LoadingStateContextInstance<unknown, LoadingState<SourceSelectDisplayValueGroup<T, M>[]>>;
+    readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, LoadingState<SourceSelectDisplayValueGroup<T, M>[]>, import("@dereekb/rxjs").LoadingContextEvent & LoadingState<SourceSelectDisplayValueGroup<T, M>[]>>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     readonly handleSelectOptions: WorkUsingContext<unknown>;
@@ -89,5 +91,5 @@ export declare class DbxFormSourceSelectFieldComponent<T extends PrimativeKey =
     private addToCurrentValue;
     private setCurrentValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSourceSelectFieldComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSourceSelectFieldComponent<any, any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSourceSelectFieldComponent<any, any>, "dbx-form-sourceselectfield", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/selection/sourceselect/sourceselect.field.module.d.ts

@@ -1,23 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./sourceselect.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/material/divider";
-import * as i6 from "@angular/material/form-field";
-import * as i7 from "@angular/material/select";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/datepicker";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/material/menu";
-import * as i12 from "@dereekb/dbx-core";
-import * as i13 from "@dereekb/dbx-web";
-import * as i14 from "@angular/material/chips";
-import * as i15 from "@angular/material/icon";
-import * as i16 from "@ngbracket/ngx-layout";
-import * as i17 from "@ngx-formly/core";
+import * as i2 from "@ngx-formly/core";
 export declare class DbxFormFormlySourceSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlySourceSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlySourceSelectModule, [typeof i1.DbxFormSourceSelectFieldComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatInputModule, typeof i5.MatDividerModule, typeof i6.MatFormFieldModule, typeof i7.MatSelectModule, typeof i8.MatButtonModule, typeof i9.MatDatepickerModule, typeof i10.MatNativeDateModule, typeof i11.MatMenuModule, typeof i3.ReactiveFormsModule, typeof i12.DbxDatePipeModule, typeof i13.DbxLoadingModule, typeof i13.DbxButtonModule, typeof i13.DbxActionModule, typeof i14.MatChipsModule, typeof i15.MatIconModule, typeof i16.FlexLayoutModule, typeof i17.FormlyModule], [typeof i1.DbxFormSourceSelectFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlySourceSelectModule, never, [typeof i1.DbxFormSourceSelectFieldComponent, typeof i2.FormlyModule], [typeof i1.DbxFormSourceSelectFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlySourceSelectModule>;
 }

package/lib/formly/field/texteditor/_texteditor.scss

@@ -22,14 +22,14 @@
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
   $foreground: map.get($color-config, 'foreground');
-  $background-color: theming.get-color-from-palette($background, 'background');
-  $hover-color: theming.get-color-from-palette($background, 'hover');
-  $focused-color: theming.get-color-from-palette($background, 'focused-button');
-  $border-color: theming.get-color-from-palette($foreground, 'divider');
-  $text-color: theming.get-color-from-palette($foreground, 'text');
+  $background-color: theming.m2-get-color-from-palette($background, 'background');
+  $hover-color: theming.m2-get-color-from-palette($background, 'hover');
+  $focused-color: theming.m2-get-color-from-palette($background, 'focused-button');
+  $border-color: theming.m2-get-color-from-palette($foreground, 'divider');
+  $text-color: theming.m2-get-color-from-palette($foreground, 'text');
 
   .dbx-texteditor-field {
     .NgxEditor {
@@ -77,9 +77,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-texteditor') {
-    $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/texteditor/texteditor.field.component.d.ts

@@ -8,9 +8,10 @@ import * as i0 from "@angular/core";
 export type TextEditorComponentFieldProps = FormlyFieldProps;
 export declare class DbxTextEditorFieldComponent<T extends TextEditorComponentFieldProps = TextEditorComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
     private readonly _compactContextStore;
-    private _editor?;
-    private _sub;
-    readonly compactClass$: import("rxjs").Observable<Maybe<string>>;
+    private _editor;
+    private readonly _sub;
+    readonly compactClass$: import("rxjs").Observable<string>;
+    readonly compactClassSignal: import("@angular/core").Signal<string>;
     get formGroupName(): string;
     get formGroup(): FormGroup;
     get editor(): Editor;
@@ -19,5 +20,5 @@ export declare class DbxTextEditorFieldComponent<T extends TextEditorComponentFi
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTextEditorFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTextEditorFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTextEditorFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,14 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./texteditor.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@dereekb/dbx-web";
-import * as i4 from "@angular/forms";
-import * as i5 from "ngx-editor";
-import * as i6 from "@angular/material/form-field";
-import * as i7 from "@angular/material/input";
-import * as i8 from "@ngx-formly/core";
+import * as i2 from "@ngx-formly/core";
 export declare class DbxFormFormlyTextEditorFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyTextEditorFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyTextEditorFieldModule, [typeof i1.DbxTextEditorFieldComponent], [typeof i2.CommonModule, typeof i3.DbxTextModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.NgxEditorModule, typeof i6.MatFormFieldModule, typeof i7.MatInputModule, typeof i8.FormlyModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyTextEditorFieldModule, never, [typeof i1.DbxTextEditorFieldComponent, typeof i2.FormlyModule], [typeof i1.DbxTextEditorFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyTextEditorFieldModule>;
 }

package/lib/formly/field/value/array/_array.scss

@@ -45,10 +45,10 @@
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
 
-  $form-repeat-array-field-bg: theming.get-color-from-palette($background, 'card');
+  $form-repeat-array-field-bg: theming.m2-get-color-from-palette($background, 'card');
 
   .dbx-form-repeat-array-field {
     background: $form-repeat-array-field-bg;
@@ -69,9 +69,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-array') {
-    $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/value/array/array.field.component.d.ts

@@ -1,62 +1,61 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { TrackByFunction } from '@angular/core';
 import { DecisionFunction, FactoryWithRequiredInput, IndexRef, type Maybe } from '@dereekb/util';
 import { FieldArrayTypeConfig, FieldArrayType, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 export interface DbxFormRepeatArrayPair<T = unknown> extends IndexRef {
-    value?: T | undefined;
+    readonly value?: T | undefined;
 }
 export interface DbxFormRepeatArrayFieldConfigPair<T = unknown> extends Partial<DbxFormRepeatArrayPair<T>> {
-    fieldConfig: FormlyFieldConfig;
+    readonly fieldConfig: FormlyFieldConfig;
 }
 export type DbxFormRepeatArrayAddTemplateFunction<T> = FactoryWithRequiredInput<Partial<Maybe<T>>, number>;
 export interface DbxFormRepeatArrayConfig<T = unknown> extends Pick<FormlyFieldProps, 'maxLength' | 'label' | 'description'> {
-    labelForField?: string | FactoryWithRequiredInput<string, DbxFormRepeatArrayFieldConfigPair<T>>;
+    readonly labelForField?: string | FactoryWithRequiredInput<string, DbxFormRepeatArrayFieldConfigPair<T>>;
     /**
      * Text for the add button.
      */
-    addText?: string;
+    readonly addText?: string;
     /**
      * Optional template function to create a new template when using the add button.
      */
-    addTemplate?: DbxFormRepeatArrayAddTemplateFunction<T>;
+    readonly addTemplate?: DbxFormRepeatArrayAddTemplateFunction<T>;
     /**
      * Text for the duplicate button.
      */
-    duplicateText?: string;
+    readonly duplicateText?: string;
     /**
      * Text for the remove button.
      */
-    removeText?: string;
+    readonly removeText?: string;
     /**
      * Whethe or not to disable rearranging items.
      *
      * False by default.
      */
-    disableRearrange?: boolean;
+    readonly disableRearrange?: boolean;
     /**
      * Wether or not to show the add button.
      *
      * True by default.
      */
-    allowAdd?: boolean;
+    readonly allowAdd?: boolean;
     /**
      * Whether or not to allow duplicateing items. Can optionally pass a decision function that decides whether or not a specific item can be removed.
      */
-    allowDuplicate?: boolean | DecisionFunction<DbxFormRepeatArrayPair<T>>;
+    readonly allowDuplicate?: boolean | DecisionFunction<DbxFormRepeatArrayPair<T>>;
     /**
      * Whether or not to allow removing items. Can optionally pass a decision function that decides whether or not a specific item can be removed.
      */
-    allowRemove?: boolean | DecisionFunction<DbxFormRepeatArrayPair<T>>;
+    readonly allowRemove?: boolean | DecisionFunction<DbxFormRepeatArrayPair<T>>;
     /**
      * Adds the duplicate to the end of the values
      */
-    addDuplicateToEnd?: boolean;
+    readonly addDuplicateToEnd?: boolean;
 }
 export declare class DbxFormRepeatArrayTypeComponent<T = unknown> extends FieldArrayType<FieldArrayTypeConfig<DbxFormRepeatArrayConfig>> {
-    private _labelForField;
-    private _allowRemove;
-    private _allowDuplicate;
+    private readonly _labelForField;
+    private readonly _allowRemove;
+    private readonly _allowDuplicate;
     get repeatArrayField(): DbxFormRepeatArrayConfig;
     get label(): string;
     get description(): Maybe<string>;
@@ -73,7 +72,6 @@ export declare class DbxFormRepeatArrayTypeComponent<T = unknown> extends FieldA
     allowDuplicate(i: number): boolean;
     get addItemDisabled(): boolean;
     get canAddItem(): boolean;
-    readonly trackByFunction: TrackByFunction<FormlyFieldConfig>;
     /**
      * Moves the target index up one value.
      *
@@ -87,5 +85,5 @@ export declare class DbxFormRepeatArrayTypeComponent<T = unknown> extends FieldA
     drop(event: CdkDragDrop<unknown>): void;
     labelForItem(fieldConfig: FormlyFieldConfig, i: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormRepeatArrayTypeComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormRepeatArrayTypeComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormRepeatArrayTypeComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -26,11 +26,14 @@ export declare function repeatArrayField<T = unknown>(config: RepeatArrayFieldCo
         allowDuplicate: boolean | import("@dereekb/util").DecisionFunction<import("./array.field.component").DbxFormRepeatArrayPair<T>> | undefined;
         addDuplicateToEnd: boolean | undefined;
     };
-    expressions: {
-        [property: string]: string | import("rxjs").Observable<any> | ((field: FormlyFieldConfig<import("@ngx-formly/core").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;
     key: string;
     type: string;

package/lib/formly/field/value/array/array.field.module.d.ts

@@ -1,16 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./array.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/material/divider";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/cdk/drag-drop";
-import * as i9 from "@dereekb/dbx-web";
-import * as i10 from "@ngx-formly/core";
+import * as i2 from "@ngx-formly/core";
 export declare class DbxFormFormlyArrayFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyArrayFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyArrayFieldModule, [typeof i1.DbxFormRepeatArrayTypeComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.ReactiveFormsModule, typeof i5.MatDividerModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.DragDropModule, typeof i9.DbxSectionLayoutModule, typeof i9.DbxBarLayoutModule, typeof i9.DbxButtonModule, typeof i10.FormlyModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyArrayFieldModule, never, [typeof i1.DbxFormRepeatArrayTypeComponent, typeof i2.FormlyModule], [typeof i1.DbxFormRepeatArrayTypeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyArrayFieldModule>;
 }

package/lib/formly/field/value/boolean/_boolean.scss

@@ -56,9 +56,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-boolean') {
-    $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/value/date/_date.scss

@@ -118,9 +118,9 @@ $dbx-datetime-row-width: 40px + ($dbx-datetime-button-spacing * 2); // times 2 f
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
-  $background-color: theming.get-color-from-palette($background, 'hover');
+  $background-color: theming.m2-get-color-from-palette($background, 'hover');
 
   // affect both the direct button or a child button
   .mat-datepicker-button-highlight .mat-icon-button,
@@ -134,9 +134,9 @@ $dbx-datetime-row-width: 40px + ($dbx-datetime-button-spacing * 2); // times 2 f
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-date') {
-    $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/value/date/date.field.module.d.ts

@@ -9,16 +9,15 @@ import * as i7 from "@angular/material/form-field";
 import * as i8 from "@dereekb/dbx-web";
 import * as i9 from "@angular/material/button";
 import * as i10 from "@angular/material/datepicker";
-import * as i11 from "@angular/material/core";
-import * as i12 from "@angular/material/menu";
-import * as i13 from "@dereekb/dbx-core";
-import * as i14 from "@angular/material/chips";
-import * as i15 from "@angular/material/icon";
-import * as i16 from "@ngbracket/ngx-layout";
-import * as i17 from "@ngx-formly/core";
-import * as i18 from "../../wrapper/form.wrapper.module";
+import * as i11 from "@angular/material/menu";
+import * as i12 from "@dereekb/dbx-core";
+import * as i13 from "@angular/material/chips";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@ngbracket/ngx-layout";
+import * as i16 from "@ngx-formly/core";
+import * as i17 from "../../wrapper/form.wrapper.module";
 export declare class DbxFormFormlyDateFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyDateFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyDateFieldModule, [typeof i1.DbxDateTimeFieldComponent, typeof i2.DbxFixedDateRangeFieldComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.MatInputModule, typeof i6.MatDividerModule, typeof i7.MatFormFieldModule, typeof i8.DbxButtonModule, typeof i9.MatButtonModule, typeof i10.MatDatepickerModule, typeof i11.MatNativeDateModule, typeof i12.MatMenuModule, typeof i4.ReactiveFormsModule, typeof i13.DbxDatePipeModule, typeof i13.DbxValuePipeModule, typeof i14.MatChipsModule, typeof i15.MatIconModule, typeof i16.FlexLayoutModule, typeof i17.FormlyModule], [typeof i18.DbxFormFormlyWrapperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyDateFieldModule, [typeof i1.DbxDateTimeFieldComponent, typeof i2.DbxFixedDateRangeFieldComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.MatInputModule, typeof i6.MatDividerModule, typeof i7.MatFormFieldModule, typeof i8.DbxButtonModule, typeof i9.MatButtonModule, typeof i10.MatDatepickerModule, typeof i11.MatMenuModule, typeof i4.ReactiveFormsModule, typeof i12.DbxDatePipeModule, typeof i12.DbxValuePipeModule, typeof i13.MatChipsModule, typeof i14.MatIconModule, typeof i15.FlexLayoutModule, typeof i16.FormlyModule], [typeof i17.DbxFormFormlyWrapperModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyDateFieldModule>;
 }

package/lib/formly/field/value/date/datetime.field.service.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const DBX_DATE_TIME_FIELD_MENU_PRESETS_TOKEN: InjectionToken<unknown>;
 export declare class DbxDateTimeFieldMenuPresetsService {
-    private _configurations;
+    private readonly _configurations;
     readonly configurations$: import("rxjs").Observable<DateTimePresetConfiguration[]>;
     get configurations(): DateTimePresetConfiguration[];
     set configurations(configurations: DateTimePresetConfiguration[]);

package/lib/formly/field/value/date/fixeddaterange.field.component.d.ts

@@ -18,62 +18,62 @@ export interface DbxFixedDateRangeFieldProps extends FormlyFieldProps {
     /**
      * Date range input to build the date range.
      */
-    dateRangeInput: ObservableOrValueGetter<DbxFixedDateRangeDateRangeInput>;
+    readonly dateRangeInput: ObservableOrValueGetter<DbxFixedDateRangeDateRangeInput>;
     /**
      * Selection mode to use when picking dates on the calendar.
      */
-    selectionMode?: Maybe<ObservableOrValueGetter<DbxFixedDateRangeSelectionMode>>;
+    readonly selectionMode?: Maybe<ObservableOrValueGetter<DbxFixedDateRangeSelectionMode>>;
     /**
      * Value mode for the dates in the output DateRange.
      *
      * Defaults to DATE
      */
-    valueMode?: DbxDateTimeValueMode;
+    readonly valueMode?: DbxDateTimeValueMode;
     /**
      * Whether or not to pass the date value as a UTC date, or a date in the current timezone.
      */
-    fullDayInUTC?: boolean;
+    readonly fullDayInUTC?: boolean;
     /**
      * Custom picker configuration
      */
-    pickerConfig?: ObservableOrValueGetter<DbxFixedDateRangePickerConfiguration>;
+    readonly pickerConfig?: ObservableOrValueGetter<DbxFixedDateRangePickerConfiguration>;
     /**
      * (Optional) The input timezone to default to.
      *
      * Ignored if fullDayInUTC is true.
      */
-    timezone?: Maybe<ObservableOrValueGetter<Maybe<TimezoneString>>>;
+    readonly timezone?: Maybe<ObservableOrValueGetter<Maybe<TimezoneString>>>;
     /**
      * Whether or not to display the timezone. True by default.
      */
-    showTimezone?: boolean;
+    readonly showTimezone?: boolean;
     /**
      * Custom presets to show in the dropdown.
      */
-    presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
+    readonly presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
     /**
      * Whether or not to show the range input. Defaults to true.
      */
-    showRangeInput?: boolean;
+    readonly showRangeInput?: boolean;
 }
 export type FixedDateRangeScanType = 'start' | 'end' | 'startRepeat';
 export interface FixedDateRangeScan {
     /**
      * Picked the start or end of the range on the last pick.
      */
-    lastPickType?: Maybe<FixedDateRangeScanType>;
+    readonly lastPickType?: Maybe<FixedDateRangeScanType>;
     /**
      * The latest date passed, if applicable.
      */
-    lastDateRange?: Maybe<Partial<DateRange>>;
+    readonly lastDateRange?: Maybe<Partial<DateRange>>;
     /**
      * The generated boundary range.
      */
-    boundary?: DateRange;
+    readonly boundary?: DateRange;
     /**
      * New Date Range
      */
-    range?: DateRange;
+    readonly range?: DateRange;
 }
 type SelectedDateEventType = 'calendar' | 'input';
 export declare class DbxFixedDateRangeFieldComponent extends FieldType<FieldTypeConfig<DbxFixedDateRangeFieldProps>> implements OnInit, OnDestroy {

package/lib/formly/field/value/number/_number.scss

@@ -21,8 +21,8 @@ $dbx-formly-number-slider-field-thumb-label-margin-fix-size: 22px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-number') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $color: theming.m2-get-color-config($theme-config);
+    $typography: theming.m2-get-typography-config($theme-config);
 
     @if $color !=null {
       @include color($theme-config);

package/lib/formly/field/value/phone/_phone.scss

@@ -27,11 +27,11 @@
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
   $foreground: map.get($color-config, 'foreground');
-  $text-color: theming.get-color-from-palette($foreground, 'text');
-  $border-color: theming.get-color-from-palette($foreground, 'divider');
+  $text-color: theming.m2-get-color-from-palette($foreground, 'text');
+  $border-color: theming.m2-get-color-from-palette($foreground, 'divider');
 
   .dbx-form-phone-field {
     .country-selector.mat-mdc-button,
@@ -52,9 +52,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-phone') {
-    $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/value/phone/phone.field.component.d.ts

@@ -1,3 +1,4 @@
+import { OnInit, OnDestroy } from '@angular/core';
 import { FieldType } from '@ngx-formly/material';
 import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { Maybe } from '@dereekb/util';
@@ -13,11 +14,11 @@ export interface InternationalPhoneFormlyFieldProps extends FormlyFieldProps {
     allowExtension?: boolean;
 }
 export declare const DEFAULT_PREFERRED_COUNTRIES: string[];
-export declare class DbxPhoneFieldComponent extends FieldType<FieldTypeConfig<InternationalPhoneFormlyFieldProps>> {
-    readonly inputSync: SubscriptionObject;
-    readonly outputSync: SubscriptionObject;
-    readonly extensionErrorSync: SubscriptionObject;
-    readonly phoneErrorSync: SubscriptionObject;
+export declare class DbxPhoneFieldComponent extends FieldType<FieldTypeConfig<InternationalPhoneFormlyFieldProps>> implements OnInit, OnDestroy {
+    readonly inputSync: SubscriptionObject<import("rxjs").Unsubscribable>;
+    readonly outputSync: SubscriptionObject<import("rxjs").Unsubscribable>;
+    readonly extensionErrorSync: SubscriptionObject<import("rxjs").Unsubscribable>;
+    readonly phoneErrorSync: SubscriptionObject<import("rxjs").Unsubscribable>;
     readonly phoneCtrl: FormControl<string | null>;
     readonly extensionCtrl: FormControl<string | null>;
     readonly inputFormGroup: FormGroup<{

package/lib/formly/field/value/text/_text.scss

@@ -14,9 +14,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-text') {
-    $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/wrapper/_wrapper.scss

@@ -35,9 +35,9 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-wrapper') {
-    $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/wrapper/autotouch.wrapper.component.d.ts

@@ -7,5 +7,5 @@ import * as i0 from "@angular/core";
 export declare class AutoTouchFieldWrapperComponent extends FieldWrapper<FieldTypeConfig> implements OnInit {
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoTouchFieldWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoTouchFieldWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoTouchFieldWrapperComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/wrapper/expand.wrapper.component.d.ts

@@ -10,5 +10,5 @@ export interface DbxFormExpandWrapperConfig<T extends object = object> extends A
 export declare class DbxFormExpandWrapperComponent<T extends object = object> extends AbstractFormExpandSectionWrapperDirective<T, DbxFormExpandWrapperConfig<T>> {
     get buttonType(): DbxFormExpandWrapperButtonType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormExpandWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/wrapper/expand.wrapper.delegate.d.ts

@@ -18,6 +18,8 @@ export declare class AbstractFormExpandSectionWrapperDirective<T extends object
     readonly formControl$: import("rxjs").Observable<AbstractControl<any, any>>;
     readonly show$: import("rxjs").Observable<boolean>;
     readonly hasValue$: import("rxjs").Observable<boolean>;
+    readonly showSignal: import("@angular/core").Signal<boolean>;
+    readonly hasValueSignal: import("@angular/core").Signal<boolean>;
     get expandSection(): S;
     get hasValueFn(): (value: T) => boolean;
     get expandLabel(): Maybe<string>;

package/lib/formly/field/wrapper/flex.wrapper.component.d.ts

@@ -5,15 +5,15 @@ export interface DbxFlexWrapperConfig {
     /**
      * Breakpoint based on the screen width.
      */
-    breakpoint?: ScreenMediaWidthType;
+    readonly breakpoint?: ScreenMediaWidthType;
     /**
      * Whether or not to use relative sizing.
      */
-    relative?: boolean;
+    readonly relative?: boolean;
     /**
      * Whether or not to break to a new column when the breakpoint is reached.
      */
-    breakToColumn?: boolean;
+    readonly breakToColumn?: boolean;
 }
 export declare class DbxFormFlexWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFlexWrapperConfig>> {
     get flexWrapper(): DbxFlexWrapperConfig;
@@ -21,5 +21,5 @@ export declare class DbxFormFlexWrapperComponent extends FieldWrapper<FormlyFiel
     get relative(): boolean;
     get breakToColumn(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFlexWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormFlexWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormFlexWrapperComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/field/wrapper/form.wrapper.module.d.ts

@@ -8,15 +8,9 @@ import * as i6 from "./toggle.wrapper.component";
 import * as i7 from "./flex.wrapper.component";
 import * as i8 from "./style.wrapper.component";
 import * as i9 from "./working.wrapper.component";
-import * as i10 from "@angular/common";
-import * as i11 from "@dereekb/dbx-web";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/material/slide-toggle";
-import * as i14 from "@angular/material/icon";
-import * as i15 from "@ngbracket/ngx-layout";
-import * as i16 from "@ngx-formly/core";
+import * as i10 from "@ngx-formly/core";
 export declare class DbxFormFormlyWrapperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyWrapperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyWrapperModule, [typeof i1.AutoTouchFieldWrapperComponent, typeof i2.DbxFormSectionWrapperComponent, typeof i3.DbxFormSubsectionWrapperComponent, typeof i4.DbxFormInfoWrapperComponent, typeof i5.DbxFormExpandWrapperComponent, typeof i6.DbxFormToggleWrapperComponent, typeof i7.DbxFormFlexWrapperComponent, typeof i8.DbxFormStyleWrapperComponent, typeof i9.DbxFormWorkingWrapperComponent], [typeof i10.CommonModule, typeof i11.DbxTextModule, typeof i11.DbxLoadingModule, typeof i11.DbxFlexLayoutModule, typeof i11.DbxSectionLayoutModule, typeof i12.MatButtonModule, typeof i13.MatSlideToggleModule, typeof i14.MatIconModule, typeof i15.FlexLayoutModule, typeof i16.FormlyModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyWrapperModule, never, [typeof i1.AutoTouchFieldWrapperComponent, typeof i2.DbxFormSectionWrapperComponent, typeof i3.DbxFormSubsectionWrapperComponent, typeof i4.DbxFormInfoWrapperComponent, typeof i5.DbxFormExpandWrapperComponent, typeof i6.DbxFormToggleWrapperComponent, typeof i7.DbxFormFlexWrapperComponent, typeof i8.DbxFormStyleWrapperComponent, typeof i9.DbxFormWorkingWrapperComponent, typeof i10.FormlyModule], [typeof i1.AutoTouchFieldWrapperComponent, typeof i2.DbxFormSectionWrapperComponent, typeof i3.DbxFormSubsectionWrapperComponent, typeof i4.DbxFormInfoWrapperComponent, typeof i5.DbxFormExpandWrapperComponent, typeof i6.DbxFormToggleWrapperComponent, typeof i7.DbxFormFlexWrapperComponent, typeof i8.DbxFormStyleWrapperComponent, typeof i9.DbxFormWorkingWrapperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyWrapperModule>;
 }