@dereekb/dbx-form 13.8.0 → 13.10.0

package/lib/forge/_forge.scss

@@ -0,0 +1,14 @@
+@use './style/shared';
+@use './preset/preset';
+@use './field/field';
+
+@mixin all-forge-core() {
+  @include shared.core();
+  @include preset.core();
+  @include field.all-field-core();
+}
+
+@mixin all-forge-theme($theme-config) {
+  @include preset.theme($theme-config);
+  @include field.all-field-theme($theme-config);
+}

package/lib/forge/field/_field.scss

@@ -1,9 +1,7 @@
 @use './selection/selection';
 @use './wrapper/wrapper';
-@use '../style/shared';
 
 @mixin all-field-core() {
-  @include shared.core();
   @include selection.all-selection-core();
   @include wrapper.core();
 }

package/lib/forge/field/selection/_selection.scss

@@ -1,14 +1,17 @@
+@use './list/list';
 @use './pickable/pickable';
 @use './searchable/searchable';
 @use './sourceselect/sourceselect';
 
 @mixin all-selection-core() {
+  @include list.core();
   @include pickable.core();
   @include searchable.core();
   @include sourceselect.core();
 }
 
 @mixin all-selection-theme($theme-config) {
+  @include list.theme($theme-config);
   @include pickable.theme($theme-config);
   @include searchable.theme($theme-config);
   @include sourceselect.theme($theme-config);

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

@@ -0,0 +1,17 @@
+// MARK: Variables
+$default-dbx-forge-list-item-field-height: 300px;
+
+// MARK: Mixin
+@mixin core() {
+  .dbx-forge-list-item-field {
+    max-height: var(--dbx-forge-list-item-field-height, $default-dbx-forge-list-item-field-height);
+    overflow: auto;
+  }
+
+  .dbx-forge-list-field-disabled {
+    --mat-list-list-item-disabled-label-text-opacity: 1; // the forge disabled state already applies an opacity
+  }
+}
+
+@mixin theme($theme-config) {
+}

package/lib/forge/field/selection/pickable/_pickable.scss

@@ -1,10 +1,35 @@
 // MARK: Mixin
 @mixin core() {
-  // Container margin and list max-height are defined in formly's _pickable.scss
+  // Container margin and chip list max-height are defined in formly's _pickable.scss
   // and apply to both formly and forge contexts (same class names).
   //
   // Bare input styling is provided by the .dbx-forge-bare-input class
   // applied directly in the pickable templates.
+
+  // List variant styling
+  .dbx-pickable-item-field-list {
+    .dbx-pickable-item-field-list-content {
+      max-height: 300px;
+      overflow-y: auto;
+    }
+
+    .dbx-pickable-item-field-select-all {
+      padding: 4px 0;
+    }
+
+    .dbx-pickable-select-all-button {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px 16px;
+      font-size: 0.875rem;
+      color: var(--mat-sys-primary, inherit);
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
 }
 
 @mixin theme($theme-config) {

package/lib/forge/field/selection/sourceselect/_sourceselect.scss

@@ -1,41 +1,25 @@
 // MARK: Mixin
 @mixin core() {
-  // The forge source select renders inside the forgeFormFieldWrapper content area.
-  // The wrapper provides padding and the outlined border. Override the shared formly
-  // styles that were designed for the mat-form-field context.
-  dbx-forge-source-select-field {
-    // Position the loading bar at the very bottom of the wrapper outline
-    // by stretching the field container to fill the wrapper content area.
-    .dbx-source-select-field {
-      position: relative;
-      // Negate the wrapper's content padding so the field fills edge-to-edge,
-      // allowing the loading bar to sit at the bottom of the outline.
-      margin: calc(-1 * var(--mat-form-field-container-vertical-padding, 16px)) -16px -8px;
-      padding: var(--mat-form-field-container-vertical-padding, 16px) 16px 8px;
-      overflow: hidden;
-      border-radius: var(--mdc-outlined-text-field-container-shape, 8px);
-    }
-
-    .dbx-source-select-field-loading {
-      left: 1px;
-      right: 1px;
-      bottom: 1px;
-    }
+  .dbx-source-select-field-loading {
+    position: absolute;
+    bottom: 5px;
+    left: 0px;
+    right: 0px;
+    overflow: hidden;
+    border-radius: 999px;
+  }
 
-    // Override formly button styles that were tuned for the mat-form-field context.
-    // In the forge wrapper, the button sits inside the outline alongside the select.
-    .dbx-source-select-field-select {
-      flex: 1;
-    }
+  dbx-forge-source-select-field {
+    display: block;
+    width: 100%;
 
-    .mat-mdc-select {
-      display: inline-flex;
+    // mat-form-field needs relative positioning for the loading bar
+    .mat-mdc-form-field {
+      position: relative;
     }
 
-    .dbx-source-select-field-content .dbx-source-select-field-button {
-      margin-top: 0;
-      height: auto;
-      overflow: visible;
+    // Suffix button styling inside mat-form-field
+    .dbx-source-select-field-suffix {
       display: flex;
       align-items: center;
     }

package/lib/forge/field/wrapper/_wrapper.scss

@@ -35,12 +35,6 @@ $dbx-forge-form-field-slider-thumb-margin: 22px;
     padding-bottom: 0 !important;
   }
 
-  // When a child field shows an inline error (e.g. searchable chip input validation),
-  // hide the wrapper's subscript hint so the error effectively replaces it.
-  dbx-forge-form-field-wrapper:has(.dbx-chip-input-error) .mat-mdc-form-field-hint-wrapper {
-    display: none;
-  }
-
   // The wrapper's mat-mdc-form-field host class causes Angular Material's
   // form-field line-height (24px) and letter-spacing (0.496px) to cascade
   // into all descendants. For list selection fields this distorts the list
@@ -56,6 +50,22 @@ $dbx-forge-form-field-slider-thumb-margin: 22px;
   .dbx-forge-working-bar {
     margin-top: 4px;
   }
+
+  // Flex layout wrapper: ng-forge's GroupFieldComponent applies `display: grid`
+  // and `gap: var(--df-grid-row-gap)` via :host styling (scoped attribute selector).
+  // Override both when our `dbx-flex-group` class is present so the flex sizing
+  // classes work. The dbx-flex-N children use padding for spacing instead of gap.
+  .df-group.dbx-flex-group {
+    display: flex !important;
+    flex-wrap: wrap;
+    gap: 0 !important;
+  }
+
+  .dbx-form-repeat-array-field {
+    .dbx-form-repeat-array-bar .dbx-chip {
+      margin-right: 3px;
+    }
+  }
 }
 
 @mixin theme($theme-config) {

package/lib/{formly/form/_form.scss → forge/preset/_preset.scss}

@@ -6,18 +6,9 @@
 @mixin core() {
   .dbx-form-search-form {
     width: 100%;
-  }
-
-  // adapt the search form to fit in the header
-  // TODO: Consider test that other one-field input forms fit in the dbx-section-page-header
-  .dbx-section-page-header-search-form {
-    .mat-mdc-form-field .mat-mdc-form-field-wrapper {
-      margin: 0;
-      padding: 0;
 
-      .mat-mdc-form-field-infix {
-        padding: 11px;
-      }
+    .mat-mdc-notch-piece.mdc-notched-outline__notch {
+      width: 100%;
     }
   }
 
@@ -26,7 +17,7 @@
     display: flex;
     align-items: center;
 
-    .dbx-formly {
+    .dbx-forge {
       width: 100%;
     }
 

package/lib/forge/style/_shared.scss

@@ -7,20 +7,30 @@
   // Resets native <input> elements that render inside the forge form-field wrapper
   // (outside a <mat-form-field>) so they match Material body-large typography.
   // Used by pickable filter inputs and searchable text/chip field inputs.
-  .dbx-forge-bare-input {
+  input.dbx-forge-bare-input {
     border: none;
     outline: none;
     width: 100%;
     background: transparent;
-    color: var(--mat-sys-on-surface);
     font-family: var(--mat-sys-body-large-font);
     font-size: var(--mat-sys-body-large-size);
     line-height: var(--mat-sys-body-large-line-height);
     letter-spacing: var(--mat-sys-body-large-tracking);
-    padding: 4px 0;
+    padding: 5px 0 3px;
 
     &::placeholder {
       color: var(--mat-sys-on-surface-variant);
     }
   }
+
+  .dbx-forge {
+    // pushes icons in fields like dbxForgeDateTimeField() away from the edge
+    .mat-mdc-form-field-icon-prefix {
+      padding-left: 4px;
+    }
+
+    .mat-mdc-form-field-icon-suffix {
+      padding-right: 4px;
+    }
+  }
 }

package/lib/form/_form.scss

@@ -4,13 +4,6 @@
 
 // MARK: Mixin
 @mixin core() {
-  // Forge flex row relative mode: override ng-forge grid column count
-  @for $i from 1 through 12 {
-    .dbx-forge-flex-#{$i} {
-      --df-grid-columns: #{$i};
-    }
-  }
-
   // Forge styled box: outlined box around fields that don't use mat-form-field (checkbox, toggle, slider).
   // Mirrors the Material outlined form-field appearance (border-radius, padding, min-height, hint styling).
   .dbx-forge-styled-box {
@@ -70,6 +63,7 @@
   .dbx-forge-disabled {
     opacity: 0.38;
     pointer-events: none;
+    --mat-list-list-item-disabled-label-text-opacity: unset;
   }
 
   // Form-level disabled state: disables all interactive elements inside a forge form.
@@ -98,6 +92,26 @@
     .dbx-forge-styled-box {
       opacity: 0.38;
     }
+
+    // Reduce opacity on hint/description/error elements that render outside mat-form-field.
+    // These custom forge field components render subscript text (hints, errors, descriptions)
+    // as siblings beside their mat-form-field containers, so the rule above does not reach them.
+    .dbx-forge-datetime-hint,
+    .dbx-forge-datetime-error,
+    .dbx-forge-datetime-desc,
+    .dbx-forge-daterange-field > mat-hint,
+    .dbx-forge-daterange-field > mat-error,
+    .dbx-form-repeat-array-bar,
+    .dbx-form-repeat-array-footer {
+      opacity: 0.38;
+    }
+
+    // The expand trigger has no mat-form-field wrapping and needs both visual
+    // and interaction disabling.
+    dbx-forge-expand-field {
+      opacity: 0.38;
+      pointer-events: none;
+    }
   }
 }
 

package/lib/formly/field/selection/sourceselect/_sourceselect.scss

@@ -4,13 +4,6 @@
 
 // MARK: Mixin
 @mixin core() {
-  .dbx-source-select-field-loading {
-    position: absolute;
-    bottom: 0px;
-    left: -16px;
-    right: -16px;
-  }
-
   .dbx-source-select-field-content {
     display: flex;
 

package/lib/style/_all-core.scss

@@ -2,8 +2,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
-@use '../formly/form/form' as forms;
-@use '../forge/field/field' as forge-field;
+@use '../forge/forge';
 @use '../extension/extension';
 
 // Includes all theming config
@@ -11,8 +10,7 @@
   @include form.core();
   @include formly.core();
   @include field.all-field-core();
-  @include forge-field.all-field-core();
-  @include forms.core();
+  @include forge.all-forge-core();
   @include layout.core();
   @include extension.all-extension-core($theme-config);
 }

package/lib/style/_all-theme.scss

@@ -2,8 +2,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
-@use '../formly/form/form' as forms;
-@use '../forge/field/field' as forge-field;
+@use '../forge/forge';
 @use '../extension/extension';
 
 // Includes all theming config
@@ -11,8 +10,7 @@
   @include form.theme($theme-config);
   @include formly.theme($theme-config);
   @include field.all-field-theme($theme-config);
-  @include forge-field.all-field-theme($theme-config);
-  @include forms.theme($theme-config);
+  @include forge.all-forge-theme($theme-config);
   @include layout.theme($theme-config);
   @include extension.all-extension-theme($theme-config);
 }

package/lib/style/_all-typography.scss

@@ -3,7 +3,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
-@use '../formly/form/form' as forms;
+@use '../forge/forge';
 @use '../extension/extension';
 
 // Includes all of the typographic styles.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "13.8.0",
+  "version": "13.10.0",
   "peerDependencies": {
     "@angular/cdk": "^21.2.3",
     "@angular/common": "21.2.4",
@@ -10,15 +10,15 @@
     "@angular/material-date-fns-adapter": "21.2.3",
     "@angular/platform-browser": "21.2.4",
     "@bobbyquantum/ngx-editor": "21.0.0",
-    "@dereekb/date": "13.8.0",
-    "@dereekb/dbx-core": "13.8.0",
-    "@dereekb/dbx-web": "13.8.0",
-    "@dereekb/model": "13.8.0",
-    "@dereekb/rxjs": "13.8.0",
-    "@dereekb/util": "13.8.0",
-    "@dereekb/vitest": "13.8.0",
-    "@ng-forge/dynamic-forms": "^0.7.0",
-    "@ng-forge/dynamic-forms-material": "^0.7.0",
+    "@dereekb/date": "13.10.0",
+    "@dereekb/dbx-core": "13.10.0",
+    "@dereekb/dbx-web": "13.10.0",
+    "@dereekb/model": "13.10.0",
+    "@dereekb/rxjs": "13.10.0",
+    "@dereekb/util": "13.10.0",
+    "@dereekb/vitest": "13.10.0",
+    "@ng-forge/dynamic-forms": "0.8.0-next.2",
+    "@ng-forge/dynamic-forms-material": "0.8.0-next.2",
     "@ng-web-apis/geolocation": "^5.1.0",
     "@ngbracket/ngx-layout": "^21.0.0",
     "@ngrx/component-store": "^21.0.0",

package/types/dereekb-dbx-form-calendar.d.ts

@@ -1,5 +1,5 @@
 import * as i13 from '@dereekb/dbx-form';
-import { LabeledFieldConfig, DescriptionFieldConfig, FieldConfig, AbstractSyncFormlyFormDirective, AbstractSyncForgeFormDirective } from '@dereekb/dbx-form';
+import { LabeledBaseFieldConfig, DescriptionFieldConfig, FieldConfig, AbstractSyncFormlyFormDirective, AbstractSyncForgeFormDirective } from '@dereekb/dbx-form';
 import * as _ngx_formly_core from '@ngx-formly/core';
 import { FormlyFieldProps, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
 import * as _dereekb_dbx_form_calendar from '@dereekb/dbx-form/calendar';
@@ -21,9 +21,8 @@ import { MatFormFieldAppearance, MatFormFieldDefaultOptions } from '@angular/mat
 import * as _angular_material_dialog from '@angular/material/dialog';
 import { MatDialog } from '@angular/material/dialog';
 import { DbxInjectionComponentConfig, DbxButtonDisplay } from '@dereekb/dbx-core';
-import { DynamicText, FieldMeta, ValidationMessages, BaseValueField, FormConfig, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
+import { DynamicText, FieldMeta, ValidationMessages, BaseValueField, FieldDef, FormConfig, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
 import { FieldTree } from '@angular/forms/signals';
-import * as _ng_forge_dynamic_forms_material from '@ng-forge/dynamic-forms-material';
 import { DbxCalendarStore, DbxCalendarEvent } from '@dereekb/dbx-web/calendar';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatDateRangePicker, DateFilterFn } from '@angular/material/datepicker';
@@ -633,12 +632,12 @@ declare class DbxFormCalendarDateScheduleRangeFieldComponent<T extends DbxFormCa
 /**
  * @deprecated Use DbxForgeCalendarDateScheduleRangeFieldConfig instead.
  */
-interface DateScheduleRangeFieldConfig extends Omit<LabeledFieldConfig, 'key' | 'placeholder'>, DescriptionFieldConfig, Partial<FieldConfig>, DbxFormCalendarDateCellScheduleRangeFieldProps {
+interface DateScheduleRangeFieldConfig extends Omit<LabeledBaseFieldConfig, 'key' | 'placeholder'>, DescriptionFieldConfig, Partial<FieldConfig>, DbxFormCalendarDateCellScheduleRangeFieldProps {
 }
 /**
  * Creates a Formly field configuration for a date schedule range picker with calendar-based selection.
  *
- * @deprecated Use forgeDateScheduleRangeField() from the forge API instead.
+ * @deprecated Use dbxForgeDateScheduleRangeField() from the forge API instead.
  * @param config - Optional schedule range field configuration overrides
  * @returns A validated Formly field configuration for date schedule range selection
  */
@@ -682,6 +681,7 @@ interface DbxForgeCalendarDateScheduleRangeFieldComponentProps extends Pick<Cale
 declare class DbxForgeCalendarDateScheduleRangeFieldComponent implements OnDestroy {
     readonly compact: CompactContextStore | null;
     readonly dbxCalendarScheduleSelectionStore: DbxCalendarScheduleSelectionStore;
+    private readonly elementRef;
     readonly field: InputSignal<FieldTree<unknown>>;
     readonly key: InputSignal<string>;
     readonly label: InputSignal<DynamicText | undefined>;
@@ -808,7 +808,7 @@ interface DbxForgeCalendarDateScheduleRangeFieldConfig extends Pick<CalendarSche
  * @param config - Optional schedule range field configuration overrides
  * @returns A validated forge field definition for date schedule range selection
  */
-declare function forgeDateScheduleRangeField(config?: DbxForgeCalendarDateScheduleRangeFieldConfig): DbxForgeCalendarDateScheduleRangeFieldDef;
+declare function dbxForgeDateScheduleRangeField(config?: DbxForgeCalendarDateScheduleRangeFieldConfig): DbxForgeCalendarDateScheduleRangeFieldDef;
 
 /**
  * Creates form fields for selecting which days of the week are enabled in a schedule selection calendar,
@@ -852,11 +852,11 @@ declare function dbxScheduleSelectionCalendarDateDaysForgeFormFields(): FormConf
  *
  * @returns An array of forge toggle field definitions for each day of the week
  */
-declare function dbxScheduleSelectionCalendarDateDaysForgeFormDayFields(): _ng_forge_dynamic_forms_material.MatToggleField[];
+declare function dbxScheduleSelectionCalendarDateDaysForgeFormDayFields(): FieldDef<unknown>[];
 
 type DbxScheduleSelectionCalendarDateDaysForgeFormValue = EnabledDays;
 declare class DbxScheduleSelectionCalendarDateDaysForgeFormComponent extends AbstractSyncForgeFormDirective<DbxScheduleSelectionCalendarDateDaysForgeFormValue> {
-    readonly config: FormConfig;
+    readonly formConfig: FormConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxScheduleSelectionCalendarDateDaysForgeFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxScheduleSelectionCalendarDateDaysForgeFormComponent, "dbx-schedule-selection-calendar-date-days-forge-form", never, {}, {}, never, never, true, never>;
 }
@@ -1088,17 +1088,6 @@ declare class DbxFormCalendarModule {
  * All custom dbx-form/calendar forge field type definitions.
  */
 declare const DBX_FORGE_CALENDAR_FIELD_TYPES: FieldTypeDefinition[];
-/**
- * Registers ng-forge dynamic form field declarations for the calendar package.
- *
- * Add this to your app's providers alongside provideDbxForgeFormFieldDeclarations().
- *
- * @returns An array of providers that register the calendar forge field types with ng-forge
- */
-declare function provideDbxForgeCalendarFieldDeclarations(): i0.EnvironmentProviders & {
-    __fieldDefs?: any;
-    __formValue?: unknown;
-};
 
-export { CalendarScheduleSelectionDayState, DBX_FORGE_CALENDAR_FIELD_TYPES, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxForgeCalendarDateScheduleRangeFieldComponent, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysForgeFormComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, FORGE_CALENDAR_DATE_SCHEDULE_RANGE_FIELD_TYPE, calendarDateScheduleRangeFieldMapper, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateCellRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysForgeFormDayFields, dbxScheduleSelectionCalendarDateDaysForgeFormFields, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, finalizeUpdateStateWithChangedScheduleDays, forgeDateScheduleRangeField, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, provideDbxForgeCalendarFieldDeclarations, updateStateWithChangedDates, updateStateWithChangedDefaultScheduleDays, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateCellScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithSelectionMode, updateStateWithTimezoneValue };
+export { CalendarScheduleSelectionDayState, DBX_FORGE_CALENDAR_FIELD_TYPES, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxForgeCalendarDateScheduleRangeFieldComponent, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysForgeFormComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, FORGE_CALENDAR_DATE_SCHEDULE_RANGE_FIELD_TYPE, calendarDateScheduleRangeFieldMapper, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateCellRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxForgeDateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysForgeFormDayFields, dbxScheduleSelectionCalendarDateDaysForgeFormFields, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, finalizeUpdateStateWithChangedScheduleDays, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedDefaultScheduleDays, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateCellScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithSelectionMode, updateStateWithTimezoneValue };
 export type { CalendarScheduleSelectionCellContent, CalendarScheduleSelectionCellContentFactory, CalendarScheduleSelectionInputDateRange, CalendarScheduleSelectionMetadata, CalendarScheduleSelectionRangeAndExclusion, CalendarScheduleSelectionState, CalendarScheduleSelectionStateDatesChange, CalendarScheduleSelectionValue, DateScheduleRangeFieldConfig, DbxCalendarScheduleSelectionStoreSelectionMode, DbxForgeCalendarDateScheduleRangeFieldComponentProps, DbxForgeCalendarDateScheduleRangeFieldConfig, DbxForgeCalendarDateScheduleRangeFieldDef, DbxFormCalendarDateCellScheduleRangeFieldProps, DbxScheduleSelectionCalendarBeforeMonthViewRenderFunction, DbxScheduleSelectionCalendarBeforeMonthViewRenderFunctionFactory, DbxScheduleSelectionCalendarBeforeMonthViewRenderModifyDayFunction, DbxScheduleSelectionCalendarComponentConfig, DbxScheduleSelectionCalendarDateDaysForgeFormValue, DbxScheduleSelectionCalendarDateDaysFormValue, DbxScheduleSelectionCalendarDatePopoverConfig, DbxScheduleSelectionCalendarDatePopupConfig, DbxScheduleSelectionCalendarDatePopupContentConfig, PartialCalendarScheduleSelectionInputDateRange };

package/types/dereekb-dbx-form-mapbox.d.ts

@@ -1,4 +1,4 @@
-import { LabeledFieldConfig, DescriptionFieldConfig, FieldConfig } from '@dereekb/dbx-form';
+import { LabeledBaseFieldConfig, DescriptionFieldConfig, FieldConfig } from '@dereekb/dbx-form';
 import * as i2 from '@ngx-formly/core';
 import { FormlyFieldProps, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
 import * as i0 from '@angular/core';
@@ -8,7 +8,7 @@ import { CompactContextStore } from '@dereekb/dbx-web';
 import { FieldType } from '@ngx-formly/material';
 import { Observable, BehaviorSubject } from 'rxjs';
 import { ObservableFactoryWithRequiredInput } from '@dereekb/rxjs';
-import { Milliseconds, LatLngPointFunctionConfig, Maybe, LatLngPoint, ZoomLevel } from '@dereekb/util';
+import { Milliseconds, LatLngPointFunctionConfig, Maybe, LatLngPoint, LatLngPointFunction, LatLngStringFunction, ZoomLevel } from '@dereekb/util';
 import { Marker } from 'mapbox-gl';
 import { DbxMapboxMarkerDisplayConfig, MapboxZoomLevel, DbxMapboxInjectionStore, DbxMapboxMapStore, DbxMapboxMarker, DbxMapboxService } from '@dereekb/dbx-web/mapbox';
 import { DynamicText, FieldMeta, ValidationMessages, BaseValueField, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
@@ -126,12 +126,12 @@ declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLatLngCom
 /**
  * @deprecated Use DbxForgeMapboxLatLngFieldConfig instead.
  */
-interface MapboxLatLngFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxLatLngComponentFieldProps, 'showMap' | 'zoom' | 'latLngConfig' | 'recenterTime' | 'setCenterOnLocationSet' | 'showCenterButton' | 'selectLocationOnMapDrag' | 'selectLocationOnMapClick' | 'markerConfig'> {
+interface MapboxLatLngFieldConfig extends Omit<LabeledBaseFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxLatLngComponentFieldProps, 'showMap' | 'zoom' | 'latLngConfig' | 'recenterTime' | 'setCenterOnLocationSet' | 'showCenterButton' | 'selectLocationOnMapDrag' | 'selectLocationOnMapClick' | 'markerConfig'> {
 }
 /**
  * Creates a Formly field configuration for a Mapbox-powered latitude/longitude picker with optional map display.
  *
- * @deprecated Use forgeMapboxLatLngField() from the forge API instead.
+ * @deprecated Use dbxForgeMapboxLatLngField() from the forge API instead.
  * @param config - Optional field configuration overrides
  * @returns A validated Formly field configuration for the Mapbox lat/lng picker
  */
@@ -189,6 +189,7 @@ declare class DbxForgeMapboxLatLngFieldComponent implements OnDestroy {
     readonly compact: CompactContextStore | null;
     readonly dbxMapboxInjectionStore: DbxMapboxInjectionStore | null;
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    private readonly elementRef;
     readonly field: InputSignal<FieldTree<unknown>>;
     readonly key: InputSignal<string>;
     readonly label: InputSignal<DynamicText | undefined>;
@@ -207,8 +208,9 @@ declare class DbxForgeMapboxLatLngFieldComponent implements OnDestroy {
     private readonly _clickSub;
     private readonly _zoom;
     private readonly _markerConfig;
-    private _latLngStringFunction;
-    private _latLngPointFunction;
+    readonly latLngPointConfigSignal: Signal<LatLngPointFunctionConfig>;
+    readonly latLngPointFunctionSignal: Signal<LatLngPointFunction>;
+    readonly latLngStringFunctionSignal: Signal<LatLngStringFunction>;
     readonly compactClass$: Observable<string>;
     private readonly _useCurrentLocationDisabled;
     readonly useCurrentLocationDisabled$: Observable<boolean>;
@@ -222,7 +224,7 @@ declare class DbxForgeMapboxLatLngFieldComponent implements OnDestroy {
     readonly showCenterButtonSignal: Signal<boolean>;
     readonly recenterTimeSignal: Signal<number>;
     readonly placeholderTextSignal: Signal<string | undefined>;
-    readonly fieldValue$: Observable<unknown>;
+    readonly latLngValueSignal: Signal<LatLngPoint>;
     readonly latLng$: Observable<LatLngPoint>;
     readonly nonZeroLatLng$: Observable<LatLngPoint>;
     readonly zoom$: Observable<number>;
@@ -289,7 +291,7 @@ interface DbxForgeMapboxLatLngFieldConfig {
  * @param config - Optional field configuration overrides
  * @returns A validated forge field definition for the Mapbox lat/lng picker
  */
-declare function forgeMapboxLatLngField(config?: DbxForgeMapboxLatLngFieldConfig): DbxForgeMapboxLatLngFieldDef;
+declare function dbxForgeMapboxLatLngField(config?: DbxForgeMapboxLatLngFieldConfig): DbxForgeMapboxLatLngFieldDef;
 
 declare class DbxForgeMapboxLatLngFieldMarkerComponent {
     readonly fieldComponent: DbxForgeMapboxLatLngFieldComponent;
@@ -365,12 +367,12 @@ declare class DbxFormMapboxZoomFieldComponent<T extends DbxFormMapboxZoomCompone
 /**
  * @deprecated Use DbxForgeMapboxZoomFieldConfig instead.
  */
-interface MapboxZoomFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxZoomComponentFieldProps, 'showMap' | 'center' | 'minZoom' | 'maxZoom' | 'zoomStep'> {
+interface MapboxZoomFieldConfig extends Omit<LabeledBaseFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxZoomComponentFieldProps, 'showMap' | 'center' | 'minZoom' | 'maxZoom' | 'zoomStep'> {
 }
 /**
  * Creates a Formly field configuration for a Mapbox-powered zoom level picker with optional map preview.
  *
- * @deprecated Use forgeMapboxZoomField() from the forge API instead.
+ * @deprecated Use dbxForgeMapboxZoomField() from the forge API instead.
  * @param config - Optional field configuration overrides
  * @returns A validated Formly field configuration for the Mapbox zoom picker
  */
@@ -410,6 +412,7 @@ declare class DbxForgeMapboxZoomFieldComponent implements OnDestroy {
     readonly compact: CompactContextStore | null;
     readonly dbxMapboxService: DbxMapboxService;
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    private readonly elementRef;
     readonly field: InputSignal<FieldTree<unknown>>;
     readonly key: InputSignal<string>;
     readonly label: InputSignal<DynamicText | undefined>;
@@ -490,7 +493,7 @@ interface DbxForgeMapboxZoomFieldConfig {
  * @param config - Optional field configuration overrides
  * @returns A validated forge field definition for the Mapbox zoom picker
  */
-declare function forgeMapboxZoomField(config?: DbxForgeMapboxZoomFieldConfig): DbxForgeMapboxZoomFieldDef;
+declare function dbxForgeMapboxZoomField(config?: DbxForgeMapboxZoomFieldConfig): DbxForgeMapboxZoomFieldDef;
 
 /**
  * @deprecated Use provideDbxForgeMapboxFieldDeclarations() instead.
@@ -517,5 +520,5 @@ declare function provideDbxForgeMapboxFieldDeclarations(): i0.EnvironmentProvide
     __formValue?: unknown;
 };
 
-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, forgeMapboxLatLngField, forgeMapboxZoomField, 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, 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 type { DbxForgeMapboxLatLngFieldComponentProps, DbxForgeMapboxLatLngFieldConfig, DbxForgeMapboxLatLngFieldDef, DbxForgeMapboxZoomFieldComponentProps, DbxForgeMapboxZoomFieldConfig, DbxForgeMapboxZoomFieldDef, DbxFormMapboxLatLngComponentFieldProps, DbxFormMapboxZoomComponentFieldProps, MapboxLatLngFieldConfig, MapboxZoomFieldConfig };