@dereekb/dbx-form 13.6.10 → 13.6.12

package/fesm2022/dereekb-dbx-form.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { forwardRef, inject, input, Directive, effect, Injectable, viewChild, signal, computed, ChangeDetectionStrategy, Component, output, NgModule, InjectionToken, ElementRef, importProvidersFrom, makeEnvironmentProviders } from '@angular/core';
 import * as i1$2 from '@dereekb/dbx-web';
-import { DbxActionTransitionSafetyDirective, AbstractDialogDirective, DbxDialogContentDirective, DbxActionModule, DbxButtonModule, DbxDialogContentCloseComponent, DbxAnchorComponent, DbxSectionLayoutModule, DbxFlexGroupDirective, DbxSubSectionComponent, DbxLoadingComponent, dbxValueListItemDecisionFunction, DbxListModifierModule, AbstractDbxSelectionListWrapperDirective, DbxListWrapperComponentImportsModule, provideDbxListViewWrapper, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxSelectionListViewDirective, addConfigToValueListItems, DbxSelectionValueListViewContentComponent, provideDbxListView, AbstractDbxValueListViewItemComponent, DbxLoadingModule, DbxButtonComponent, DbxButtonSpacerDirective, CompactContextStore, mapCompactModeObs, DbxBarDirective } from '@dereekb/dbx-web';
+import { DbxActionTransitionSafetyDirective, AbstractDialogDirective, DbxDialogContentDirective, DbxActionModule, DbxButtonModule, DbxDialogContentCloseComponent, DbxAnchorComponent, DbxSectionLayoutModule, DbxFlexGroupDirective, DbxSubSectionComponent, DbxLoadingComponent, dbxValueListItemDecisionFunction, DbxListModifierModule, AbstractDbxSelectionListWrapperDirective, DbxListWrapperComponentImportsModule, provideDbxListViewWrapper, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxSelectionListViewDirective, addConfigToValueListItems, DbxSelectionValueListViewContentComponent, provideDbxListView, AbstractDbxValueListViewItemComponent, DbxLoadingModule, DbxButtonComponent, DbxButtonSpacerDirective, CompactContextStore, mapCompactModeObs, DbxBarDirective, AbstractPopoverDirective, DbxPopoverService } from '@dereekb/dbx-web';
 import { isPast, addSeconds, startOfDay, addMinutes, addDays, isBefore } from 'date-fns';
 import { map, of, shareReplay, switchMap, first, exhaustMap, catchError, delay, filter, combineLatest, distinctUntilChanged, BehaviorSubject, Subject, startWith, throttleTime, scan, timer, merge, EMPTY, mergeMap, debounceTime, tap, skip, combineLatestWith, interval } from 'rxjs';
 import * as i2 from '@dereekb/dbx-core';
 import { DbxActionContextStoreSourceInstance, cleanLockSet, cleanWithLockSet, cleanSubscription, DbxInjectionComponent, mergeDbxInjectionComponentConfigs, GetValuePipe, DateDistancePipe, TimeDistancePipe } from '@dereekb/dbx-core';
 import { makeIsModifiedFunctionObservable, SubscriptionObject, asObservable, LockSet, filterMaybe, switchMapFilterMaybe, scanCount, errorOnEmissionsInPeriod, asObservableFromGetter, maybeValueFromObservableOrValue, valueFromFinishedLoadingState, switchMapMaybeDefault, SimpleLoadingContext, distinctUntilHasDifferentValues, startWithBeginLoading, mapLoadingStateResults, successResult, listLoadingStateContext, mapIsListLoadingStateWithEmptyValue, isLoadingStateInLoadingState, skipUntilTimeElapsedAfterLastEmission, isLoadingStateWithDefinedValue, isLoadingStateLoading, beginLoading, mapLoadingStateValueWithOperator, loadingStateContext, skipAllInitialMaybe, asyncPusherCache } from '@dereekb/rxjs';
 import { toObservable, toSignal } from '@angular/core/rxjs-interop';
-import { BooleanStringKeyArrayUtility, iterablesAreSetEquivalent, objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, separateValues, filterUniqueValues, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, sortByStringFunction, mergeArraysIntoArray, lastValue, arrayToMap, setContainsAllValues, addToSetCopy, setsAreEquivalent, filterMaybeArrayValues, mergeArrays, firstValue, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, asGetter, dateFromMinuteOfDay, dateToMinuteOfDay, isISO8601DayStringStart, mapIdentityFunction, MS_IN_MINUTE, isMonthDaySlashDate, HAS_WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, isE164PhoneNumber as isE164PhoneNumber$1, isValidPhoneExtensionNumber, e164PhoneNumberExtensionPair, isWebsiteUrlWithPrefix, websiteUrlDetails, mapMaybeFunction, transformNumberFunction, concatArrays, DOLLAR_AMOUNT_PRECISION, e164PhoneNumberFromE164PhoneNumberExtensionPair, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, capitalizeFirstLetter } from '@dereekb/util';
+import { BooleanStringKeyArrayUtility, iterablesAreSetEquivalent, objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, separateValues, filterUniqueValues, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, sortByStringFunction, mergeArraysIntoArray, lastValue, arrayToMap, setContainsAllValues, addToSetCopy, setsAreEquivalent, filterMaybeArrayValues, mergeArrays, firstValue, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, asGetter, dateFromMinuteOfDay, dateToMinuteOfDay, isISO8601DayStringStart, mapIdentityFunction, MS_IN_MINUTE, isMonthDaySlashDate, millisecondsToTimeUnit, hoursAndMinutesToTimeUnit, TIME_UNIT_LABEL_MAP, TIME_UNIT_SHORT_LABEL_MAP, timeUnitToMilliseconds, ALL_TIME_UNITS, minutesToHoursAndMinutes, HAS_WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, isE164PhoneNumber as isE164PhoneNumber$1, isValidPhoneExtensionNumber, e164PhoneNumberExtensionPair, isWebsiteUrlWithPrefix, websiteUrlDetails, mapMaybeFunction, transformNumberFunction, concatArrays, DOLLAR_AMOUNT_PRECISION, e164PhoneNumberFromE164PhoneNumberExtensionPair, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, capitalizeFirstLetter } from '@dereekb/util';
 import * as i1 from '@angular/forms';
 import { FormGroup, FormsModule, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';
 import * as i1$1 from '@ngx-formly/core';
@@ -43,7 +43,7 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MatFormFieldModule, MatError, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import { FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';
 import { FormlyMatToggleModule } from '@ngx-formly/material/toggle';
-import { toJsDate, parseJsDateString, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayStringForSystem, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toJsDayDate, isSameDateDay, toLocalReadableTimeString, getTimezoneAbbreviation, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, isSameDate, dateTimeMinuteWholeDayDecisionFunction, DateTimeMinuteInstance, dateTimeMinuteDecisionFunction, limitDateTimeInstance, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
+import { toJsDate, parseJsDateString, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayStringForSystem, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toJsDayDate, isSameDateDay, toLocalReadableTimeString, getTimezoneAbbreviation, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, isSameDate, dateTimeMinuteWholeDayDecisionFunction, DateTimeMinuteInstance, dateTimeMinuteDecisionFunction, limitDateTimeInstance, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, durationDataToMilliseconds, getDurationDataValue, setDurationDataValue, millisecondsToDurationData, formatDurationString, parseDurationString, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
 import * as i1$7 from '@angular/material/datepicker';
 import { MatDatepickerModule, MatCalendar, DateRange, MAT_DATE_RANGE_SELECTION_STRATEGY } from '@angular/material/datepicker';
 import { FlexLayoutModule } from '@ngbracket/ngx-layout';
@@ -1018,15 +1018,43 @@ const INVALID_PHONE_NUMBER_MESSAGE = { name: 'validatePhoneNumber', message: 'Th
  * Validation message option for invalid phone number extensions.
  */
 const INVALID_PHONE_NUMBER_EXTENSION_MESSAGE = { name: 'validatePhoneNumberExtension', message: 'This is not a valid phone number extension.' };
+/**
+ * Returns a validation message indicating the duration is below the minimum allowed.
+ *
+ * @param err - The validation error object containing `min` and `actual` values.
+ * @param field - The Formly field configuration.
+ * @returns A human-readable validation message string.
+ */
+function durationMinValidationMessage(err, field) {
+    return `Duration must be at least ${err.min} ${err.unit} (currently ${err.actual} ${err.unit}).`;
+}
+/**
+ * Returns a validation message indicating the duration exceeds the maximum allowed.
+ *
+ * @param err - The validation error object containing `max`, `actual`, and `unit` values.
+ * @param field - The Formly field configuration.
+ * @returns A human-readable validation message string.
+ */
+function durationMaxValidationMessage(err, field) {
+    return `Duration must be at most ${err.max} ${err.unit} (currently ${err.actual} ${err.unit}).`;
+}
+/**
+ * Validation message option for duration minimum violations.
+ */
+const DURATION_MIN_VALIDATION_MESSAGE = { name: 'durationMin', message: durationMinValidationMessage };
+/**
+ * Validation message option for duration maximum violations.
+ */
+const DURATION_MAX_VALIDATION_MESSAGE = { name: 'durationMax', message: durationMaxValidationMessage };
 /**
  * Returns the full set of default validation messages used by the form system.
  *
- * Includes messages for: required, minLength, maxLength, min, max, phone number, and phone number extension.
+ * Includes messages for: required, minLength, maxLength, min, max, phone number, phone number extension, and duration min/max.
  *
  * @returns An array of {@link ValidationMessageOption} objects.
  */
 function defaultValidationMessages() {
-    return [REQUIRED_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MAX_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, INVALID_PHONE_NUMBER_MESSAGE, INVALID_PHONE_NUMBER_EXTENSION_MESSAGE];
+    return [REQUIRED_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MAX_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, INVALID_PHONE_NUMBER_MESSAGE, INVALID_PHONE_NUMBER_EXTENSION_MESSAGE, DURATION_MIN_VALIDATION_MESSAGE, DURATION_MAX_VALIDATION_MESSAGE];
 }
 
 // MARK: Default
@@ -1633,7 +1661,7 @@ const WORKING_WRAPPER_KEY = 'working';
  */
 const EXPAND_WRAPPER_KEY = 'expand';
 
-const importsAndExports$g = [
+const importsAndExports$h = [
     AutoTouchFieldWrapperComponent,
     DbxFormSectionWrapperComponent,
     DbxFormSubsectionWrapperComponent,
@@ -1703,7 +1731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$g,
+                        ...importsAndExports$h,
                         FormlyModule.forChild({
                             wrappers: [
                                 { name: AUTO_TOUCH_WRAPPER_KEY, component: AutoTouchFieldWrapperComponent },
@@ -1718,11 +1746,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                             ]
                         })
                     ],
-                    exports: importsAndExports$g
+                    exports: importsAndExports$h
                 }]
         }] });
 
-const importsAndExports$f = [DbxChecklistItemFieldComponent, DbxChecklistItemContentComponent, DbxDefaultChecklistItemFieldDisplayComponent];
+const importsAndExports$g = [DbxChecklistItemFieldComponent, DbxChecklistItemContentComponent, DbxDefaultChecklistItemFieldDisplayComponent];
 /**
  * Registers the `checklistitem` Formly field type with wrapper support.
  */
@@ -1738,13 +1766,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$f,
+                        ...importsAndExports$g,
                         DbxFormFormlyWrapperModule,
                         FormlyModule.forChild({
                             types: [{ name: 'checklistitem', component: DbxChecklistItemFieldComponent }]
                         })
                     ],
-                    exports: importsAndExports$f
+                    exports: importsAndExports$g
                 }]
         }] });
 
@@ -2047,14 +2075,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                 }]
         }] });
 
-const importsAndExports$e = [DbxFormComponentFieldComponent];
+const importsAndExports$f = [DbxFormComponentFieldComponent];
 /**
  * Registers the `component` Formly field type for custom Angular component injection.
  */
 class DbxFormFormlyComponentFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyComponentFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyComponentFieldModule, imports: [DbxFormComponentFieldComponent, i1$1.FormlyModule], exports: [DbxFormComponentFieldComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyComponentFieldModule, imports: [importsAndExports$e, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyComponentFieldModule, imports: [importsAndExports$f, FormlyModule.forChild({
                 types: [{ name: 'component', component: DbxFormComponentFieldComponent }]
             })] });
 }
@@ -2062,12 +2090,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$e,
+                        ...importsAndExports$f,
                         FormlyModule.forChild({
                             types: [{ name: 'component', component: DbxFormComponentFieldComponent }]
                         })
                     ],
-                    exports: importsAndExports$e
+                    exports: importsAndExports$f
                 }]
         }] });
 
@@ -2200,14 +2228,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             args: [{ imports: [DbxListModifierModule, DbxInjectionComponent, MatDividerModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-list-item-field\" dbxListItemModifier [dbxListItemIsSelectedModifier]=\"isSelectedModifierFunctionSignal()\">\n  @if (label) {\n    <span class=\"dbx-label dbx-label-padded\">{{ label }}</span>\n  }\n  <div class=\"dbx-list-item-field-content\">\n    <dbx-injection [config]=\"configSignal()\"></dbx-injection>\n  </div>\n  <mat-divider></mat-divider>\n  @if (description) {\n    <div class=\"dbx-form-description\">{{ description }}</div>\n  }\n</div>\n" }]
         }] });
 
-const importsAndExports$d = [DbxItemListFieldComponent];
+const importsAndExports$e = [DbxItemListFieldComponent];
 /**
  * Registers the `dbxlistfield` Formly field type for item list selection.
  */
 class DbxFormFormlyDbxListFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDbxListFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDbxListFieldModule, imports: [DbxItemListFieldComponent, i1$1.FormlyModule], exports: [DbxItemListFieldComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDbxListFieldModule, imports: [importsAndExports$d, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDbxListFieldModule, imports: [importsAndExports$e, FormlyModule.forChild({
                 types: [{ name: 'dbxlistfield', component: DbxItemListFieldComponent }]
             })] });
 }
@@ -2215,12 +2243,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$d,
+                        ...importsAndExports$e,
                         FormlyModule.forChild({
                             types: [{ name: 'dbxlistfield', component: DbxItemListFieldComponent }]
                         })
                     ],
-                    exports: importsAndExports$d
+                    exports: importsAndExports$e
                 }]
         }] });
 
@@ -2669,14 +2697,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             args: [{ imports: [DbxPickableListFieldItemListComponent, NgTemplateOutlet, FormsModule, ReactiveFormsModule, MatInputModule, MatDivider, DbxLoadingComponent, DbxInjectionComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-pickable-item-field\">\n  <dbx-loading [context]=\"context\">\n    @if (showFilterInput) {\n      <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n    }\n    <!-- Content -->\n    <div class=\"dbx-pickable-item-field-list\">\n      <div class=\"dbx-pickable-item-field-list-content\">\n        <dbx-form-pickable-item-field-item-list [disabled]=\"isReadonlyOrDisabled\" [state]=\"filterItemsLoadingState$\" (selectionChange)=\"onSelectionChange($event)\"></dbx-form-pickable-item-field-item-list>\n      </div>\n      <dbx-injection [config]=\"footerConfig\"></dbx-injection>\n    </div>\n  </dbx-loading>\n</div>\n\n<!-- Filter Input -->\n<ng-template #filterTemplate>\n  <div class=\"dbx-pickable-item-field-filter\">\n    <div class=\"dbx-label\">{{ filterLabel }}</div>\n    <input [name]=\"name\" autocomplete=\"{{ autocomplete }}\" #filterMatInput=\"matInput\" matInput [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" [attr.aria-label]=\"filterLabel || 'Filter items'\" />\n    <mat-divider></mat-divider>\n    <dbx-loading [linear]=\"true\" [context]=\"filterResultsContext\"></dbx-loading>\n    <!-- No items found. -->\n    @if (noItemsAvailableSignal()) {\n      <p class=\"dbx-label\" role=\"status\">No items match this filter.</p>\n    }\n  </div>\n</ng-template>\n" }]
         }] });
 
-const importsAndExports$c = [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent];
+const importsAndExports$d = [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent];
 /**
  * Registers the `pickablechipfield` and `pickablelistfield` Formly field types.
  */
 class DbxFormFormlyPickableFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyPickableFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyPickableFieldModule, imports: [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, i1$1.FormlyModule], exports: [DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyPickableFieldModule, imports: [importsAndExports$c, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyPickableFieldModule, imports: [importsAndExports$d, FormlyModule.forChild({
                 types: [
                     { name: 'pickablechipfield', component: DbxPickableChipListFieldComponent, wrappers: ['form-field'] },
                     { name: 'pickablelistfield', component: DbxPickableListFieldComponent, wrappers: ['form-field'] }
@@ -2687,7 +2715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$c,
+                        ...importsAndExports$d,
                         FormlyModule.forChild({
                             types: [
                                 { name: 'pickablechipfield', component: DbxPickableChipListFieldComponent, wrappers: ['form-field'] },
@@ -2695,7 +2723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                             ]
                         })
                     ],
-                    exports: importsAndExports$c
+                    exports: importsAndExports$d
                 }]
         }] });
 
@@ -3442,14 +3470,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             args: [{ imports: [FormsModule, MatInput, NgClass, ReactiveFormsModule, DbxLoadingModule, MatOptionModule, MatAutocompleteModule, MatChipsModule, MatIconModule, DbxSearchableFieldAutocompleteItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-searchable-text-field\" [ngClass]=\"{ 'dbx-searchable-text-field-has-value': hasValueSignal(), 'dbx-searchable-text-field-show-value': showSelectedValue }\">\n  <!-- Result View -->\n  @if (showSelectedDisplayValueSignal()) {\n    <div class=\"dbx-searchable-text-field-value mat-option mat-option-text\">\n      <dbx-searchable-field-autocomplete-item [displayValue]=\"selectedDisplayValueSignal()!\"></dbx-searchable-field-autocomplete-item>\n    </div>\n  }\n  <div class=\"dbx-searchable-text-field-input\">\n    @if (searchLabel) {\n      <div class=\"dbx-label\">{{ searchLabel }}</div>\n    }\n    <!-- View -->\n    <input type=\"search\" [name]=\"name\" matInput #textInput [placeholder]=\"searchInputPlaceholder\" [formControl]=\"inputCtrl\" [matAutocomplete]=\"auto\" [matAutocompleteDisabled]=\"readonly || disabled\" autocomplete=\"{{ autocomplete }}\" [attr.aria-label]=\"searchLabel || searchInputPlaceholder || 'Search'\" />\n    <div class=\"searchable-field-form-loading\">\n      <dbx-loading [linear]=\"true\" [context]=\"searchContext\"></dbx-loading>\n    </div>\n  </div>\n</div>\n\n<!-- Autocomplete -->\n<mat-autocomplete class=\"dbx-searchable-text-field-autocomplete\" #auto (optionSelected)=\"selected($event)\">\n  @for (displayValue of searchResultsSignal(); track displayValue.value) {\n    <mat-option [value]=\"displayValue\">\n      <dbx-searchable-field-autocomplete-item [displayValue]=\"displayValue\"></dbx-searchable-field-autocomplete-item>\n    </mat-option>\n  }\n  <!-- If No Results -->\n  @if (searchResultsSignal()?.length === 0) {\n    @if (!isLoadingSearchResultsSignal()) {\n      <mat-option value=\"\" disabled>\n        <p class=\"dbx-clear-hint text-center\">No results found.</p>\n      </mat-option>\n    } @else {\n      <mat-option value=\"\" disabled>\n        <p class=\"dbx-clear-hint text-center\">Loading...</p>\n      </mat-option>\n    }\n  }\n  <!-- Add/Pick String Value -->\n  @if (allowStringValues && inputValueSignal()) {\n    <mat-option [value]=\"{ value: inputValueSignal() }\">\n      <p class=\"dbx-clear-hint text-center\">\"{{ inputValueSignal() }}\"</p>\n    </mat-option>\n  }\n  <!-- Show clear value -->\n  @if (showClearValue && hasValueSignal()) {\n    <mat-option value=\"\">\n      <p class=\"dbx-clear-hint text-center\">Clear</p>\n    </mat-option>\n  }\n</mat-autocomplete>\n" }]
         }] });
 
-const importsAndExports$b = [DbxSearchableChipFieldComponent, DbxSearchableTextFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxDefaultSearchableFieldDisplayComponent];
+const importsAndExports$c = [DbxSearchableChipFieldComponent, DbxSearchableTextFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxDefaultSearchableFieldDisplayComponent];
 /**
  * Registers the `searchablechipfield` and `searchabletextfield` Formly field types.
  */
 class DbxFormFormlySearchableFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlySearchableFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlySearchableFieldModule, imports: [DbxSearchableChipFieldComponent, DbxSearchableTextFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxDefaultSearchableFieldDisplayComponent, i1$1.FormlyModule], exports: [DbxSearchableChipFieldComponent, DbxSearchableTextFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxDefaultSearchableFieldDisplayComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlySearchableFieldModule, imports: [importsAndExports$b, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlySearchableFieldModule, imports: [importsAndExports$c, FormlyModule.forChild({
                 types: [
                     { name: 'searchablechipfield', component: DbxSearchableChipFieldComponent, wrappers: ['form-field'] },
                     { name: 'searchabletextfield', component: DbxSearchableTextFieldComponent, wrappers: ['form-field'] }
@@ -3460,7 +3488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$b,
+                        ...importsAndExports$c,
                         FormlyModule.forChild({
                             types: [
                                 { name: 'searchablechipfield', component: DbxSearchableChipFieldComponent, wrappers: ['form-field'] },
@@ -3468,7 +3496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                             ]
                         })
                     ],
-                    exports: importsAndExports$b
+                    exports: importsAndExports$c
                 }]
         }] });
 
@@ -4074,14 +4102,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                 }]
         }] });
 
-const importsAndExports$a = [DbxTextEditorFieldComponent];
+const importsAndExports$b = [DbxTextEditorFieldComponent];
 /**
  * Registers the `texteditor` Formly field type for rich text editing.
  */
 class DbxFormFormlyTextEditorFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyTextEditorFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyTextEditorFieldModule, imports: [DbxTextEditorFieldComponent, i1$1.FormlyModule], exports: [DbxTextEditorFieldComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyTextEditorFieldModule, imports: [importsAndExports$a, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyTextEditorFieldModule, imports: [importsAndExports$b, FormlyModule.forChild({
                 types: [{ name: 'texteditor', component: DbxTextEditorFieldComponent }]
             })] });
 }
@@ -4089,12 +4117,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$a,
+                        ...importsAndExports$b,
                         FormlyModule.forChild({
                             types: [{ name: 'texteditor', component: DbxTextEditorFieldComponent }]
                         })
                     ],
-                    exports: importsAndExports$a
+                    exports: importsAndExports$b
                 }]
         }] });
 
@@ -4358,14 +4386,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                 }]
         }] });
 
-const importsAndExports$9 = [DbxFormRepeatArrayTypeComponent];
+const importsAndExports$a = [DbxFormRepeatArrayTypeComponent];
 /**
  * Registers the `repeatarray` Formly field type for dynamic array fields.
  */
 class DbxFormFormlyArrayFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyArrayFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyArrayFieldModule, imports: [DbxFormRepeatArrayTypeComponent, i1$1.FormlyModule], exports: [DbxFormRepeatArrayTypeComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyArrayFieldModule, imports: [importsAndExports$9, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyArrayFieldModule, imports: [importsAndExports$a, FormlyModule.forChild({
                 types: [{ name: 'repeatarray', component: DbxFormRepeatArrayTypeComponent }]
             })] });
 }
@@ -4373,12 +4401,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$9,
+                        ...importsAndExports$a,
                         FormlyModule.forChild({
                             types: [{ name: 'repeatarray', component: DbxFormRepeatArrayTypeComponent }]
                         })
                     ],
-                    exports: importsAndExports$9
+                    exports: importsAndExports$a
                 }]
         }] });
 
@@ -4427,20 +4455,20 @@ function repeatArrayField(config) {
     });
 }
 
-const importsAndExports$8 = [FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule];
+const importsAndExports$9 = [FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule];
 /**
  * Provides Formly Material checkbox and toggle field support.
  */
 class DbxFormFormlyBooleanFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyBooleanFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyBooleanFieldModule, imports: [FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule], exports: [FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyBooleanFieldModule, imports: [importsAndExports$8, FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyBooleanFieldModule, imports: [importsAndExports$9, FormlyMaterialModule, FormlyMatCheckboxModule, FormlyMatToggleModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyBooleanFieldModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$8,
-                    exports: importsAndExports$8
+                    imports: importsAndExports$9,
+                    exports: importsAndExports$9
                 }]
         }] });
 
@@ -5993,14 +6021,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: Injectable
         }] });
 
-const importsAndExports$7 = [DbxDateTimeFieldComponent, DbxFixedDateRangeFieldComponent, DbxFormFormlyWrapperModule];
+const importsAndExports$8 = [DbxDateTimeFieldComponent, DbxFixedDateRangeFieldComponent, DbxFormFormlyWrapperModule];
 /**
  * Registers the `datetime` and `fixeddaterange` Formly field types with style and form-field wrappers.
  */
 class DbxFormFormlyDateFieldModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDateFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDateFieldModule, imports: [DbxDateTimeFieldComponent, DbxFixedDateRangeFieldComponent, DbxFormFormlyWrapperModule, i1$1.FormlyModule], exports: [DbxDateTimeFieldComponent, DbxFixedDateRangeFieldComponent, DbxFormFormlyWrapperModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDateFieldModule, imports: [importsAndExports$7, FormlyModule.forChild({
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDateFieldModule, imports: [importsAndExports$8, FormlyModule.forChild({
                 types: [
                     //
                     { name: 'datetime', component: DbxDateTimeFieldComponent, wrappers: ['style', 'form-field'] },
@@ -6012,7 +6040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
             type: NgModule,
             args: [{
                     imports: [
-                        ...importsAndExports$7,
+                        ...importsAndExports$8,
                         FormlyModule.forChild({
                             types: [
                                 //
@@ -6021,7 +6049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                             ]
                         })
                     ],
-                    exports: importsAndExports$7
+                    exports: importsAndExports$8
                 }]
         }] });
 
@@ -6459,6 +6487,558 @@ const DEFAULT_DATE_TIME_FIELD_MENU_PRESETS_PRESETS = [
     }
 ];
 
+// MARK: Validator
+/**
+ * Creates a ValidatorFn that checks the duration output value against min/max constraints.
+ *
+ * @param config - The duration field config containing min, max, outputUnit, and valueMode
+ * @returns A ValidatorFn, or undefined if no min/max is configured
+ */
+function timeDurationMinMaxValidator(config) {
+    const { min, max, outputUnit = 'ms', valueMode = 'number' } = config;
+    if (min == null && max == null) {
+        return undefined;
+    }
+    return (control) => {
+        const value = control.value;
+        if (value == null) {
+            return null;
+        }
+        let outputValue;
+        if (valueMode === 'duration_data') {
+            const data = value;
+            const totalMs = durationDataToMilliseconds(data);
+            outputValue = millisecondsToTimeUnit(totalMs, outputUnit);
+        }
+        else if (valueMode === 'hours_and_minutes') {
+            const hm = value;
+            const totalMs = hoursAndMinutesToTimeUnit(hm, 'ms');
+            outputValue = totalMs / 60000; // compare in minutes
+        }
+        else {
+            outputValue = value;
+        }
+        const unitLabel = TIME_UNIT_LABEL_MAP[valueMode === 'hours_and_minutes' ? 'min' : outputUnit].toLowerCase();
+        const actualRounded = Math.round(outputValue * 100) / 100;
+        const errors = {};
+        if (min != null && outputValue < min) {
+            errors['durationMin'] = { min, actual: actualRounded, unit: unitLabel };
+        }
+        if (max != null && outputValue > max) {
+            errors['durationMax'] = { max, actual: actualRounded, unit: unitLabel };
+        }
+        return Object.keys(errors).length > 0 ? errors : null;
+    };
+}
+/**
+ * Creates a Formly field configuration for a time duration input.
+ *
+ * The field uses a text input that parses duration strings (e.g., "3d10h5m8s",
+ * "2 hours 30 minutes") and a popover picker button with +/- columns for each unit.
+ *
+ * @param config - Time duration field configuration
+ * @returns A validated {@link FormlyFieldConfig} with type `'timeduration'`
+ *
+ * @example
+ * ```typescript
+ * // Basic usage — output in milliseconds
+ * const field = timeDurationField({
+ *   key: 'timeout',
+ *   label: 'Timeout',
+ *   outputUnit: 'ms',
+ *   allowedUnits: ['min', 'h', 'd']
+ * });
+ *
+ * // With min/max constraints — output in minutes, max 8 hours
+ * const constrained = timeDurationField({
+ *   key: 'duration',
+ *   label: 'Duration',
+ *   outputUnit: 'min',
+ *   min: 0,
+ *   max: 480
+ * });
+ *
+ * // HoursAndMinutes output mode
+ * const hoursMin = timeDurationField({
+ *   key: 'workTime',
+ *   label: 'Work Time',
+ *   valueMode: 'hours_and_minutes',
+ *   allowedUnits: ['min', 'h']
+ * });
+ * ```
+ */
+function timeDurationField(config = {}) {
+    const { key = 'duration', outputUnit, valueMode, allowedUnits, pickerUnits, min, max, carryOver, materialFormField } = config;
+    const validators = [];
+    const minMaxValidator = timeDurationMinMaxValidator(config);
+    if (minMaxValidator) {
+        validators.push(minMaxValidator);
+    }
+    return formlyField({
+        key,
+        type: 'timeduration',
+        ...propsAndConfigForFieldConfig(config, {
+            ...materialFormField,
+            outputUnit,
+            valueMode,
+            allowedUnits,
+            pickerUnits,
+            min,
+            max,
+            carryOver
+        }),
+        ...validatorsForFieldConfig({ validators })
+    });
+}
+
+/**
+ * Default popover key for the duration picker.
+ */
+const DEFAULT_DURATION_PICKER_POPOVER_KEY = 'durationpicker';
+/**
+ * Popover component that displays a horizontal duration picker with +/- buttons for each time unit.
+ *
+ * Each column shows the unit label, an increment button, the current value, and a decrement button.
+ * Buttons are disabled when incrementing/decrementing would exceed min/max constraints.
+ * Changes are applied immediately via the onChange callback and returned when the popover closes.
+ *
+ * @example
+ * ```typescript
+ * DbxDurationPickerPopoverComponent.openPopover(popoverService, {
+ *   origin: elementRef,
+ *   data: { current: { hours: 1, minutes: 30 }, units: ['h', 'min', 's'] }
+ * });
+ * ```
+ */
+class DbxDurationPickerPopoverComponent extends AbstractPopoverDirective {
+    durationData = signal(this.popover.data?.current ?? {}, ...(ngDevMode ? [{ debugName: "durationData" }] : /* istanbul ignore next */ []));
+    units = [...(this.popover.data?.units ?? ['d', 'h', 'min', 's'])].reverse();
+    _onChange = this.popover.data?.onChange;
+    _minMs = this.popover.data?.minMs;
+    _maxMs = this.popover.data?.maxMs;
+    _carryOver = this.popover.data?.carryOver ?? false;
+    constructor() {
+        super();
+        this.popover.getClosingValueFn = () => this.durationData();
+    }
+    /**
+     * Opens the duration picker popover.
+     *
+     * @param popoverService - The popover service to use
+     * @param config - Configuration with origin element and picker data
+     * @param config.origin - The element to anchor the popover to
+     * @param config.data - The picker data including current values and which units to show
+     * @returns A reference to the opened popover
+     */
+    static openPopover(popoverService, config) {
+        return popoverService.open({
+            key: DEFAULT_DURATION_PICKER_POPOVER_KEY,
+            origin: config.origin,
+            componentClass: DbxDurationPickerPopoverComponent,
+            data: config.data,
+            width: `${Math.max(200, config.data.units.length * 64 + 32)}px`,
+            height: '260px'
+        });
+    }
+    /**
+     * Gets the short label for a time unit.
+     *
+     * @param unit - The time unit
+     * @returns The short label string
+     */
+    unitLabel(unit) {
+        return TIME_UNIT_SHORT_LABEL_MAP[unit];
+    }
+    /**
+     * Gets the current value for a specific time unit.
+     *
+     * @param unit - The time unit to read
+     * @returns The current value for that unit
+     */
+    getValue(unit) {
+        return getDurationDataValue(this.durationData(), unit);
+    }
+    /**
+     * Returns true if incrementing the given unit by 1 would not exceed the maximum.
+     *
+     * @param unit - The time unit to check
+     * @returns Whether incrementing is allowed
+     */
+    canIncrement(unit) {
+        if (this._maxMs == null) {
+            return true;
+        }
+        const currentMs = durationDataToMilliseconds(this.durationData());
+        const incrementMs = timeUnitToMilliseconds(1, unit);
+        return currentMs + incrementMs <= this._maxMs;
+    }
+    /**
+     * Returns true if decrementing the given unit by 1 would not go below the minimum (or below 0).
+     *
+     * @param unit - The time unit to check
+     * @returns Whether decrementing is allowed
+     */
+    canDecrement(unit) {
+        if (this._carryOver) {
+            // With carryOver, allow decrement as long as total ms after decrement >= minMs (or 0)
+            const currentMs = durationDataToMilliseconds(this.durationData());
+            const decrementMs = timeUnitToMilliseconds(1, unit);
+            const minMs = this._minMs ?? 0;
+            return currentMs - decrementMs >= minMs;
+        }
+        const current = getDurationDataValue(this.durationData(), unit);
+        if (current <= 0) {
+            return false;
+        }
+        if (this._minMs == null) {
+            return true;
+        }
+        const currentMs = durationDataToMilliseconds(this.durationData());
+        const decrementMs = timeUnitToMilliseconds(1, unit);
+        return currentMs - decrementMs >= this._minMs;
+    }
+    /**
+     * Increments the value for a specific time unit.
+     * Holding shift doubles the step.
+     *
+     * @param unit - The time unit to increment
+     * @param step - The amount to increment by (defaults to 1)
+     */
+    increment(unit, step = 1) {
+        const current = getDurationDataValue(this.durationData(), unit);
+        const updated = this._normalizeIfCarryOver(setDurationDataValue(this.durationData(), unit, current + step));
+        this.durationData.set(updated);
+        this._onChange?.(updated);
+    }
+    /**
+     * Decrements the value for a specific time unit.
+     * Holding shift doubles the step.
+     *
+     * @param unit - The time unit to decrement
+     * @param step - The amount to decrement by (defaults to 1)
+     */
+    decrement(unit, step = 1) {
+        const current = getDurationDataValue(this.durationData(), unit);
+        const newValue = this._carryOver ? current - step : Math.max(0, current - step);
+        const updated = this._normalizeIfCarryOver(setDurationDataValue(this.durationData(), unit, newValue));
+        this.durationData.set(updated);
+        this._onChange?.(updated);
+    }
+    /**
+     * Returns the step size — 2 if shift is held, 1 otherwise.
+     *
+     * @param event - The mouse or keyboard event
+     * @returns The step multiplier
+     */
+    stepFromEvent(event) {
+        if (event && 'shiftKey' in event) {
+            return event.shiftKey ? 2 : 1;
+        }
+        return 1;
+    }
+    /**
+     * When carryOver is enabled, normalizes the data by converting to total milliseconds
+     * and decomposing back into the picker's units (e.g., 60s becomes 1m, 7d becomes 1w).
+     *
+     * @returns Normalized or original data
+     */
+    _normalizeIfCarryOver(data) {
+        if (!this._carryOver) {
+            return data;
+        }
+        const ms = durationDataToMilliseconds(data);
+        return millisecondsToDurationData(Math.max(0, ms), this.units);
+    }
+    // MARK: Hold-to-repeat
+    _holdInterval;
+    _holdTimeout;
+    _holdActive = false;
+    _shiftHeld = false;
+    /**
+     * Fires one action immediately and starts hold-to-repeat.
+     * Used by both mousedown and keydown.
+     *
+     * @param action - The action to perform
+     * @param unit - The time unit
+     * @param event - The triggering event (for shift detection)
+     */
+    onHoldStart(action, unit, event) {
+        // Only preventDefault for keyboard events (prevents page scroll).
+        // Don't preventDefault on mousedown — it blocks focus transfer to the button.
+        if (event instanceof KeyboardEvent) {
+            event.preventDefault();
+            this._shiftHeld = event.shiftKey;
+        }
+        else if (event instanceof MouseEvent) {
+            this._shiftHeld = event.shiftKey;
+        }
+        if (this._holdActive) {
+            return;
+        }
+        this._doAction(action, unit, this._currentStep);
+        this._holdActive = true;
+        this._holdTimeout = setTimeout(() => {
+            this._holdInterval = setInterval(() => {
+                if (!this._doAction(action, unit, this._currentStep)) {
+                    this.stopHold();
+                }
+            }, 80);
+        }, 300);
+    }
+    /**
+     * Returns the current step based on whether shift is held.
+     */
+    get _currentStep() {
+        return this._shiftHeld ? 2 : 1;
+    }
+    /**
+     * Stops the hold-to-repeat interval.
+     */
+    /**
+     * Handles keyup events. Only stops the hold when an arrow key is released.
+     * Releasing modifier keys (shift, ctrl, etc.) does not stop the hold.
+     *
+     * @param event - The keyboard event
+     */
+    onKeyUp(event) {
+        this._shiftHeld = event.shiftKey;
+        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+            this.stopHold();
+        }
+    }
+    stopHold() {
+        this._holdActive = false;
+        if (this._holdTimeout) {
+            clearTimeout(this._holdTimeout);
+            this._holdTimeout = undefined;
+        }
+        if (this._holdInterval) {
+            clearInterval(this._holdInterval);
+            this._holdInterval = undefined;
+        }
+    }
+    /**
+     * Executes an increment or decrement action if allowed.
+     *
+     * @returns True if the action was performed
+     */
+    _doAction(action, unit, step) {
+        if (action === 'increment' && this.canIncrement(unit)) {
+            this.increment(unit, step);
+            return true;
+        }
+        else if (action === 'decrement' && this.canDecrement(unit)) {
+            this.decrement(unit, step);
+            return true;
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxDurationPickerPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxDurationPickerPopoverComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-duration-picker\">\n  @for (unit of units; track unit) {\n    <div class=\"dbx-duration-picker-column\">\n      <span class=\"dbx-duration-picker-label\">{{ unitLabel(unit) }}</span>\n      <button mat-icon-button type=\"button\" (mousedown)=\"onHoldStart('increment', unit, $event)\" (mouseup)=\"stopHold()\" (mouseleave)=\"stopHold()\" (keydown.arrowup)=\"onHoldStart('increment', unit, $event)\" (keydown.arrowdown)=\"onHoldStart('decrement', unit, $event)\" (keyup)=\"onKeyUp($event)\" [disabled]=\"!canIncrement(unit)\" aria-label=\"Increase\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <span class=\"dbx-duration-picker-value\">{{ getValue(unit) }}</span>\n      <button mat-icon-button type=\"button\" (mousedown)=\"onHoldStart('decrement', unit, $event)\" (mouseup)=\"stopHold()\" (mouseleave)=\"stopHold()\" (keydown.arrowup)=\"onHoldStart('increment', unit, $event)\" (keydown.arrowdown)=\"onHoldStart('decrement', unit, $event)\" (keyup)=\"onKeyUp($event)\" [disabled]=\"!canDecrement(unit)\" aria-label=\"Decrease\">\n        <mat-icon>remove</mat-icon>\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxDurationPickerPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [MatIconModule, MatButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-duration-picker\">\n  @for (unit of units; track unit) {\n    <div class=\"dbx-duration-picker-column\">\n      <span class=\"dbx-duration-picker-label\">{{ unitLabel(unit) }}</span>\n      <button mat-icon-button type=\"button\" (mousedown)=\"onHoldStart('increment', unit, $event)\" (mouseup)=\"stopHold()\" (mouseleave)=\"stopHold()\" (keydown.arrowup)=\"onHoldStart('increment', unit, $event)\" (keydown.arrowdown)=\"onHoldStart('decrement', unit, $event)\" (keyup)=\"onKeyUp($event)\" [disabled]=\"!canIncrement(unit)\" aria-label=\"Increase\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <span class=\"dbx-duration-picker-value\">{{ getValue(unit) }}</span>\n      <button mat-icon-button type=\"button\" (mousedown)=\"onHoldStart('decrement', unit, $event)\" (mouseup)=\"stopHold()\" (mouseleave)=\"stopHold()\" (keydown.arrowup)=\"onHoldStart('increment', unit, $event)\" (keydown.arrowdown)=\"onHoldStart('decrement', unit, $event)\" (keyup)=\"onKeyUp($event)\" [disabled]=\"!canDecrement(unit)\" aria-label=\"Decrease\">\n        <mat-icon>remove</mat-icon>\n      </button>\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Formly custom field type for time duration input with text parsing and a popover picker.
+ *
+ * The text input accepts duration strings like "3d10h5m8s", "2 hours 30 minutes", etc.
+ * A picker button opens a popover with +/- columns for each time unit.
+ *
+ * Registered as Formly type `'timeduration'`.
+ */
+class DbxTimeDurationFieldComponent extends FieldType$1 {
+    _popoverService = inject(DbxPopoverService);
+    _inputSync = new SubscriptionObject();
+    _outputSync = new SubscriptionObject();
+    _suppressOutputSync = false;
+    _currentDurationData = {};
+    textCtrl = new FormControl('');
+    pickerButtonElement = viewChild('pickerButton', { ...(ngDevMode ? { debugName: "pickerButtonElement" } : /* istanbul ignore next */ {}), read: ElementRef });
+    get outputUnit() {
+        return this.props.outputUnit ?? 'ms';
+    }
+    get valueMode() {
+        return this.props.valueMode ?? 'number';
+    }
+    get allowedUnits() {
+        return this.props.allowedUnits ?? ALL_TIME_UNITS;
+    }
+    get pickerUnits() {
+        return this.props.pickerUnits ?? this.allowedUnits.filter((u) => u !== 'ms');
+    }
+    /**
+     * Units used for decomposing/displaying duration text.
+     * Includes 'ms' if the smallest picker unit would leave a remainder.
+     */
+    get displayUnits() {
+        const units = [...this.pickerUnits];
+        if (!units.includes('ms')) {
+            units.push('ms');
+        }
+        return units;
+    }
+    ngOnInit() {
+        // Input sync: outer formControl -> text display
+        this._inputSync.subscription = this.formControl.valueChanges.pipe(startWith(this.formControl.value), distinctUntilChanged()).subscribe((inputValue) => {
+            this._suppressOutputSync = true;
+            try {
+                if (inputValue == null) {
+                    this._currentDurationData = {};
+                    this.textCtrl.setValue('');
+                }
+                else {
+                    const ms = this._outputValueToMilliseconds(inputValue);
+                    this._currentDurationData = millisecondsToDurationData(ms, this.displayUnits);
+                    this.textCtrl.setValue(formatDurationString(this._currentDurationData));
+                }
+            }
+            finally {
+                this._suppressOutputSync = false;
+            }
+        });
+        // Text change sync: parse text on value changes (debounced via blur/enter)
+        // We don't auto-parse on every keystroke — only on blur or enter
+    }
+    /**
+     * Called when the text input loses focus. Parses the text and updates the output.
+     */
+    onTextBlur() {
+        this._parseAndSync();
+    }
+    /**
+     * Called when Enter is pressed in the text input.
+     */
+    onTextEnter(event) {
+        event.preventDefault();
+        this._parseAndSync();
+    }
+    /**
+     * Opens the duration picker popover.
+     */
+    openPicker() {
+        const origin = this.pickerButtonElement();
+        if (!origin) {
+            return;
+        }
+        const existingMs = this._currentDurationData.milliseconds;
+        const onPickerChange = (data) => {
+            // Preserve milliseconds from the existing data since the popover doesn't show them
+            const merged = existingMs ? { ...data, milliseconds: existingMs } : data;
+            this._currentDurationData = merged;
+            this.textCtrl.setValue(formatDurationString(merged));
+            this._syncOutputFromDurationData(merged);
+        };
+        const { min, max } = this.props;
+        const minMs = min != null ? timeUnitToMilliseconds(min, this.outputUnit) : undefined;
+        const maxMs = max != null ? timeUnitToMilliseconds(max, this.outputUnit) : undefined;
+        DbxDurationPickerPopoverComponent.openPopover(this._popoverService, {
+            origin,
+            data: {
+                current: this._currentDurationData,
+                units: this.pickerUnits,
+                onChange: onPickerChange,
+                minMs,
+                maxMs,
+                carryOver: this.props.carryOver
+            }
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._inputSync.destroy();
+        this._outputSync.destroy();
+    }
+    /**
+     * Parses the current text input and syncs the output value.
+     */
+    _parseAndSync() {
+        if (this._suppressOutputSync) {
+            return;
+        }
+        const text = this.textCtrl.value?.trim();
+        if (!text) {
+            this._currentDurationData = {};
+            this.formControl.setValue(undefined);
+            this.formControl.markAsDirty();
+            this.formControl.markAsTouched();
+            return;
+        }
+        const parsed = parseDurationString(text);
+        this._currentDurationData = parsed;
+        // Re-format the display text to normalize it
+        this.textCtrl.setValue(formatDurationString(parsed), { emitEvent: false });
+        this._syncOutputFromDurationData(parsed);
+    }
+    /**
+     * Converts duration data to the output value and sets it on the form control.
+     */
+    _syncOutputFromDurationData(data) {
+        const ms = durationDataToMilliseconds(data);
+        let outputValue;
+        if (this.valueMode === 'duration_data') {
+            outputValue = data;
+        }
+        else if (this.valueMode === 'hours_and_minutes') {
+            const totalMinutes = ms / 60000;
+            outputValue = minutesToHoursAndMinutes(Math.round(totalMinutes));
+        }
+        else {
+            outputValue = millisecondsToTimeUnit(ms, this.outputUnit);
+        }
+        this.formControl.setValue(outputValue);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    /**
+     * Converts an output value (number, HoursAndMinutes, or TimeDurationData) to milliseconds.
+     */
+    _outputValueToMilliseconds(value) {
+        if (this.valueMode === 'duration_data') {
+            return durationDataToMilliseconds(value);
+        }
+        else if (this.valueMode === 'hours_and_minutes') {
+            const hm = value;
+            return hoursAndMinutesToTimeUnit(hm, 'ms');
+        }
+        else {
+            return timeUnitToMilliseconds(value, this.outputUnit);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxTimeDurationFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.3", type: DbxTimeDurationFieldComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "pickerButtonElement", first: true, predicate: ["pickerButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-form-duration-field\">\n  <input matInput type=\"text\" [formControl]=\"textCtrl\" (blur)=\"onTextBlur()\" (keydown.enter)=\"onTextEnter($event)\" class=\"dbx-form-duration-field-input\" placeholder=\"e.g. 2h30m\" [attr.aria-label]=\"props.label || 'Duration'\" />\n  <button mat-icon-button type=\"button\" #pickerButton (click)=\"openPicker()\" class=\"dbx-form-duration-field-picker-btn\" aria-label=\"Open duration picker\">\n    <mat-icon>schedule</mat-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.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"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxTimeDurationFieldComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [MatInputModule, MatFormFieldModule, MatIconModule, MatButtonModule, FormsModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-form-duration-field\">\n  <input matInput type=\"text\" [formControl]=\"textCtrl\" (blur)=\"onTextBlur()\" (keydown.enter)=\"onTextEnter($event)\" class=\"dbx-form-duration-field-input\" placeholder=\"e.g. 2h30m\" [attr.aria-label]=\"props.label || 'Duration'\" />\n  <button mat-icon-button type=\"button\" #pickerButton (click)=\"openPicker()\" class=\"dbx-form-duration-field-picker-btn\" aria-label=\"Open duration picker\">\n    <mat-icon>schedule</mat-icon>\n  </button>\n</div>\n" }]
+        }], propDecorators: { pickerButtonElement: [{ type: i0.ViewChild, args: ['pickerButton', { ...{ read: ElementRef }, isSignal: true }] }] } });
+
+const importsAndExports$7 = [DbxTimeDurationFieldComponent, DbxDurationPickerPopoverComponent];
+/**
+ * Registers the `timeduration` Formly field type for time duration input with text parsing and popover picker.
+ */
+class DbxFormFormlyDurationFieldModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDurationFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDurationFieldModule, imports: [DbxTimeDurationFieldComponent, DbxDurationPickerPopoverComponent, i1$1.FormlyModule], exports: [DbxTimeDurationFieldComponent, DbxDurationPickerPopoverComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDurationFieldModule, imports: [importsAndExports$7, FormlyModule.forChild({
+                types: [{ name: 'timeduration', component: DbxTimeDurationFieldComponent, wrappers: ['form-field'] }]
+            })] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxFormFormlyDurationFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...importsAndExports$7,
+                        FormlyModule.forChild({
+                            types: [{ name: 'timeduration', component: DbxTimeDurationFieldComponent, wrappers: ['form-field'] }]
+                        })
+                    ],
+                    exports: importsAndExports$7
+                }]
+        }] });
+
 /**
  * Angular form validator that requires the control value to be truthy.
  *
@@ -8024,7 +8604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
  * @returns Environment providers for all Formly field declarations
  */
 function provideDbxFormFormlyFieldDeclarations() {
-    return importProvidersFrom([DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySourceSelectModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyWrapperModule, FormlyModule, FormlyMaterialModule]);
+    return importProvidersFrom([DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyDurationFieldModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySourceSelectModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyWrapperModule, FormlyModule, FormlyMaterialModule]);
 }
 
 /**
@@ -8098,5 +8678,5 @@ function provideDbxFormConfiguration(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ACTION_FORM_DISABLED_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_DATE_TIME_FIELD_DATE_NOT_IN_SCHEDULE_ERROR, DBX_DATE_TIME_FIELD_MENU_PRESETS_TOKEN, DBX_DATE_TIME_FIELD_TIME_NOT_IN_RANGE_ERROR, DBX_FORMLY_FORM_COMPONENT_TEMPLATE, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_DATE_TIME_FIELD_MENU_PRESETS_PRESETS, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER, DEFAULT_PREFERRED_COUNTRIES, DISPLAY_FOR_TIMEZONE_STRING_VALUE, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldMenuPresetsService, DbxDateTimeFieldTimeMode, DbxDateTimeValueMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxFixedDateRangeFieldComponent, DbxFixedDateRangeFieldSelectionStrategy, DbxForm, DbxFormActionDialogComponent, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySourceSelectModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormLoadingSourceDirective, DbxFormLoginFieldModule, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSearchFormComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSourceSelectFieldComponent, DbxFormSpacerDirective, DbxFormState, DbxFormStyleWrapperComponent, DbxFormSubsectionWrapperComponent, DbxFormTextAvailableFieldModule, DbxFormTimezoneStringFieldModule, DbxFormToggleWrapperComponent, DbxFormValueChangeDirective, DbxFormWorkingWrapperComponent, DbxFormlyComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponentImportsModule, DbxItemListFieldComponent, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, INVALID_PHONE_NUMBER_EXTENSION_MESSAGE, INVALID_PHONE_NUMBER_MESSAGE, IS_DIVISIBLE_BY_VALIDATION_KEY, IS_NOT_WEBSITE_URL_VALIDATION_KEY, IS_NOT_WEBSITE_URL_WITH_EXPECTED_DOMAIN_VALIDATION_KEY, IS_NOT_WEBSITE_URL_WITH_PREFIX_VALIDATION_KEY, LABEL_STRING_MAX_LENGTH, MAX_LENGTH_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, PHONE_LABEL_MAX_LENGTH, REQUIRED_VALIDATION_MESSAGE, SEARCH_STRING_MAX_LENGTH, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, addValueSelectionOptionFunction, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressLineField, addressListField, autoTouchWrapper, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateRangeField, dateTimeField, dateTimePreset, dateTimeRangeField, dbxDateRangeIsSameDateRangeFieldValue, dbxDateTimeInputValueParseFactory, dbxDateTimeIsSameDateTimeFieldValue, dbxDateTimeOutputValueFactory, dbxFormSearchFormFields, dbxFormSourceObservable, dbxFormSourceObservableFromStream, dbxFormlyFormComponentProviders, dbxListField, defaultValidationMessages, disableFormlyFieldAutofillAttributes, dollarAmountField, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPartialPotentialFieldConfigValuesFromObject, filterPickableItemFieldValuesByLabel, filterPickableItemFieldValuesByLabelFilterFunction, fixedDateRangeField, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDbxDateTimeFieldTimeDateConfig, isDivisibleBy, isDomain, isE164PhoneNumber, isE164PhoneNumberWithValidExtension, isInRange, isPhoneExtension, isTruthy, isWebsiteUrlValidator, latLngTextField, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, mergePropsValueObjects, minLengthValidationMessage, minValidationMessage, nameField, numberField, numberFieldTransformParser, numberSliderField, partialPotentialFieldConfigKeys, partialPotentialFieldConfigKeysFilter, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, pickableValueFieldValuesConfigForStaticLabeledValues, propsAndConfigForFieldConfig, propsValueForFieldConfig, provideDbxForm, provideDbxFormConfiguration, provideDbxFormFormlyFieldDeclarations, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, sortPickableItemsByLabelStringFunction, sourceSelectField, stateField, streamValueFromControl, styleWrapper, subsectionWrapper, syncConfigValueObs, textAreaField, textEditorField, textField, textFieldTransformParser, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeOnlyField, timezoneStringField, timezoneStringSearchFunction, toggleDisableFormControl, toggleField, toggleWrapper, usernameLoginField, usernamePasswordLoginFields, validatorsForFieldConfig, valueSelectionField, websiteUrlField, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
+export { APP_ACTION_FORM_DISABLED_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_DATE_TIME_FIELD_DATE_NOT_IN_SCHEDULE_ERROR, DBX_DATE_TIME_FIELD_MENU_PRESETS_TOKEN, DBX_DATE_TIME_FIELD_TIME_NOT_IN_RANGE_ERROR, DBX_FORMLY_FORM_COMPONENT_TEMPLATE, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_DATE_TIME_FIELD_MENU_PRESETS_PRESETS, DEFAULT_DURATION_PICKER_POPOVER_KEY, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER, DEFAULT_PREFERRED_COUNTRIES, DISPLAY_FOR_TIMEZONE_STRING_VALUE, DURATION_MAX_VALIDATION_MESSAGE, DURATION_MIN_VALIDATION_MESSAGE, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldMenuPresetsService, DbxDateTimeFieldTimeMode, DbxDateTimeValueMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxDurationPickerPopoverComponent, DbxFixedDateRangeFieldComponent, DbxFixedDateRangeFieldSelectionStrategy, DbxForm, DbxFormActionDialogComponent, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyDurationFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySourceSelectModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormLoadingSourceDirective, DbxFormLoginFieldModule, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSearchFormComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSourceSelectFieldComponent, DbxFormSpacerDirective, DbxFormState, DbxFormStyleWrapperComponent, DbxFormSubsectionWrapperComponent, DbxFormTextAvailableFieldModule, DbxFormTimezoneStringFieldModule, DbxFormToggleWrapperComponent, DbxFormValueChangeDirective, DbxFormWorkingWrapperComponent, DbxFormlyComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponentImportsModule, DbxItemListFieldComponent, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, DbxTimeDurationFieldComponent, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, INVALID_PHONE_NUMBER_EXTENSION_MESSAGE, INVALID_PHONE_NUMBER_MESSAGE, IS_DIVISIBLE_BY_VALIDATION_KEY, IS_NOT_WEBSITE_URL_VALIDATION_KEY, IS_NOT_WEBSITE_URL_WITH_EXPECTED_DOMAIN_VALIDATION_KEY, IS_NOT_WEBSITE_URL_WITH_PREFIX_VALIDATION_KEY, LABEL_STRING_MAX_LENGTH, MAX_LENGTH_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, PHONE_LABEL_MAX_LENGTH, REQUIRED_VALIDATION_MESSAGE, SEARCH_STRING_MAX_LENGTH, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, addValueSelectionOptionFunction, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressLineField, addressListField, autoTouchWrapper, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateRangeField, dateTimeField, dateTimePreset, dateTimeRangeField, dbxDateRangeIsSameDateRangeFieldValue, dbxDateTimeInputValueParseFactory, dbxDateTimeIsSameDateTimeFieldValue, dbxDateTimeOutputValueFactory, dbxFormSearchFormFields, dbxFormSourceObservable, dbxFormSourceObservableFromStream, dbxFormlyFormComponentProviders, dbxListField, defaultValidationMessages, disableFormlyFieldAutofillAttributes, dollarAmountField, durationMaxValidationMessage, durationMinValidationMessage, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPartialPotentialFieldConfigValuesFromObject, filterPickableItemFieldValuesByLabel, filterPickableItemFieldValuesByLabelFilterFunction, fixedDateRangeField, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDbxDateTimeFieldTimeDateConfig, isDivisibleBy, isDomain, isE164PhoneNumber, isE164PhoneNumberWithValidExtension, isInRange, isPhoneExtension, isTruthy, isWebsiteUrlValidator, latLngTextField, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, mergePropsValueObjects, minLengthValidationMessage, minValidationMessage, nameField, numberField, numberFieldTransformParser, numberSliderField, partialPotentialFieldConfigKeys, partialPotentialFieldConfigKeysFilter, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, pickableValueFieldValuesConfigForStaticLabeledValues, propsAndConfigForFieldConfig, propsValueForFieldConfig, provideDbxForm, provideDbxFormConfiguration, provideDbxFormFormlyFieldDeclarations, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, sortPickableItemsByLabelStringFunction, sourceSelectField, stateField, streamValueFromControl, styleWrapper, subsectionWrapper, syncConfigValueObs, textAreaField, textEditorField, textField, textFieldTransformParser, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeDurationField, timeOnlyField, timezoneStringField, timezoneStringSearchFunction, toggleDisableFormControl, toggleField, toggleWrapper, usernameLoginField, usernamePasswordLoginFields, validatorsForFieldConfig, valueSelectionField, websiteUrlField, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
 //# sourceMappingURL=dereekb-dbx-form.mjs.map