@dereekb/dbx-form 11.1.8 → 12.0.0

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

@@ -4,6 +4,7 @@ export * from './expand.wrapper.component';
 export * from './flex.wrapper.component';
 export * from './form.wrapper.module';
 export * from './info.wrapper.component';
+export * from './style.wrapper.component';
 export * from './section.wrapper.component';
 export * from './subsection.wrapper.component';
 export * from './toggle.wrapper.component';

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

@@ -1,11 +1,11 @@
 import { FieldWrapper, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 export interface DbxFormInfoConfig extends FormlyFieldProps {
-    onInfoClick: () => void;
+    readonly onInfoClick: () => void;
 }
 export declare class DbxFormInfoWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormInfoConfig>> {
     get infoWrapper(): DbxFormInfoConfig;
     onInfoClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormInfoWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormInfoWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormInfoWrapperComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,5 +6,5 @@ export type DbxFormSectionConfig = DbxSectionHeaderConfig;
 export declare class DbxFormSectionWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormSectionConfig>> {
     get headerConfig(): Maybe<DbxSectionHeaderConfig>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSectionWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSectionWrapperComponent, "dbx-form-section-wrapper", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSectionWrapperComponent, "dbx-form-section-wrapper", never, {}, {}, never, never, true, never>;
 }

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

@@ -12,14 +12,16 @@ export interface DbxFormStyleWrapperConfig {
     classGetter?: Maybe<ObservableOrValue<string>>;
 }
 export declare class DbxFormStyleWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormStyleWrapperConfig>> implements OnInit, OnDestroy {
-    private _style;
-    private _class;
+    private readonly _style;
+    private readonly _class;
     readonly style$: Observable<Maybe<{}>>;
     readonly class$: Observable<Maybe<string>>;
+    readonly styleSignal: import("@angular/core").Signal<Maybe<{}>>;
+    readonly classSignal: import("@angular/core").Signal<Maybe<string>>;
     get styleGetter(): Maybe<ObservableOrValue<DbxFormStyleObject>>;
     get classGetter(): Maybe<ObservableOrValue<string>>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormStyleWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormStyleWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormStyleWrapperComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,5 +6,5 @@ export type DbxFormSubsectionConfig = DbxSectionHeaderConfig;
 export declare class DbxFormSubsectionWrapperComponent extends FieldWrapper<FieldTypeConfig<DbxFormSubsectionConfig>> {
     get headerConfig(): Maybe<DbxSectionHeaderConfig>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSubsectionWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSubsectionWrapperComponent, "dbx-form-subsection-wrapper", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSubsectionWrapperComponent, "dbx-form-subsection-wrapper", never, {}, {}, never, never, true, never>;
 }

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

@@ -10,7 +10,8 @@ export interface DbxFormToggleWrapperConfig<T extends object = object> extends A
  */
 export declare class DbxFormToggleWrapperComponent<T extends object = object> extends AbstractFormExpandSectionWrapperDirective<T, DbxFormToggleWrapperConfig> {
     readonly slideLabel$: Observable<Maybe<string>>;
+    readonly slideLabelSignal: import("@angular/core").Signal<Maybe<string>>;
     onToggleChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormToggleWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -12,10 +12,10 @@ export type DbxFormWorkingWrapperConfig = object;
  * By default shows loading during asynchronous validation of a field (FormControl status is "PENDING")
  */
 export declare class DbxFormWorkingWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormWorkingWrapperConfig>> implements OnInit, OnDestroy {
-    readonly sub: SubscriptionObject;
+    readonly sub: SubscriptionObject<import("rxjs").Unsubscribable>;
     readonly workingContext: SimpleLoadingContext;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormWorkingWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormWorkingWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormWorkingWrapperComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/formly/form/_form.scss

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

@@ -0,0 +1,19 @@
+import { provideFormlyContext } from './formly.context';
+import * as i0 from "@angular/core";
+import * as i1 from "./formly.form.component";
+/**
+ * Default template for a view that extends AbstractFormlyFormDirective.
+ */
+export declare const DBX_FORMLY_FORM_COMPONENT_TEMPLATE = "<dbx-formly></dbx-formly>";
+/**
+ * Default providers for a view that extends AbstractFormlyFormDirective.
+ */
+export declare const dbxFormlyFormComponentProviders: typeof provideFormlyContext;
+/**
+ * Default imports module for a view that extends AbstractFormlyFormDirective.
+ */
+export declare class DbxFormlyFormComponentImportsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyFormComponentImportsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormlyFormComponentImportsModule, never, [typeof i1.DbxFormlyComponent], [typeof i1.DbxFormlyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormlyFormComponentImportsModule>;
+}

package/lib/formly/formly.context.d.ts

@@ -1,9 +1,10 @@
-import { Provider } from '@angular/core';
+import { OnDestroy, Provider } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DbxForm, DbxFormDisabledKey, DbxFormEvent, DbxMutableForm } from '../form/form';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { LockSet } from '@dereekb/rxjs';
-import { BooleanStringKeyArray, type Maybe } from '@dereekb/util';
+import { BooleanStringKeyArray, Destroyable, type Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
 export interface DbxFormlyInitialize<T> {
     fields: Observable<FormlyFieldConfig[]>;
     initialDisabled: BooleanStringKeyArray;
@@ -25,18 +26,19 @@ export declare function provideFormlyContext(): Provider[];
 /**
  * DbxForm Instance that registers a delegate and manages the state of that form/delegate.
  */
-export declare class DbxFormlyContext<T = unknown> implements DbxForm<T> {
+export declare class DbxFormlyContext<T = unknown> implements DbxForm<T>, Destroyable, OnDestroy {
     private static INITIAL_STATE;
     readonly lockSet: LockSet;
-    private _fields;
-    private _initialValue;
-    private _disabled;
-    private _delegate;
+    private readonly _fields;
+    private readonly _initialValue;
+    private readonly _disabled;
+    private readonly _delegate;
     readonly fields$: Observable<FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
     readonly disabled$: Observable<string[]>;
     readonly stream$: Observable<DbxFormEvent>;
+    ngOnDestroy(): void;
     destroy(): void;
     setDelegate(delegate?: DbxFormlyContextDelegate<T>): void;
     clearDelegate(delegate: DbxFormlyContextDelegate<T>): void;
@@ -50,4 +52,6 @@ export declare class DbxFormlyContext<T = unknown> implements DbxForm<T> {
     setDisabled(key?: DbxFormDisabledKey, disabled?: boolean): void;
     resetForm(): void;
     forceFormUpdate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyContext<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxFormlyContext<any>>;
 }

package/lib/formly/formly.context.directive.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  * Provides an DbxFormlyContext and has an input for fields.
  */
 export declare class DbxFormlyFieldsContextDirective<T = unknown> extends AbstractAsyncFormlyFormDirective<T> implements OnDestroy {
-    private _fields;
+    private readonly _fields;
     readonly fields$: import("rxjs").Observable<Maybe<FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>>;
@@ -15,5 +15,5 @@ export declare class DbxFormlyFieldsContextDirective<T = unknown> extends Abstra
     set fields(fields: Maybe<FormlyFieldConfig[]>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyFieldsContextDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormlyFieldsContextDirective<any>, "[dbxFormlyFields]", never, { "fields": { "alias": "dbxFormlyFields"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormlyFieldsContextDirective<any>, "[dbxFormlyFields]", never, { "fields": { "alias": "dbxFormlyFields"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/formly/formly.directive.d.ts

@@ -1,3 +1,4 @@
+import { MaybeObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { OnInit, OnDestroy } from '@angular/core';
@@ -6,12 +7,14 @@ import { type Maybe } from '@dereekb/util';
 import { DbxFormDisabledKey } from '../form/form';
 import * as i0 from "@angular/core";
 /**
- * Abstract component for wrapping a form.
+ * Abstract component for wrapping a DbxFormlyContext.
+ *
+ * The implementing component should use provideFormlyContext() to provide the DbxFormlyContext specific to this directive. The context is injected using only self.
  */
 export declare abstract class AbstractFormlyFormDirective<T> implements OnDestroy {
     readonly context: DbxFormlyContext<T>;
-    get disabled(): boolean;
-    set disabled(disabled: boolean);
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    private readonly _setDisabledOnContext;
     ngOnDestroy(): void;
     getValue(): Observable<T>;
     setValue(value: Partial<T>): void;
@@ -19,7 +22,7 @@ export declare abstract class AbstractFormlyFormDirective<T> implements OnDestro
     clearValue(): void;
     setDisabled(key?: DbxFormDisabledKey, disabled?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormlyFormDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormlyFormDirective<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormlyFormDirective<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * Abstract component for wrapping a form.
@@ -38,19 +41,16 @@ export declare abstract class AbstractAsyncFormlyFormDirective<T> extends Abstra
      * Used to provide fields to the context.
      */
     abstract readonly fields$: Observable<Maybe<FormlyFieldConfig[]>>;
-    private _fieldsSub;
+    private readonly _fieldsSub;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractAsyncFormlyFormDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAsyncFormlyFormDirective<any>, never, never, {}, {}, never, never, false, never>;
 }
 export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> extends AbstractAsyncFormlyFormDirective<T> implements OnInit, OnDestroy {
-    private readonly _config;
+    readonly config: import("@angular/core").InputSignal<MaybeObservableOrValue<C>>;
     readonly currentConfig$: Observable<Maybe<C>>;
     readonly config$: Observable<C>;
-    get config(): Maybe<C>;
-    set config(config: Maybe<C>);
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never, never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/formly/formly.form.component.d.ts

@@ -1,6 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
+import { FormlyFieldConfig, FormlyForm, FormlyFormOptions } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { DbxForm, DbxFormDisabledKey, DbxFormEvent } from '../form/form';
@@ -15,22 +15,27 @@ export interface DbxFormlyFormState {
 /**
  * Used for rending a form from a DbxFormlyContext.
  */
-export declare class DbxFormlyFormComponent<T> extends AbstractSubscriptionDirective implements DbxForm, DbxFormlyContextDelegate<T>, OnInit, OnDestroy {
+export declare class DbxFormlyComponent<T> extends AbstractSubscriptionDirective implements DbxForm, DbxFormlyContextDelegate<T>, OnInit, OnDestroy {
     private readonly _dbxFormlyContext;
-    private _fields;
-    private _events;
-    private _disabled;
-    private _reset;
-    private _forceUpdate;
-    private _disabledSub;
-    private _enforceDisabledSub;
+    readonly formlyForm: import("@angular/core").Signal<FormlyForm | undefined>;
+    private readonly _fields;
+    private readonly _events;
+    private readonly _disabled;
+    private readonly _reset;
+    private readonly _forceUpdate;
+    private readonly _disabledSub;
+    private readonly _enforceDisabledSub;
     readonly form: FormGroup<{}>;
-    model: T;
-    options: FormlyFormOptions;
+    readonly modelSignal: import("@angular/core").WritableSignal<T>;
+    readonly options: FormlyFormOptions;
     readonly fields$: Observable<FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
     readonly stream$: Observable<DbxFormEvent>;
+    private readonly _fieldsSignal;
+    readonly fieldsSignal: import("@angular/core").Signal<FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
+        [additionalProperties: string]: any;
+    }>[]>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     init(initialize: DbxFormlyInitialize<T>): void;
@@ -42,6 +47,6 @@ export declare class DbxFormlyFormComponent<T> extends AbstractSubscriptionDirec
     getDisabled(): Observable<BooleanStringKeyArray>;
     setDisabled(key?: DbxFormDisabledKey, disabled?: boolean): void;
     forceFormUpdate(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyFormComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormlyFormComponent<any>, "dbx-formly", ["formly"], {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormlyComponent<any>, "dbx-formly", ["formly"], {}, {}, never, never, true, never>;
 }

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

@@ -7,6 +7,6 @@ import * as i5 from "@ngx-formly/core";
 import * as i6 from "@ngx-formly/material/toggle";
 export declare class DbxFormlyModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormlyModule, [typeof i1.DbxFormlyFormComponent, typeof i2.DbxFormlyFieldsContextDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.FormlyModule, typeof i6.FormlyMatToggleModule], [typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i1.DbxFormlyFormComponent, typeof i2.DbxFormlyFieldsContextDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormlyModule, never, [typeof i1.DbxFormlyComponent, typeof i2.DbxFormlyFieldsContextDirective, typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.FormlyModule, typeof i6.FormlyMatToggleModule], [typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i1.DbxFormlyComponent, typeof i2.DbxFormlyFieldsContextDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormlyModule>;
 }

package/lib/formly/index.d.ts

@@ -6,4 +6,5 @@ export * from './formly.context';
 export * from './formly.context.directive';
 export * from './formly.directive';
 export * from './formly.form.component';
+export * from './formly.component.template';
 export * from './formly.module';

package/lib/index.d.ts

@@ -3,3 +3,4 @@ export * from './formly';
 export * from './layout';
 export * from './validator';
 export * from './form.module';
+export * from './form.providers';

package/lib/layout/_layout.scss

@@ -14,9 +14,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-layout') {
-    $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/style/_all-typography.scss

@@ -8,7 +8,7 @@
 
 // Includes all of the typographic styles.
 @mixin all-component-typographies($theme-config-or-typography-config: null) {
-  $typography-config: if(theming.private-is-theme-object($theme-config-or-typography-config), theming.get-typography-config($theme-config-or-typography-config), $theme-config-or-typography-config);
+  $typography-config: if(theming.private-is-theme-object($theme-config-or-typography-config), theming.m2-get-typography-config($theme-config-or-typography-config), $theme-config-or-typography-config);
 
   // If no actual color configuration has been specified, create a default one.
   @if not $typography-config {

package/lib/style/_theming.scss

@@ -1,4 +1,4 @@
-@forward '@angular/material' show define-light-theme, define-dark-theme, define-palette, get-contrast-color-from-palette, get-color-from-palette, get-color-config, get-typography-config, get-density-config, elevation;
+@forward '@angular/material' show m2-define-light-theme, m2-define-dark-theme, m2-define-palette, m2-get-contrast-color-from-palette, m2-get-color-from-palette, m2-get-color-config, m2-get-typography-config, m2-get-density-config, elevation;
 
 @forward 'node_modules/@angular/material/core/theming/theming' show private-is-theme-object, private-check-duplicate-theme-styles, $theme-ignore-duplication-warnings;
 

package/mapbox/lib/field/latlng/latlng.field.component.d.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { CompactContextStore } from '@dereekb/dbx-web';
-import { Injector, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { Injector, OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { FieldType } from '@ngx-formly/material';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -19,36 +19,36 @@ export interface DbxFormMapboxLatLngComponentFieldProps extends FormlyFieldProps
      *
      * Cases where this would be set false is if another map is being used.
      */
-    showMap?: boolean;
+    readonly showMap?: boolean;
     /**
      * Whether or not to display the center button. Is set to false if selectLocationOnMapDrag is true.
      */
-    showCenterButton?: boolean;
+    readonly showCenterButton?: boolean;
     /**
      * Whether or not to set the center of the map on the location when set. Defaults to true.
      */
-    setCenterOnLocationSet?: boolean;
+    readonly setCenterOnLocationSet?: boolean;
     /**
      * Whether or not to enable dragging the map to select the location. Defaults to true.
      *
      * Only applicable when showMap is false.
      */
-    selectLocationOnMapDrag?: boolean;
+    readonly selectLocationOnMapDrag?: boolean;
     /**
      * Whether or not to enable clicking the map to select the location. Defaults to false.
      *
      * Only applicable when showMap is false.
      */
-    selectLocationOnMapClick?: boolean;
+    readonly selectLocationOnMapClick?: boolean;
     /**
      * (Optional) Zoom to start the map at. Ignored if the showMap is false.
      */
-    zoom?: MapboxZoomLevel;
+    readonly zoom?: MapboxZoomLevel;
     /**
      * Time until recentering on the marker. If the time is 0 then the recentering is disabled.
      */
-    recenterTime?: Milliseconds;
-    latLngConfig?: LatLngPointFunctionConfig;
+    readonly recenterTime?: Milliseconds;
+    readonly latLngConfig?: LatLngPointFunctionConfig;
     /**
      * Unique injection key.
      *
@@ -56,38 +56,40 @@ export interface DbxFormMapboxLatLngComponentFieldProps extends FormlyFieldProps
      *
      * If false is passed, the marker will not be configured in the injection store.
      */
-    mapInjectionKey?: Maybe<string | false>;
+    readonly mapInjectionKey?: Maybe<string | false>;
     /**
      * Marker configuration or factory. If false is passed, the marker will not be displayed.
      */
-    markerConfig?: false | ObservableFactoryWithRequiredInput<DbxMapboxMarkerDisplayConfig | false, DbxFormMapboxLatLngFieldComponent>;
+    readonly markerConfig?: false | ObservableFactoryWithRequiredInput<DbxMapboxMarkerDisplayConfig | false, DbxFormMapboxLatLngFieldComponent>;
 }
 export declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLatLngComponentFieldProps = DbxFormMapboxLatLngComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
     private readonly _geolocationService;
     readonly compact: CompactContextStore | null;
     readonly dbxMapboxInjectionStore: DbxMapboxInjectionStore | null;
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    readonly ngZone: NgZone;
     readonly injector: Injector;
+    private readonly _sub;
+    private readonly _geoSub;
+    private readonly _centerSub;
+    private readonly _flyToCenterSub;
+    private readonly _clickSub;
+    private readonly _zoom;
+    private readonly _markerConfig;
     private _latLngStringFunction;
     private _latLngPointFunction;
-    readonly compactClass$: Observable<Maybe<string>>;
-    private _useCurrentLocationDisabled;
+    readonly compactClass$: Observable<string>;
+    private readonly _useCurrentLocationDisabled;
     readonly useCurrentLocationDisabled$: Observable<boolean>;
-    private _sub;
-    private _geoSub;
-    private _centerSub;
-    private _flyToCenterSub;
-    private _clickSub;
-    private _zoom;
-    private _markerConfig;
-    private _formControlObs;
+    private readonly _formControlObs;
     readonly formControl$: Observable<AbstractControl<any, any>>;
     readonly value$: Observable<any>;
     readonly latLng$: Observable<LatLngPoint>;
     readonly nonZeroLatLng$: Observable<LatLngPoint>;
     readonly zoom$: Observable<number>;
     readonly markerConfig$: Observable<false | DbxMapboxMarkerDisplayConfig>;
+    readonly useCurrentLocationDisabledSignal: import("@angular/core").Signal<boolean>;
+    readonly compactClassSignal: import("@angular/core").Signal<string>;
+    readonly latLngSignal: import("@angular/core").Signal<LatLngPoint>;
     get zoom(): MapboxZoomLevel;
     get formGroupName(): string;
     get formGroup(): FormGroup;
@@ -110,5 +112,5 @@ export declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLa
     onMarkerDragEnd(marker: Marker): void;
     setValue(latLng?: Maybe<LatLngPoint>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/field/latlng/latlng.field.marker.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 export declare class DbxFormMapboxLatLngFieldMarkerComponent {
     readonly fieldComponent: DbxFormMapboxLatLngFieldComponent<any>;
     readonly marker$: Observable<Maybe<DbxMapboxMarker>>;
+    readonly markerSignal: import("@angular/core").Signal<Maybe<DbxMapboxMarker>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngFieldMarkerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldMarkerComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldMarkerComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/field/latlng/latlng.module.d.ts

@@ -1,17 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./latlng.field.component";
-import * as i2 from "./latlng.field.marker.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@dereekb/dbx-web";
-import * as i7 from "@dereekb/dbx-web/mapbox";
-import * as i8 from "@angular/forms";
-import * as i9 from "@angular/material/input";
-import * as i10 from "@ngx-formly/core";
-import * as i11 from "ngx-mapbox-gl";
+import * as i2 from "@ngx-formly/core";
 export declare class DbxFormMapboxLatLngModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxLatLngModule, [typeof i1.DbxFormMapboxLatLngFieldComponent, typeof i2.DbxFormMapboxLatLngFieldMarkerComponent], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.DbxTextModule, typeof i7.DbxMapboxModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.MatInputModule, typeof i10.FormlyModule, typeof i11.NgxMapboxGLModule], [typeof i2.DbxFormMapboxLatLngFieldMarkerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxLatLngModule, never, [typeof i1.DbxFormMapboxLatLngFieldComponent, typeof i2.FormlyModule], [typeof i1.DbxFormMapboxLatLngFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxLatLngModule>;
 }

package/mapbox/lib/field/zoom/zoom.field.component.d.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { CompactContextStore } from '@dereekb/dbx-web';
-import { NgZone, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { FieldType } from '@ngx-formly/material';
 import { Observable } from 'rxjs';
@@ -13,38 +13,38 @@ export interface DbxFormMapboxZoomComponentFieldProps extends Omit<FormlyFieldPr
      *
      * Defaults to true.
      */
-    showMap?: boolean;
+    readonly showMap?: boolean;
     /**
      * Default center
      */
-    center?: LatLngPoint;
+    readonly center?: LatLngPoint;
     /**
      * Whether or not to lock the map itself to the min and max zoom levels.
      */
-    lockMapToZoomLevels?: boolean;
+    readonly lockMapToZoomLevels?: boolean;
     /**
      * Min zoom level allowed
      */
-    minZoom?: MapboxZoomLevel;
+    readonly minZoom?: MapboxZoomLevel;
     /**
      * Max zoom level allowed.
      */
-    maxZoom?: MapboxZoomLevel;
+    readonly maxZoom?: MapboxZoomLevel;
     /**
      * Step size when using arrow keys.
      */
-    zoomStep?: number;
+    readonly zoomStep?: number;
 }
 export declare class DbxFormMapboxZoomFieldComponent<T extends DbxFormMapboxZoomComponentFieldProps = DbxFormMapboxZoomComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
     readonly compact: CompactContextStore | null;
     readonly dbxMapboxService: DbxMapboxService;
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    readonly ngZone: NgZone;
     private _undoZoomLimit;
-    readonly compactClass$: Observable<Maybe<string>>;
-    private _sub;
-    private _center;
-    private _formControlObs;
+    readonly compactClass$: Observable<string>;
+    readonly compactClassSignal: import("@angular/core").Signal<string>;
+    private readonly _sub;
+    private readonly _center;
+    private readonly _formControlObs;
     readonly formControl$: Observable<AbstractControl<any, any>>;
     readonly value$: Observable<any>;
     readonly zoom$: Observable<MapboxZoomLevel>;
@@ -64,5 +64,5 @@ export declare class DbxFormMapboxZoomFieldComponent<T extends DbxFormMapboxZoom
     ngOnDestroy(): void;
     setValue(zoom?: Maybe<ZoomLevel>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxZoomFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxZoomFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxZoomFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/field/zoom/zoom.module.d.ts

@@ -1,16 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./zoom.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@dereekb/dbx-web";
-import * as i6 from "@dereekb/dbx-web/mapbox";
-import * as i7 from "@angular/forms";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@ngx-formly/core";
-import * as i10 from "ngx-mapbox-gl";
+import * as i2 from "@ngx-formly/core";
+import * as i3 from "ngx-mapbox-gl";
 export declare class DbxFormMapboxZoomModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxZoomModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxZoomModule, [typeof i1.DbxFormMapboxZoomFieldComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.DbxTextModule, typeof i6.DbxMapboxModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.MatInputModule, typeof i9.FormlyModule, typeof i10.NgxMapboxGLModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxZoomModule, never, [typeof i1.DbxFormMapboxZoomFieldComponent, typeof i2.FormlyModule, typeof i3.NgxMapboxGLModule], [typeof i1.DbxFormMapboxZoomFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxZoomModule>;
 }

package/package.json

@@ -1,28 +1,27 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "11.1.8",
+  "version": "12.0.0",
   "peerDependencies": {
-    "@angular/common": "^16.2.12",
-    "@angular/core": "^16.2.12",
-    "date-fns": "^2.30.0",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "date-fns": "^3.0.0",
     "rxjs": "^7.5.0",
     "@dereekb/dbx-core": "*",
     "@dereekb/rxjs": "*",
     "@dereekb/util": "*",
-    "@angular/material": "^16.2.12",
+    "@angular/material": "^18.0.0",
     "@uirouter/core": "^6.0.8",
     "@dereekb/dbx-web": "*",
-    "@angular/forms": "^16.2.12",
+    "@angular/forms": "^18.0.0",
     "@ngx-formly/core": "^6.0.0",
     "@ngx-formly/material": "^6.0.0",
-    "change-case": "^4.1.2",
-    "@angular/cdk": "^16.2.12",
     "@dereekb/date": "*",
-    "@ngbracket/ngx-layout": "16.1.3",
-    "ngx-editor": "^16.0.0",
+    "@ngbracket/ngx-layout": "^18.0.0",
     "ngx-mat-intl-tel-input": "^5.0.0",
     "@dereekb/model": "*",
-    "@angular/platform-browser": "^16.2.12"
+    "@angular/platform-browser": "^18.0.0",
+    "@angular/material-date-fns-adapter": "^18.0.0",
+    "@angular/cdk": "^18.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/mapbox/esm2022/dereekb-dbx-form-mapbox.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVyZWVrYi1kYngtZm9ybS1tYXBib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9tYXBib3gvc3JjL2RlcmVla2ItZGJ4LWZvcm0tbWFwYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19