@dereekb/dbx-form 13.17.0 → 13.18.0

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

@@ -1,12 +1,9 @@
-import { validatorsForFieldConfig, DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, formlyField, propsAndConfigForFieldConfig, DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER } from '@dereekb/dbx-form';
-import { LAT_LNG_PATTERN, isSameLatLngPoint, isDefaultLatLngPoint, isValidLatLngPoint, defaultLatLngPoint, latLngStringFunction, latLngPointFunction, filterFromPOJO, latLngPoint } from '@dereekb/util';
-import * as i3 from '@angular/forms';
-import { ReactiveFormsModule, FormControl, FormsModule } from '@angular/forms';
+import { filterFromPOJO, LAT_LNG_PATTERN, latLngPointFunction, latLngStringFunction, defaultLatLngPoint, isSameLatLngPoint, isDefaultLatLngPoint, isValidLatLngPoint, latLngPoint } from '@dereekb/util';
+import { DEFAULT_FORGE_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, DEFAULT_FORGE_LAT_LNG_TEXT_FIELD_PLACEHOLDER } from '@dereekb/dbx-form';
 import { CompactContextStore, mapCompactModeObs } from '@dereekb/dbx-web';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectionStrategy, Component, Injector, NgModule, ElementRef, input, computed, effect } from '@angular/core';
-import { FieldType } from '@ngx-formly/material';
-import { combineLatest, map, shareReplay, BehaviorSubject, of, switchMap, startWith, distinctUntilChanged, skipWhile, filter, skip, throttleTime, first } from 'rxjs';
+import { inject, ChangeDetectionStrategy, Component, ElementRef, input, computed, effect } from '@angular/core';
+import { combineLatest, map, shareReplay, BehaviorSubject, of, distinctUntilChanged, skipWhile, filter, switchMap, skip, throttleTime, first } from 'rxjs';
 import { filterMaybe, asObservableFromGetter } from '@dereekb/rxjs';
 import { WaGeolocationService } from '@ng-web-apis/geolocation';
 import * as i3$1 from '@dereekb/dbx-web/mapbox';
@@ -23,337 +20,12 @@ import * as i6 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i2$1 from 'ngx-mapbox-gl';
 import { MapComponent, MarkerComponent } from 'ngx-mapbox-gl';
-import { cleanSubscription, completeOnDestroy } from '@dereekb/dbx-core';
-import * as i1 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
 import { setupMetaTracking, resolveValueFieldContext, DEFAULT_PROPS, DEFAULT_VALIDATION_MESSAGES, buildValueFieldInputs } from '@ng-forge/dynamic-forms/integration';
+import * as i3 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { cleanSubscription, completeOnDestroy } from '@dereekb/dbx-core';
 import { provideDynamicForm } from '@ng-forge/dynamic-forms';
 
-/* eslint-disable @typescript-eslint/no-deprecated -- legacy formly mapbox factory; references deprecated config interfaces and is itself deprecated in favor of dbxForgeMapboxLatLngField() */
-/**
- * Creates a Formly field configuration for a Mapbox-powered latitude/longitude picker with optional map display.
- *
- * @param config - Optional field configuration overrides.
- * @returns A validated Formly field configuration for the Mapbox lat/lng picker.
- *
- * @deprecated Use dbxForgeMapboxLatLngField() from the forge API instead.
- */
-function mapboxLatLngField(config = {}) {
-    const { key = 'latLng', latLngConfig, showMap, zoom, recenterTime, showCenterButton, setCenterOnLocationSet, selectLocationOnMapDrag, selectLocationOnMapClick, markerConfig } = config;
-    const classGetter = 'dbx-mat-form-field-disable-underline';
-    const fieldConfig = {
-        ...formlyField({
-            key,
-            type: 'mapbox-latlng-picker',
-            ...propsAndConfigForFieldConfig(config, {
-                classGetter,
-                label: config.label ?? 'Location',
-                placeholder: DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER,
-                pattern: LAT_LNG_PATTERN,
-                autocomplete: false,
-                showMap,
-                zoom,
-                latLngConfig,
-                recenterTime,
-                selectLocationOnMapDrag,
-                selectLocationOnMapClick,
-                showCenterButton,
-                setCenterOnLocationSet,
-                markerConfig
-            })
-        }),
-        ...validatorsForFieldConfig({
-            messages: {
-                pattern: DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE
-            }
-        })
-    };
-    return fieldConfig;
-}
-
-/* eslint-disable @typescript-eslint/no-deprecated -- marker component injects the deprecated DbxFormMapboxLatLngFieldComponent; both belong to the legacy mapbox formly layer being replaced by forge */
-class DbxFormMapboxLatLngFieldMarkerComponent {
-    fieldComponent = inject(DbxFormMapboxLatLngFieldComponent);
-    marker$ = combineLatest([this.fieldComponent.latLng$, this.fieldComponent.markerConfig$]).pipe(map(([latLng, markerConfig]) => {
-        return markerConfig === false ? undefined : { latLng, ...markerConfig };
-    }), shareReplay(1));
-    markerSignal = toSignal(this.marker$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngFieldMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxFormMapboxLatLngFieldMarkerComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
-    <dbx-mapbox-marker [marker]="markerSignal()"></dbx-mapbox-marker>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: ["marker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngFieldMarkerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <dbx-mapbox-marker [marker]="markerSignal()"></dbx-mapbox-marker>
-  `,
-                    imports: [DbxMapboxMarkerComponent],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true
-                }]
-        }] });
-
-/* eslint-disable @typescript-eslint/no-deprecated -- legacy DbxFormMapboxLatLngFieldComponent retained for backward compatibility; replacement is DbxForgeMapboxLatLngFieldComponent and intra-file references are part of the deprecated layer */
-const DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_FIELD_INJECTION_KEY = 'DbxFormMapboxLatLngFieldComponent';
-const DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_MARKER_CONFIG = {
-    icon: 'pin_drop'
-};
-/*
-  TODO: Re-add menu for picking a new location, including using the current location.
- <button mat-icon-button (click)="useCurrentLocation()" [disabled]="isReadonlyOrDisabled || (useCurrentLocationDisabled$ | async)">
-          <mat-icon>my_location</mat-icon>
-        </button>
- */
-/**
- * @deprecated Use DbxForgeMapboxLatLngFieldComponent instead.
- */
-class DbxFormMapboxLatLngFieldComponent extends FieldType {
-    _geolocationService = inject(WaGeolocationService);
-    compact = inject(CompactContextStore, { optional: true });
-    dbxMapboxInjectionStore = inject(DbxMapboxInjectionStore, { optional: true });
-    dbxMapboxMapStore = inject(DbxMapboxMapStore);
-    injector = inject(Injector);
-    _sub = cleanSubscription();
-    _geoSub = cleanSubscription();
-    _centerSub = cleanSubscription();
-    _flyToCenterSub = cleanSubscription();
-    _clickSub = cleanSubscription();
-    _zoom = completeOnDestroy(new BehaviorSubject(12));
-    _markerConfig = completeOnDestroy(new BehaviorSubject(of(DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_MARKER_CONFIG)));
-    _latLngStringFunction;
-    _latLngPointFunction;
-    compactClass$ = mapCompactModeObs(this.compact?.mode$, {
-        compact: 'dbx-mapbox-input-field-compact'
-    }).pipe(filterMaybe());
-    _useCurrentLocationDisabled = completeOnDestroy(new BehaviorSubject(false));
-    useCurrentLocationDisabled$ = this._useCurrentLocationDisabled.asObservable();
-    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
-    formControl$ = this._formControlObs.pipe(filterMaybe());
-    value$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value))), shareReplay(1));
-    latLng$ = this.value$.pipe(filterMaybe(), map((x) => this._latLngPointFunction(x)), distinctUntilChanged(isSameLatLngPoint), shareReplay(1));
-    nonZeroLatLng$ = this.latLng$.pipe(
-    /**
-     * Center observable passed to the store. Do not pass invalid points.
-     *
-     * Also skip any initial 0,0 values so the center doesn't potentially "whip" from 0,0 to a final loaded value.
-     */
-    skipWhile(isDefaultLatLngPoint), filter(isValidLatLngPoint));
-    zoom$ = this._zoom.asObservable();
-    markerConfig$ = this._markerConfig.asObservable().pipe(switchMap((x) => x), shareReplay(1));
-    useCurrentLocationDisabledSignal = toSignal(this._useCurrentLocationDisabled, { initialValue: false });
-    compactClassSignal = toSignal(this.compactClass$, { initialValue: '' });
-    latLngSignal = toSignal(this.latLng$, { initialValue: defaultLatLngPoint() });
-    get zoom() {
-        return Math.min(this.field.props.zoom || 12, 18);
-    }
-    get formGroupName() {
-        return this.field.key;
-    }
-    get formGroup() {
-        return this.form;
-    }
-    get label() {
-        return this.field.props?.label;
-    }
-    get description() {
-        return this.props.description;
-    }
-    get isReadonlyOrDisabled() {
-        return this.props.readonly || this.disabled;
-    }
-    get showMap() {
-        return this.field.props.showMap ?? true;
-    }
-    get selectLocationOnMapDrag() {
-        return this.field.props.selectLocationOnMapDrag ?? true;
-    }
-    get selectLocationOnMapClick() {
-        return this.field.props.selectLocationOnMapClick ?? false;
-    }
-    get setCenterOnLocationSet() {
-        return this.field.props.setCenterOnLocationSet ?? true;
-    }
-    get showCenterButton() {
-        return !this.selectLocationOnMapDrag && this.props.showCenterButton !== false;
-    }
-    get recenterTime() {
-        return this.field.props.recenterTime || 10 * 1000;
-    }
-    get useCurrentLocationDisabled() {
-        return this._useCurrentLocationDisabled;
-    }
-    get mapInjectionKey() {
-        return this.field.props.mapInjectionKey;
-    }
-    get markerConfig() {
-        return this.field.props.markerConfig;
-    }
-    ngOnInit() {
-        const latLngPointConfig = { ...this.field.props.latLngConfig, wrap: this.field.props.latLngConfig?.wrap || false, validate: this.field.props.latLngConfig?.validate || false, precisionRounding: this.field.props.latLngConfig?.precisionRounding ?? 'round' };
-        this._latLngStringFunction = latLngStringFunction(latLngPointConfig);
-        this._latLngPointFunction = latLngPointFunction(latLngPointConfig);
-        this._formControlObs.next(this.formControl);
-        this._zoom.next(this.zoom);
-        if (this.setCenterOnLocationSet) {
-            this._centerSub.subscription = this.dbxMapboxMapStore.setCenter(this.nonZeroLatLng$);
-        }
-        if (this.showMap) {
-            // Set zoom only if showMap is true
-            this.dbxMapboxMapStore.setZoom(this.zoom$);
-            // recenter periodically
-            if (this.recenterTime > 0) {
-                this._flyToCenterSub.subscription = this.dbxMapboxMapStore.center$.pipe(skip(1), throttleTime(this.recenterTime, undefined, { leading: false, trailing: true })).subscribe(() => {
-                    this.flyToMarker();
-                });
-            }
-        }
-        else {
-            // use the center of the map to set locations
-            if (this.selectLocationOnMapDrag) {
-                this._sub.subscription = this.dbxMapboxMapStore.center$.subscribe((center) => {
-                    this.dbxMapboxMapStore.centerGivenMargin$.pipe(first()).subscribe(() => {
-                        if (!this.isReadonlyOrDisabled) {
-                            this.setValue(center);
-                        }
-                    });
-                });
-            }
-            // enable selecting the location on a map click
-            if (this.selectLocationOnMapClick) {
-                this._clickSub.subscription = this.dbxMapboxMapStore.clickEvent$.subscribe((x) => {
-                    if (x?.type === 'click') {
-                        this.setValue(x.lngLat);
-                    }
-                });
-            }
-        }
-        if (this.props.readonly) {
-            this.formControl.disable();
-        }
-        // Add the marker to the injection store for display
-        if (this.dbxMapboxInjectionStore) {
-            if (this.markerConfig != null) {
-                this._markerConfig.next(this.markerConfig === false ? of(false) : asObservableFromGetter(this.markerConfig, this));
-            }
-            this.dbxMapboxInjectionStore.addInjectionConfig({
-                key: this.mapInjectionKey || DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_FIELD_INJECTION_KEY,
-                injectionConfig: {
-                    componentClass: DbxFormMapboxLatLngFieldMarkerComponent,
-                    providers: [{ provide: DbxFormMapboxLatLngFieldComponent, useValue: this }]
-                }
-            });
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-    }
-    flyToMarker() {
-        this.dbxMapboxMapStore.easeTo(this.nonZeroLatLng$.pipe(first(), map((x) => ({ center: x }))));
-    }
-    useCurrentLocation() {
-        this._geoSub.subscription = this._geolocationService.pipe(first()).subscribe({
-            next: (position) => {
-                if (position) {
-                    const { latitude: lat, longitude: lng } = position.coords;
-                    this.setValue({ lat, lng });
-                }
-            },
-            error: () => {
-                this._useCurrentLocationDisabled.next(true);
-            }
-        });
-    }
-    onMarkerDragEnd(marker) {
-        this.setValue(marker.getLngLat());
-    }
-    setValue(latLng) {
-        this.formControl.setValue(latLng ? this._latLngStringFunction(latLng) : latLng);
-        this.formControl.markAsTouched();
-        this.formControl.markAsDirty();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxFormMapboxLatLngFieldComponent, isStandalone: true, selector: "ng-component", providers: [provideMapboxStoreIfParentIsUnavailable()], usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-mapbox-input-field" [ngClass]="compactClassSignal()" [formGroup]="formGroup">
-      @if (showMap) {
-        <div class="dbx-mapbox-input-field-map">
-          <mgl-map dbxMapboxMap>
-            <mgl-marker [lngLat]="latLngSignal()" [draggable]="!isReadonlyOrDisabled" (markerDragEnd)="onMarkerDragEnd($event)"></mgl-marker>
-          </mgl-map>
-        </div>
-      }
-      <div class="dbx-mapbox-input-field-input">
-        @if (showCenterButton) {
-          <button mat-icon-button (click)="flyToMarker()">
-            <mat-icon>my_location</mat-icon>
-          </button>
-        }
-        <mat-form-field class="dbx-mapbox-input-field-input-field">
-          <mat-label>Coordinates</mat-label>
-          <input type="text" matInput [placeholder]="placeholder" [formControl]="formControl" />
-          @if (useCurrentLocationDisabledSignal()) {
-            <mat-hint class="dbx-hint dbx-warn">Could not access your current location.</mat-hint>
-          }
-        </mat-form-field>
-      </div>
-    </div>
-  `, isInline: true, styles: [".dbx-mapbox-input-field .dbx-mapbox-input-field-map{height:220px;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-map mgl-map{height:100%;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-input{display:flex;align-items:center}.dbx-mapbox-input-field .dbx-mapbox-input-field-input .dbx-mapbox-input-field-input-field{width:calc(100% - 40px)}.dbx-mapbox-input-field-compact .dbx-latlng-field-input{min-height:120px;height:300px;max-height:calc(var(--vh100) * .5)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MapComponent, selector: "mgl-map", inputs: ["accessToken", "collectResourceTiming", "crossSourceCollisions", "fadeDuration", "hash", "refreshExpiredTiles", "failIfMajorPerformanceCaveat", "bearingSnap", "interactive", "pitchWithRotate", "clickTolerance", "attributionControl", "logoPosition", "maxTileCacheSize", "localIdeographFontFamily", "preserveDrawingBuffer", "trackResize", "transformRequest", "bounds", "antialias", "locale", "cooperativeGestures", "minZoom", "maxZoom", "minPitch", "maxPitch", "scrollZoom", "dragRotate", "touchPitch", "touchZoomRotate", "doubleClickZoom", "keyboard", "dragPan", "boxZoom", "style", "center", "maxBounds", "zoom", "bearing", "pitch", "fitBoundsOptions", "renderWorldCopies", "projection", "movingMethod", "movingOptions", "fitBounds", "fitScreenCoordinates", "centerWithPanTo", "panToOptions", "cursorStyle"], outputs: ["mapResize", "mapRemove", "mapMouseDown", "mapMouseUp", "mapMouseMove", "mapClick", "mapDblClick", "mapMouseOver", "mapMouseOut", "mapContextMenu", "mapTouchStart", "mapTouchEnd", "mapTouchMove", "mapTouchCancel", "mapWheel", "moveStart", "move", "moveEnd", "mapDragStart", "mapDrag", "mapDragEnd", "zoomStart", "zoomEvt", "zoomEnd", "rotateStart", "rotate", "rotateEnd", "pitchStart", "pitchEvt", "pitchEnd", "boxZoomStart", "boxZoomEnd", "boxZoomCancel", "webGlContextLost", "webGlContextRestored", "mapLoad", "mapCreate", "idle", "render", "mapError", "data", "styleData", "sourceData", "dataLoading", "styleDataLoading", "sourceDataLoading", "styleImageMissing"] }, { kind: "component", type: MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "zIndex", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: DbxMapboxModule }, { kind: "directive", type: i3$1.DbxMapboxMapDirective, selector: "[dbxMapboxMap]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngFieldComponent, decorators: [{
-            type: Component,
-            args: [{ template: `
-    <div class="dbx-mapbox-input-field" [ngClass]="compactClassSignal()" [formGroup]="formGroup">
-      @if (showMap) {
-        <div class="dbx-mapbox-input-field-map">
-          <mgl-map dbxMapboxMap>
-            <mgl-marker [lngLat]="latLngSignal()" [draggable]="!isReadonlyOrDisabled" (markerDragEnd)="onMarkerDragEnd($event)"></mgl-marker>
-          </mgl-map>
-        </div>
-      }
-      <div class="dbx-mapbox-input-field-input">
-        @if (showCenterButton) {
-          <button mat-icon-button (click)="flyToMarker()">
-            <mat-icon>my_location</mat-icon>
-          </button>
-        }
-        <mat-form-field class="dbx-mapbox-input-field-input-field">
-          <mat-label>Coordinates</mat-label>
-          <input type="text" matInput [placeholder]="placeholder" [formControl]="formControl" />
-          @if (useCurrentLocationDisabledSignal()) {
-            <mat-hint class="dbx-hint dbx-warn">Could not access your current location.</mat-hint>
-          }
-        </mat-form-field>
-      </div>
-    </div>
-  `, providers: [provideMapboxStoreIfParentIsUnavailable()], imports: [NgClass, MapComponent, MarkerComponent, ReactiveFormsModule, MatIconModule, DbxMapboxModule, MatButtonModule, MatFormFieldModule, MatInputModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".dbx-mapbox-input-field .dbx-mapbox-input-field-map{height:220px;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-map mgl-map{height:100%;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-input{display:flex;align-items:center}.dbx-mapbox-input-field .dbx-mapbox-input-field-input .dbx-mapbox-input-field-input-field{width:calc(100% - 40px)}.dbx-mapbox-input-field-compact .dbx-latlng-field-input{min-height:120px;height:300px;max-height:calc(var(--vh100) * .5)}\n"] }]
-        }] });
-
-/* eslint-disable @typescript-eslint/no-deprecated -- legacy NgModule that wraps the deprecated DbxFormMapboxLatLngFieldComponent; replacement is provideDbxForgeMapboxFieldDeclarations() */
-const importsAndExports$1 = [DbxFormMapboxLatLngFieldComponent];
-/**
- * @deprecated Use provideDbxForgeMapboxFieldDeclarations() instead.
- */
-class DbxFormMapboxLatLngModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngModule, imports: [DbxFormMapboxLatLngFieldComponent, i1.FormlyModule], exports: [DbxFormMapboxLatLngFieldComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngModule, imports: [importsAndExports$1, FormlyModule.forChild({
-                types: [{ name: 'mapbox-latlng-picker', component: DbxFormMapboxLatLngFieldComponent, wrappers: ['style', 'form-field'] }]
-            })] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxLatLngModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ...importsAndExports$1,
-                        FormlyModule.forChild({
-                            types: [{ name: 'mapbox-latlng-picker', component: DbxFormMapboxLatLngFieldComponent, wrappers: ['style', 'form-field'] }]
-                        })
-                    ],
-                    exports: importsAndExports$1
-                }]
-        }] });
-
 /**
  * The custom forge field type name for the mapbox lat/lng field.
  */
@@ -371,9 +43,9 @@ function dbxForgeMapboxLatLngField(config = {}) {
     const props = filterFromPOJO({
         label: label ?? 'Location',
         description,
-        placeholder: DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER,
+        placeholder: DEFAULT_FORGE_LAT_LNG_TEXT_FIELD_PLACEHOLDER,
         pattern: LAT_LNG_PATTERN,
-        patternMessage: DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE,
+        patternMessage: DEFAULT_FORGE_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE,
         showMap,
         zoom,
         latLngConfig,
@@ -700,190 +372,6 @@ var latlng_forge_field_component = /*#__PURE__*/Object.freeze({
     mapboxLatLngFieldMapper: mapboxLatLngFieldMapper
 });
 
-/* eslint-disable @typescript-eslint/no-deprecated -- legacy formly mapbox factory; references deprecated config interfaces and is itself deprecated in favor of dbxForgeMapboxZoomField() */
-/**
- * Creates a Formly field configuration for a Mapbox-powered zoom level picker with optional map preview.
- *
- * @param config - Optional field configuration overrides.
- * @returns A validated Formly field configuration for the Mapbox zoom picker.
- *
- * @deprecated Use dbxForgeMapboxZoomField() from the forge API instead.
- */
-function mapboxZoomField(config = {}) {
-    const { key = 'zoom', showMap, center, minZoom, maxZoom, zoomStep } = config;
-    const classGetter = 'dbx-mat-form-field-disable-underline';
-    const fieldConfig = {
-        ...formlyField({
-            key,
-            type: 'mapbox-zoom-picker',
-            ...propsAndConfigForFieldConfig(config, {
-                classGetter,
-                label: config.label ?? 'Zoom',
-                autocomplete: false,
-                showMap,
-                center,
-                minZoom,
-                maxZoom,
-                zoomStep
-            })
-        })
-    };
-    return fieldConfig;
-}
-
-/**
- * @deprecated Use DbxForgeMapboxZoomFieldComponent instead.
- */
-class DbxFormMapboxZoomFieldComponent extends FieldType {
-    compact = inject(CompactContextStore, { optional: true });
-    dbxMapboxService = inject(DbxMapboxService);
-    dbxMapboxMapStore = inject(DbxMapboxMapStore);
-    _undoZoomLimit = false;
-    compactClass$ = mapCompactModeObs(this.compact?.mode$, {
-        compact: 'dbx-mapbox-input-field-compact'
-    }).pipe(filterMaybe());
-    compactClassSignal = toSignal(this.compactClass$, { initialValue: '' });
-    _sub = cleanSubscription();
-    _center = completeOnDestroy(new BehaviorSubject(undefined));
-    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
-    formControl$ = this._formControlObs.pipe(filterMaybe());
-    value$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value))), shareReplay(1));
-    zoom$ = this.value$.pipe(filterMaybe(), shareReplay(1));
-    center$ = this._center.pipe(filterMaybe());
-    get center() {
-        return this.field.props.center || latLngPoint(this.dbxMapboxService.defaultCenter);
-    }
-    get formGroupName() {
-        return this.field.key;
-    }
-    get formGroup() {
-        return this.form;
-    }
-    get label() {
-        return this.field.props?.label;
-    }
-    get description() {
-        return this.props.description;
-    }
-    get isReadonlyOrDisabled() {
-        return this.props.readonly || this.disabled;
-    }
-    get showMap() {
-        return this.field.props.showMap ?? true;
-    }
-    get lockMapToZoomLevels() {
-        return this.field.props.lockMapToZoomLevels ?? false;
-    }
-    get minZoom() {
-        return mapboxZoomLevel(this.field.props.minZoom || MAPBOX_MIN_ZOOM_LEVEL);
-    }
-    get maxZoom() {
-        return mapboxZoomLevel(this.field.props.maxZoom || MAPBOX_MAX_ZOOM_LEVEL);
-    }
-    get zoomStep() {
-        return mapboxZoomLevel(this.field.props.zoomStep || 1);
-    }
-    ngOnInit() {
-        this._formControlObs.next(this.formControl);
-        this._center.next(this.center);
-        // set/sync props for error messages
-        this.props.min = this.minZoom;
-        this.props.max = this.maxZoom;
-        this.dbxMapboxMapStore.setZoom(this.zoom$);
-        // Set center only if showMap is false.
-        if (this.showMap) {
-            this.dbxMapboxMapStore.setCenter(this.center$);
-        }
-        if (this.props.readonly) {
-            this.formControl.disable();
-            if (this.showMap) {
-                this.dbxMapboxMapStore.setZoomDisabled();
-            }
-        }
-        else if (this.lockMapToZoomLevels) {
-            // set zoom limits on the map
-            this.dbxMapboxMapStore.setZoomRange({ min: this.minZoom, max: this.maxZoom });
-            // flat to undo them later if not using the same map
-            this._undoZoomLimit = !this.showMap;
-        }
-        this._sub.subscription = this.dbxMapboxMapStore.zoom$.subscribe((zoom) => {
-            if (!this.isReadonlyOrDisabled) {
-                this.setValue(zoom);
-            }
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (!this._undoZoomLimit) {
-            this.dbxMapboxMapStore.setZoomRange({});
-        }
-    }
-    setValue(zoom) {
-        this.formControl.setValue(zoom);
-        this.formControl.markAsTouched();
-        this.formControl.markAsDirty();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxFormMapboxZoomFieldComponent, isStandalone: true, selector: "ng-component", providers: [provideMapboxStoreIfParentIsUnavailable()], usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-mapbox-input-field" [ngClass]="compactClassSignal()" [formGroup]="formGroup">
-      @if (showMap) {
-        <div class="dbx-mapbox-input-field-map">
-          <mgl-map dbxMapboxMap></mgl-map>
-        </div>
-      }
-      <div class="dbx-mapbox-input-field-input">
-        <mat-form-field class="dbx-mapbox-input-field-input-field">
-          <mat-label>Zoom Level</mat-label>
-          <input type="number" matInput [min]="minZoom" [max]="maxZoom" [step]="zoomStep" [placeholder]="placeholder" [formControl]="formControl" />
-        </mat-form-field>
-      </div>
-    </div>
-  `, isInline: true, styles: [".dbx-mapbox-input-field .dbx-mapbox-input-field-map{height:220px;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-map mgl-map{height:100%;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-input{display:flex;align-items:center}.dbx-mapbox-input-field .dbx-mapbox-input-field-input .dbx-mapbox-input-field-input-field{width:calc(100% - 40px)}.dbx-mapbox-input-field-compact .dbx-latlng-field-input{min-height:120px;height:300px;max-height:calc(var(--vh100) * .5)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DbxMapboxModule }, { kind: "directive", type: i3$1.DbxMapboxMapDirective, selector: "[dbxMapboxMap]" }, { kind: "component", type: i2$1.MapComponent, selector: "mgl-map", inputs: ["accessToken", "collectResourceTiming", "crossSourceCollisions", "fadeDuration", "hash", "refreshExpiredTiles", "failIfMajorPerformanceCaveat", "bearingSnap", "interactive", "pitchWithRotate", "clickTolerance", "attributionControl", "logoPosition", "maxTileCacheSize", "localIdeographFontFamily", "preserveDrawingBuffer", "trackResize", "transformRequest", "bounds", "antialias", "locale", "cooperativeGestures", "minZoom", "maxZoom", "minPitch", "maxPitch", "scrollZoom", "dragRotate", "touchPitch", "touchZoomRotate", "doubleClickZoom", "keyboard", "dragPan", "boxZoom", "style", "center", "maxBounds", "zoom", "bearing", "pitch", "fitBoundsOptions", "renderWorldCopies", "projection", "movingMethod", "movingOptions", "fitBounds", "fitScreenCoordinates", "centerWithPanTo", "panToOptions", "cursorStyle"], outputs: ["mapResize", "mapRemove", "mapMouseDown", "mapMouseUp", "mapMouseMove", "mapClick", "mapDblClick", "mapMouseOver", "mapMouseOut", "mapContextMenu", "mapTouchStart", "mapTouchEnd", "mapTouchMove", "mapTouchCancel", "mapWheel", "moveStart", "move", "moveEnd", "mapDragStart", "mapDrag", "mapDragEnd", "zoomStart", "zoomEvt", "zoomEnd", "rotateStart", "rotate", "rotateEnd", "pitchStart", "pitchEvt", "pitchEnd", "boxZoomStart", "boxZoomEnd", "boxZoomCancel", "webGlContextLost", "webGlContextRestored", "mapLoad", "mapCreate", "idle", "render", "mapError", "data", "styleData", "sourceData", "dataLoading", "styleDataLoading", "sourceDataLoading", "styleImageMissing"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomFieldComponent, decorators: [{
-            type: Component,
-            args: [{ template: `
-    <div class="dbx-mapbox-input-field" [ngClass]="compactClassSignal()" [formGroup]="formGroup">
-      @if (showMap) {
-        <div class="dbx-mapbox-input-field-map">
-          <mgl-map dbxMapboxMap></mgl-map>
-        </div>
-      }
-      <div class="dbx-mapbox-input-field-input">
-        <mat-form-field class="dbx-mapbox-input-field-input-field">
-          <mat-label>Zoom Level</mat-label>
-          <input type="number" matInput [min]="minZoom" [max]="maxZoom" [step]="zoomStep" [placeholder]="placeholder" [formControl]="formControl" />
-        </mat-form-field>
-      </div>
-    </div>
-  `, providers: [provideMapboxStoreIfParentIsUnavailable()], imports: [NgClass, DbxMapboxModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".dbx-mapbox-input-field .dbx-mapbox-input-field-map{height:220px;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-map mgl-map{height:100%;width:100%}.dbx-mapbox-input-field .dbx-mapbox-input-field-input{display:flex;align-items:center}.dbx-mapbox-input-field .dbx-mapbox-input-field-input .dbx-mapbox-input-field-input-field{width:calc(100% - 40px)}.dbx-mapbox-input-field-compact .dbx-latlng-field-input{min-height:120px;height:300px;max-height:calc(var(--vh100) * .5)}\n"] }]
-        }] });
-
-/* eslint-disable @typescript-eslint/no-deprecated -- legacy NgModule that wraps the deprecated DbxFormMapboxZoomFieldComponent; replacement is provideDbxForgeMapboxFieldDeclarations() */
-const importsAndExports = [DbxFormMapboxZoomFieldComponent];
-/**
- * @deprecated Use provideDbxForgeMapboxFieldDeclarations() instead.
- */
-class DbxFormMapboxZoomModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomModule, imports: [DbxFormMapboxZoomFieldComponent, i1.FormlyModule], exports: [DbxFormMapboxZoomFieldComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomModule, imports: [importsAndExports, FormlyModule.forChild({
-                types: [{ name: 'mapbox-zoom-picker', component: DbxFormMapboxZoomFieldComponent, wrappers: ['style', 'form-field'] }]
-            })] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxZoomModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ...importsAndExports,
-                        FormlyModule.forChild({
-                            types: [{ name: 'mapbox-zoom-picker', component: DbxFormMapboxZoomFieldComponent, wrappers: ['style', 'form-field'] }]
-                        })
-                    ],
-                    exports: importsAndExports
-                }]
-        }] });
-
 /**
  * The custom forge field type name for the mapbox zoom field.
  */
@@ -1107,22 +595,6 @@ var zoom_forge_field_component = /*#__PURE__*/Object.freeze({
     mapboxZoomFieldMapper: mapboxZoomFieldMapper
 });
 
-/* eslint-disable @typescript-eslint/no-deprecated -- aggregator NgModule for the deprecated mapbox formly modules; replacement is provideDbxForgeMapboxFieldDeclarations() */
-/**
- * @deprecated Use provideDbxForgeMapboxFieldDeclarations() instead.
- */
-class DbxFormMapboxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxModule, exports: [DbxFormMapboxLatLngModule, DbxFormMapboxZoomModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxModule, imports: [DbxFormMapboxLatLngModule, DbxFormMapboxZoomModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFormMapboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [DbxFormMapboxLatLngModule, DbxFormMapboxZoomModule]
-                }]
-        }] });
-
 /**
  * Forge mapbox lat/lng field type definition.
  */
@@ -1158,5 +630,5 @@ function provideDbxForgeMapboxFieldDeclarations() {
  * Generated bundle index. Do not edit.
  */
 
-export { DBX_FORGE_MAPBOX_FIELD_TYPES, DEFAULT_DBX_FORGE_MAPBOX_LAT_LNG_FIELD_INJECTION_KEY, DEFAULT_DBX_FORGE_MAPBOX_LAT_LNG_MARKER_CONFIG, DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_FIELD_INJECTION_KEY, DEFAULT_DBX_FORM_MAPBOX_LAT_LNG_MARKER_CONFIG, DbxForgeMapboxLatLngFieldComponent, DbxForgeMapboxLatLngFieldMarkerComponent, DbxForgeMapboxZoomFieldComponent, DbxFormMapboxLatLngFieldComponent, DbxFormMapboxLatLngFieldMarkerComponent, DbxFormMapboxLatLngModule, DbxFormMapboxModule, DbxFormMapboxZoomFieldComponent, DbxFormMapboxZoomModule, FORGE_MAPBOX_LATLNG_FIELD_TYPE, FORGE_MAPBOX_ZOOM_FIELD_TYPE, dbxForgeMapboxLatLngField, dbxForgeMapboxZoomField, mapboxLatLngField, mapboxLatLngFieldMapper, mapboxZoomField, mapboxZoomFieldMapper, provideDbxForgeMapboxFieldDeclarations };
+export { DBX_FORGE_MAPBOX_FIELD_TYPES, DEFAULT_DBX_FORGE_MAPBOX_LAT_LNG_FIELD_INJECTION_KEY, DEFAULT_DBX_FORGE_MAPBOX_LAT_LNG_MARKER_CONFIG, DbxForgeMapboxLatLngFieldComponent, DbxForgeMapboxLatLngFieldMarkerComponent, DbxForgeMapboxZoomFieldComponent, FORGE_MAPBOX_LATLNG_FIELD_TYPE, FORGE_MAPBOX_ZOOM_FIELD_TYPE, dbxForgeMapboxLatLngField, dbxForgeMapboxZoomField, mapboxLatLngFieldMapper, mapboxZoomFieldMapper, provideDbxForgeMapboxFieldDeclarations };
 //# sourceMappingURL=dereekb-dbx-form-mapbox.mjs.map