@dereekb/dbx-form 7.2.0 → 7.5.0

package/fesm2015/dereekb-dbx-form.mjs

@@ -26,7 +26,7 @@ import * as i1$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3$1 from '@angular/flex-layout/flex';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { objectIsEmpty, mergeObjects, filterFromPOJO, addPlusPrefixToNumber, convertMaybeToArray, makeValuesGroupMap, findUnique, mergeIntoArray, lastValue, separateValues, arrayToMap, getValueFromGetter, dateFromLogicalDate, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, capitalizeFirstLetter, BooleanStringKeyArrayUtilityInstance } from '@dereekb/util';
+import { objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, addPlusPrefixToNumber, convertMaybeToArray, makeValuesGroupMap, findUnique, mergeIntoArray, lastValue, separateValues, arrayToMap, getValueFromGetter, dateFromLogicalDate, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, capitalizeFirstLetter, BooleanStringKeyArrayUtilityInstance } from '@dereekb/util';
 import * as i1$3 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i2$2 from '@angular/flex-layout/extended';
@@ -477,16 +477,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
         }] });
 
 function minLengthValidationMessage(err, field) {
-    return `Should have atleast ${field.templateOptions.minLength} characters`;
+    return `Should have atleast ${field.props.minLength} characters`;
 }
 function maxLengthValidationMessage(err, field) {
-    return `This value should be less than ${field.templateOptions.maxLength} characters`;
+    return `This value should be less than ${field.props.maxLength} characters`;
 }
 function minValidationMessage(err, field) {
-    return `This value should be more than ${field.templateOptions.min}`;
+    return `This value should be more than ${field.props.min}`;
 }
 function maxValidationMessage(err, field) {
-    return `This value should be less than ${field.templateOptions.max}`;
+    return `This value should be less than ${field.props.max}`;
 }
 const REQUIRED_VALIDATION_MESSAGE = { name: 'required', message: 'This field is required' };
 const MIN_LENGTH_VALIDATION_MESSAGE = { name: 'minLength', message: minLengthValidationMessage };
@@ -551,19 +551,16 @@ class DbxChecklistItemFieldComponent extends FieldType {
         return this.key;
     }
     get label() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.label;
+        return this.props.label;
     }
     get description() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.description;
+        return this.props.description;
     }
     get required() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.required;
+        return this.props.required;
     }
     get checklistField() {
-        return this.field.checklistField;
+        return this.props;
     }
     get errors() {
         var _a;
@@ -620,7 +617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 class DbxFormInfoWrapperComponent extends FieldWrapper {
     get infoWrapper() {
-        return this.to.infoWrapper;
+        return this.props.infoWrapper;
     }
     onInfoClick() {
         this.infoWrapper.onInfoClick();
@@ -660,11 +657,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFormSectionWrapperComponent extends FieldWrapper {
     get header() {
         var _a;
-        return (_a = this.to.sectionWrapper) === null || _a === void 0 ? void 0 : _a.header;
+        return (_a = this.props.sectionWrapper) === null || _a === void 0 ? void 0 : _a.header;
     }
     get hint() {
         var _a;
-        return (_a = this.to.sectionWrapper) === null || _a === void 0 ? void 0 : _a.hint;
+        return (_a = this.props.sectionWrapper) === null || _a === void 0 ? void 0 : _a.hint;
     }
 }
 DbxFormSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFormSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -686,7 +683,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 class DbxFormFlexWrapperComponent extends FieldWrapper {
     get flexWrapper() {
-        return this.to.flexWrapper;
+        return this.props.flexWrapper;
     }
     get breakpoint() {
         var _a;
@@ -717,11 +714,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFormSubsectionWrapperComponent extends FieldWrapper {
     get header() {
         var _a;
-        return (_a = this.to.subsectionWrapper) === null || _a === void 0 ? void 0 : _a.header;
+        return (_a = this.props.subsectionWrapper) === null || _a === void 0 ? void 0 : _a.header;
     }
     get hint() {
         var _a;
-        return (_a = this.to.subsectionWrapper) === null || _a === void 0 ? void 0 : _a.hint;
+        return (_a = this.props.subsectionWrapper) === null || _a === void 0 ? void 0 : _a.hint;
     }
 }
 DbxFormSubsectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFormSubsectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -761,7 +758,7 @@ class AbstractFormExpandableSectionWrapperDirective extends FieldWrapper {
         }), shareReplay(1))));
     }
     get expandableSection() {
-        return this.to.expandWrapper;
+        return this.props.expandWrapper;
     }
     get hasValueFn() {
         var _a, _b;
@@ -769,11 +766,11 @@ class AbstractFormExpandableSectionWrapperDirective extends FieldWrapper {
     }
     get expandLabel() {
         var _a, _b, _c, _d, _e, _f, _g;
-        let label = (_b = (_a = this.expandableSection) === null || _a === void 0 ? void 0 : _a.expandLabel) !== null && _b !== void 0 ? _b : (_d = (_c = this.field) === null || _c === void 0 ? void 0 : _c.templateOptions) === null || _d === void 0 ? void 0 : _d.label;
+        let label = (_b = (_a = this.expandableSection) === null || _a === void 0 ? void 0 : _a.expandLabel) !== null && _b !== void 0 ? _b : (_d = (_c = this.field) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.label;
         if (label == null) {
             const firstFieldGroup = (_e = this.field.fieldGroup) === null || _e === void 0 ? void 0 : _e[0];
             if (firstFieldGroup) {
-                label = (_g = (_f = firstFieldGroup.templateOptions) === null || _f === void 0 ? void 0 : _f.label) !== null && _g !== void 0 ? _g : firstFieldGroup.key;
+                label = (_g = (_f = firstFieldGroup.props) === null || _f === void 0 ? void 0 : _f.label) !== null && _g !== void 0 ? _g : firstFieldGroup.key;
             }
         }
         return label;
@@ -912,11 +909,8 @@ class DbxFormStyleWrapperComponent extends FieldWrapper {
         this._style = new BehaviorSubject(undefined);
         this.style$ = this._style.pipe(switchMapMaybeDefault(''), shareReplay(1));
     }
-    get styleWrapper() {
-        return this.field.styleWrapper;
-    }
     get styleGetter() {
-        return this.styleWrapper.style;
+        return this.props.style;
     }
     ngOnInit() {
         this._style.next(asObservable(this.styleGetter));
@@ -983,6 +977,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
+const AUTO_TOUCH_WRAPPER_KEY = 'autotouch';
+const EXPANDABLE_WRAPPER_KEY = 'expandable';
+const TOGGLE_WRAPPER_KEY = 'toggle';
+const SECTION_WRAPPER_KEY = 'section';
+const SUBSECTION_WRAPPER_KEY = 'subsection';
+const INFO_WRAPPER_KEY = 'info';
+const FLEX_WRAPPER_KEY = 'flex';
+const STYLE_WRAPPER_KEY = 'style';
+const WORKING_WRAPPER_KEY = 'working';
+function addWrapperToFormlyFieldConfig(fieldConfig, wrapperKey, wrapperProps) {
+    // ??? can probably remove?
+    fieldConfig.props = Object.assign(Object.assign({}, fieldConfig.props), wrapperProps);
+    return {
+        wrappers: [wrapperKey],
+        props: wrapperProps,
+        fieldGroup: [fieldConfig]
+    };
+}
+function autoTouchWrapper(fieldConfig, autoTouchWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, AUTO_TOUCH_WRAPPER_KEY, autoTouchWrapper);
+}
+function expandWrapper(fieldConfig, expandWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, EXPANDABLE_WRAPPER_KEY, expandWrapper);
+}
+function toggleWrapper(fieldConfig, toggleWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, TOGGLE_WRAPPER_KEY, toggleWrapper);
+}
+function sectionWrapper(fieldConfig, sectionWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, SECTION_WRAPPER_KEY, sectionWrapper);
+}
+function subsectionWrapper(fieldConfig, subsectionWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, SUBSECTION_WRAPPER_KEY, subsectionWrapper);
+}
+function infoWrapper(fieldConfig, infoWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, INFO_WRAPPER_KEY, infoWrapper);
+}
+function styleWrapper(fieldConfig, styleWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, STYLE_WRAPPER_KEY, styleWrapper);
+}
+function workingWrapper(fieldConfig, workingWrapper = {}) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, WORKING_WRAPPER_KEY, workingWrapper);
+}
+function checkIsFieldFlexLayoutGroupFieldConfig(input) {
+    if (input.field != null) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+function flexLayoutWrapper(fieldConfigs, { relative, breakpoint, size: defaultSize = 2 } = {}) {
+    return {
+        wrappers: ['flex'],
+        fieldGroupClassName: 'dbx-flex-group',
+        // fieldGroupClassName: 'field-layout-group',
+        props: {
+            flexWrapper: {
+                breakpoint,
+                relative
+            }
+        },
+        fieldGroup: fieldConfigs.map((inputConfig) => {
+            const fieldConfig = checkIsFieldFlexLayoutGroupFieldConfig(inputConfig)
+                ? inputConfig
+                : {
+                    field: inputConfig
+                };
+            const { field, size = defaultSize } = fieldConfig;
+            const className = `dbx-flex-${size}`;
+            return Object.assign(Object.assign({}, field), { className });
+        })
+    };
+}
+
 class DbxFormFormlyWrapperModule {
 }
 DbxFormFormlyWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFormFormlyWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1007,15 +1075,15 @@ DbxFormFormlyWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
             FlexLayoutModule,
             FormlyModule.forChild({
                 wrappers: [
-                    { name: 'autotouch', component: AutoTouchFieldWrapperComponent },
-                    { name: 'expandable', component: DbxFormExpandWrapperComponent },
-                    { name: 'toggle', component: DbxFormToggleWrapperComponent },
-                    { name: 'section', component: DbxFormSectionWrapperComponent },
-                    { name: 'subsection', component: DbxFormSubsectionWrapperComponent },
-                    { name: 'info', component: DbxFormInfoWrapperComponent },
-                    { name: 'flex', component: DbxFormFlexWrapperComponent },
-                    { name: 'style', component: DbxFormStyleWrapperComponent },
-                    { name: 'working', component: DbxFormWorkingWrapperComponent }
+                    { name: AUTO_TOUCH_WRAPPER_KEY, component: AutoTouchFieldWrapperComponent },
+                    { name: EXPANDABLE_WRAPPER_KEY, component: DbxFormExpandWrapperComponent },
+                    { name: TOGGLE_WRAPPER_KEY, component: DbxFormToggleWrapperComponent },
+                    { name: SECTION_WRAPPER_KEY, component: DbxFormSectionWrapperComponent },
+                    { name: SUBSECTION_WRAPPER_KEY, component: DbxFormSubsectionWrapperComponent },
+                    { name: INFO_WRAPPER_KEY, component: DbxFormInfoWrapperComponent },
+                    { name: FLEX_WRAPPER_KEY, component: DbxFormFlexWrapperComponent },
+                    { name: STYLE_WRAPPER_KEY, component: DbxFormStyleWrapperComponent },
+                    { name: WORKING_WRAPPER_KEY, component: DbxFormWorkingWrapperComponent }
                 ]
             })
         ]] });
@@ -1034,15 +1102,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                         FlexLayoutModule,
                         FormlyModule.forChild({
                             wrappers: [
-                                { name: 'autotouch', component: AutoTouchFieldWrapperComponent },
-                                { name: 'expandable', component: DbxFormExpandWrapperComponent },
-                                { name: 'toggle', component: DbxFormToggleWrapperComponent },
-                                { name: 'section', component: DbxFormSectionWrapperComponent },
-                                { name: 'subsection', component: DbxFormSubsectionWrapperComponent },
-                                { name: 'info', component: DbxFormInfoWrapperComponent },
-                                { name: 'flex', component: DbxFormFlexWrapperComponent },
-                                { name: 'style', component: DbxFormStyleWrapperComponent },
-                                { name: 'working', component: DbxFormWorkingWrapperComponent }
+                                { name: AUTO_TOUCH_WRAPPER_KEY, component: AutoTouchFieldWrapperComponent },
+                                { name: EXPANDABLE_WRAPPER_KEY, component: DbxFormExpandWrapperComponent },
+                                { name: TOGGLE_WRAPPER_KEY, component: DbxFormToggleWrapperComponent },
+                                { name: SECTION_WRAPPER_KEY, component: DbxFormSectionWrapperComponent },
+                                { name: SUBSECTION_WRAPPER_KEY, component: DbxFormSubsectionWrapperComponent },
+                                { name: INFO_WRAPPER_KEY, component: DbxFormInfoWrapperComponent },
+                                { name: FLEX_WRAPPER_KEY, component: DbxFormFlexWrapperComponent },
+                                { name: STYLE_WRAPPER_KEY, component: DbxFormStyleWrapperComponent },
+                                { name: WORKING_WRAPPER_KEY, component: DbxFormWorkingWrapperComponent }
                             ]
                         })
                     ],
@@ -1115,16 +1183,22 @@ function formlyField(fieldConfig) {
     }
     return fieldConfig;
 }
-function templateOptionsForFieldConfig(fieldConfig, override) {
-    const templateOptions = templateOptionsValueForFieldConfig(fieldConfig, override);
+function propsForFieldConfig(fieldConfig, override) {
+    const props = propsValueForFieldConfig(fieldConfig, override);
     return {
-        templateOptions
+        props
     };
 }
-function templateOptionsValueForFieldConfig(fieldConfig, override) {
-    const { label, placeholder, required, readonly, description, autocomplete } = mergeObjects([fieldConfig, override], {
-        keysFilter: ['label', 'placeholder', 'required', 'readonly', 'description', 'autocomplete']
-    });
+const partialPotentialFieldConfigKeys = ['label', 'placeholder', 'required', 'readonly', 'description', 'autocomplete'];
+const partialPotentialFieldConfigKeysFilter = {
+    keysFilter: partialPotentialFieldConfigKeys
+};
+const mergePropsValueObjects = mergeObjectsFunction(partialPotentialFieldConfigKeysFilter);
+const filterPartialPotentialFieldConfigValuesFromObject = filterFromPOJOFunction({
+    filter: partialPotentialFieldConfigKeysFilter
+});
+function propsValueForFieldConfig(fieldConfig, override) {
+    const { label, placeholder, required, readonly, description, autocomplete } = mergePropsValueObjects([fieldConfig, override]);
     const attributes = mergeObjects([fieldConfig.attributes, override === null || override === void 0 ? void 0 : override.attributes]);
     const result = filterFromPOJO(Object.assign(Object.assign({}, override), { label,
         placeholder,
@@ -1156,10 +1230,10 @@ function disableFormlyFieldAutofillAttributes() {
 
 function checklistItemField(config) {
     const { key, displayContentObs, componentClass } = config;
-    const fieldConfig = formlyField(Object.assign({ key, type: 'checklistitem', checklistField: {
-            displayContentObs,
-            componentClass
-        } }, templateOptionsForFieldConfig(config)));
+    const fieldConfig = formlyField(Object.assign({ key, type: 'checklistitem' }, propsForFieldConfig(config, {
+        displayContentObs,
+        componentClass
+    })));
     return fieldConfig;
 }
 
@@ -1368,14 +1442,13 @@ class AbstractDbxPickableItemFieldDirective extends FieldType$1 {
         this.noItemsAvailable$ = this.filterItemsLoadingState$.pipe(isListLoadingStateEmpty(), distinctUntilChanged());
     }
     get readonly() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.readonly;
+        return this.props.readonly;
     }
     get isReadonlyOrDisabled() {
         return this.readonly || this.disabled;
     }
     get pickableField() {
-        return this.field.pickableField;
+        return this.props;
     }
     get multiSelect() {
         var _a;
@@ -1393,12 +1466,11 @@ class AbstractDbxPickableItemFieldDirective extends FieldType$1 {
         return (_a = this.field.name) !== null && _a !== void 0 ? _a : camelCase((_b = this.label) !== null && _b !== void 0 ? _b : this.key);
     }
     get label() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.label;
+        return this.props.label;
     }
     get autocomplete() {
-        var _a, _b, _c;
-        return ((_c = (_b = (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.attributes) === null || _b === void 0 ? void 0 : _b['autocomplete']) !== null && _c !== void 0 ? _c : this.key);
+        var _a, _b;
+        return ((_b = (_a = this.props.attributes) === null || _a === void 0 ? void 0 : _a['autocomplete']) !== null && _b !== void 0 ? _b : this.key);
     }
     get changeSelectionModeToViewOnDisabled() {
         var _a;
@@ -1758,15 +1830,11 @@ function sortPickableItemsByLabel(chips) {
 }
 function pickableItemChipField(config) {
     const { key } = config;
-    return formlyField(Object.assign(Object.assign({ key, type: 'pickablechipfield' }, templateOptionsForFieldConfig(config, {
-        autocomplete: false
-    })), { pickableField: config }));
+    return formlyField(Object.assign({ key, type: 'pickablechipfield' }, propsForFieldConfig(config, Object.assign(Object.assign({}, config), { autocomplete: false }))));
 }
 function pickableItemListField(config) {
     const { key } = config;
-    return formlyField(Object.assign(Object.assign({ key, type: 'pickablelistfield' }, templateOptionsForFieldConfig(config, {
-        autocomplete: false
-    })), { pickableField: config }));
+    return formlyField(Object.assign({ key, type: 'pickablelistfield' }, propsForFieldConfig(config, Object.assign(Object.assign({}, config), { autocomplete: false }))));
 }
 
 const DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN = new InjectionToken('DbxSearchableField');
@@ -1884,23 +1952,21 @@ class AbstractDbxSearchableValueFieldDirective extends FieldType$1 {
         return (_a = this.field.name) !== null && _a !== void 0 ? _a : camelCase((_b = this.label) !== null && _b !== void 0 ? _b : this.key);
     }
     get label() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.label;
+        return this.props.label;
     }
     get readonly() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.readonly;
+        return this.props.readonly;
     }
     get searchableField() {
-        return this.field.searchableField;
+        return this.props;
     }
     get searchOnEmptyText() {
         var _a;
         return (_a = this.searchableField.searchOnEmptyText) !== null && _a !== void 0 ? _a : false;
     }
     get autocomplete() {
-        var _a, _b, _c;
-        return ((_c = (_b = (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.attributes) === null || _b === void 0 ? void 0 : _b['autocomplete']) !== null && _c !== void 0 ? _c : this.key);
+        var _a, _b;
+        return ((_b = (_a = this.props.attributes) === null || _a === void 0 ? void 0 : _a['autocomplete']) !== null && _b !== void 0 ? _b : this.key);
     }
     get hashForValue() {
         var _a;
@@ -2184,16 +2250,11 @@ function searchableStringChipField(config) {
 }
 function searchableChipField(config) {
     const { key, placeholder } = config;
-    return formlyField(Object.assign(Object.assign({ key, type: 'searchablechipfield' }, templateOptionsForFieldConfig(config, {
-        placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Add...',
-        autocomplete: false
-    })), { searchableField: config }));
+    return formlyField(Object.assign({ key, type: 'searchablechipfield' }, propsForFieldConfig(config, Object.assign(Object.assign({}, config), { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Add...', autocomplete: false }))));
 }
 function searchableTextField(config) {
     const { key } = config;
-    return formlyField(Object.assign(Object.assign({ key, type: 'searchabletextfield' }, templateOptionsForFieldConfig(config, {
-        autocomplete: false
-    })), { searchableField: config }));
+    return formlyField(Object.assign({ key, type: 'searchabletextfield' }, propsForFieldConfig(config, Object.assign(Object.assign({}, config), { autocomplete: false }))));
 }
 
 /**
@@ -2209,7 +2270,7 @@ class DbxSearchableTextFieldComponent extends AbstractDbxSearchableValueFieldDir
         this._clearInputSub = new SubscriptionObject();
     }
     get searchableField() {
-        return this.field.searchableField;
+        return this.props;
     }
     get showSelectedValue() {
         var _a;
@@ -2315,7 +2376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 function chipTextField(config) {
     const convertStringValue = config.caseSensitive ? (x) => x : (x) => x === null || x === void 0 ? void 0 : x.toLowerCase();
-    return formlyField(Object.assign(Object.assign({ type: 'searchablechipfield', allowStringValues: true, convertStringValue }, config), { displayForValue: (values) => {
+    return searchableChipField(Object.assign(Object.assign({ search: () => of([]) }, config), { allowStringValues: true, convertStringValue, displayForValue: (values) => {
             return of(values.map((x) => (Object.assign(Object.assign({}, x), { label: x.value }))));
         } }));
 }
@@ -2355,10 +2416,10 @@ class DbxTextEditorFieldComponent extends FieldType$1 {
     }
     get label() {
         var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.label;
+        return (_a = this.field.props) === null || _a === void 0 ? void 0 : _a.label;
     }
     get description() {
-        return this.to.description;
+        return this.props.description;
     }
     ngOnInit() {
         this._editor = new Editor({});
@@ -2466,7 +2527,7 @@ function textEditorField(config) {
             // https://formly.dev/examples/validation/async-validation-update-on
             // Set to trigger value update on blurs with the form. However, the value is set internally too.
             updateOn: 'blur'
-        } }, templateOptionsForFieldConfig(config, {
+        } }, propsForFieldConfig(config, {
         minLength,
         maxLength
     })));
@@ -2479,7 +2540,7 @@ class DbxFormRepeatArrayTypeComponent extends FieldArrayType {
     }
     get label() {
         var _a;
-        return (_a = this.field.templateOptions.label) !== null && _a !== void 0 ? _a : this.field.key;
+        return (_a = this.field.props.label) !== null && _a !== void 0 ? _a : this.field.key;
     }
     get addText() {
         var _a;
@@ -2491,7 +2552,7 @@ class DbxFormRepeatArrayTypeComponent extends FieldArrayType {
     }
     get max() {
         var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.maxLength;
+        return (_a = this.field.props) === null || _a === void 0 ? void 0 : _a.maxLength;
     }
     get count() {
         var _a, _b;
@@ -2655,7 +2716,7 @@ function repeatArrayField(config) {
             labelForField,
             addText,
             removeText
-        } }, templateOptionsForFieldConfig(config, {
+        } }, propsForFieldConfig(config, {
         maxLength
     })), { fieldArray: {
             fieldGroup: repeatFieldGroup
@@ -2678,11 +2739,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 function toggleField(config) {
     const { key, defaultValue } = config;
-    return formlyField(Object.assign({ key, type: 'toggle', wrappers: ['autotouch', 'form-field'], defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : false }, templateOptionsForFieldConfig(config)));
+    return formlyField(Object.assign({ key, type: 'toggle', wrappers: ['autotouch', 'form-field'], defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : false }, propsForFieldConfig(config)));
 }
 function checkboxField(config) {
     const { key, defaultValue } = config;
-    return formlyField(Object.assign({ key, type: 'checkbox', defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : false }, templateOptionsForFieldConfig(config)));
+    return formlyField(Object.assign({ key, type: 'checkbox', defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : false }, propsForFieldConfig(config)));
 }
 /*
 export function acceptTermsField({ key = 'accept', label = 'Accept Terms', description = 'In order to proceed, please accept terms', required = true }
@@ -2690,7 +2751,7 @@ export function acceptTermsField({ key = 'accept', label = 'Accept Terms', descr
   return {
     key,
     type: 'checkbox',
-    templateOptions: {
+    props: {
       label,
       description,
       pattern: 'true',
@@ -2795,7 +2856,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         return this.timeMode === DbxDateTimeFieldTimeMode.NONE;
     }
     get dateTimeField() {
-        return this.field.dateTimeField;
+        return this.field.props;
     }
     get timeOnly() {
         return this.dateTimeField.timeOnly;
@@ -2808,8 +2869,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         return this.timeOnly ? DbxDateTimeFieldTimeMode.REQUIRED : (_a = this.dateTimeField.timeMode) !== null && _a !== void 0 ? _a : DbxDateTimeFieldTimeMode.REQUIRED;
     }
     get description() {
-        var _a;
-        return (_a = this.field.templateOptions) === null || _a === void 0 ? void 0 : _a.description;
+        return this.field.props.description;
     }
     ngOnInit() {
         var _a, _b;
@@ -3018,12 +3078,12 @@ function timeOnlyField(config = {}) {
 }
 function dateTimeField(config = {}) {
     const { key = 'date', timeMode = DbxDateTimeFieldTimeMode.REQUIRED, fullDayFieldName, getConfigObs, timeOnly = false } = config;
-    const fieldConfig = formlyField(Object.assign(Object.assign({ key, type: 'datetime', dateTimeField: {
-            timeMode: timeOnly ? DbxDateTimeFieldTimeMode.REQUIRED : timeMode,
-            fullDayFieldName,
-            getConfigObs,
-            timeOnly
-        } }, templateOptionsForFieldConfig(config)), { styleWrapper: {
+    const fieldConfig = formlyField(Object.assign(Object.assign({ key, type: 'datetime' }, propsForFieldConfig(config, {
+        timeMode: timeOnly ? DbxDateTimeFieldTimeMode.REQUIRED : timeMode,
+        fullDayFieldName,
+        getConfigObs,
+        timeOnly
+    })), { styleWrapper: {
             style: 'dbx-datetime-parent-form-field'
         } }));
     return fieldConfig;
@@ -3033,7 +3093,7 @@ function staticEnumField({ key, label = '', placeholder = '', description, multi
     const fieldConfig = formlyField({
         key,
         type: 'select',
-        templateOptions: {
+        props: {
             label,
             description,
             placeholder,
@@ -3064,16 +3124,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 const DEFAULT_PREFERRED_COUNTRIES = ['us'];
 class DbxPhoneFieldComponent extends FieldType$1 {
-    get phoneField() {
-        return this.field.phoneField;
-    }
     get preferredCountries() {
         var _a;
-        return (_a = this.phoneField.preferredCountries) !== null && _a !== void 0 ? _a : DEFAULT_PREFERRED_COUNTRIES;
+        return (_a = this.props.preferredCountries) !== null && _a !== void 0 ? _a : DEFAULT_PREFERRED_COUNTRIES;
     }
     get onlyCountries() {
         var _a;
-        return (_a = this.phoneField.onlyCountries) !== null && _a !== void 0 ? _a : [];
+        return (_a = this.props.onlyCountries) !== null && _a !== void 0 ? _a : [];
     }
 }
 DbxPhoneFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -3137,92 +3194,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
-const EXPANDABLE_WRAPPER_KEY = 'expandable';
-const TOGGLE_WRAPPER_KEY = 'toggle';
-const SECTION_WRAPPER_KEY = 'section';
-const SUBSECTION_WRAPPER_KEY = 'subsection';
-const INFO_WRAPPER_KEY = 'info';
-const FLEX_WRAPPER_KEY = 'flex';
-const STYLE_WRAPPER_KEY = 'style';
-const WORKING_WRAPPER_KEY = 'working';
-function addWrapperToFormlyFieldConfig(fieldConfig, wrapperKey, wrapperTemplateOptionsConfig) {
-    fieldConfig.templateOptions = Object.assign(Object.assign({}, fieldConfig.templateOptions), wrapperTemplateOptionsConfig);
-    return {
-        wrappers: [wrapperKey],
-        templateOptions: wrapperTemplateOptionsConfig,
-        fieldGroup: [fieldConfig]
-    };
-}
-function expandWrapper(fieldConfig, expandWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, EXPANDABLE_WRAPPER_KEY, {
-        expandWrapper
-    });
-}
-function toggleWrapper(fieldConfig, expandWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, TOGGLE_WRAPPER_KEY, {
-        expandWrapper
-    });
-}
-function sectionWrapper(fieldConfig, sectionWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, SECTION_WRAPPER_KEY, {
-        sectionWrapper
-    });
-}
-function subsectionWrapper(fieldConfig, subsectionWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, SUBSECTION_WRAPPER_KEY, {
-        subsectionWrapper
-    });
-}
-function infoWrapper(fieldConfig, infoWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, INFO_WRAPPER_KEY, {
-        infoWrapper
-    });
-}
-function styleWrapper(fieldConfig, styleWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, STYLE_WRAPPER_KEY, {
-        styleWrapper
-    });
-}
-function workingWrapper(fieldConfig, workingWrapper) {
-    return addWrapperToFormlyFieldConfig(fieldConfig, WORKING_WRAPPER_KEY, {
-        workingWrapper
-    });
-}
-function checkIsFieldFlexLayoutGroupFieldConfig(input) {
-    if (input.field != null) {
-        return true;
-    }
-    else {
-        return false;
-    }
-}
-function flexLayoutWrapper(fieldConfigs, { relative, breakpoint, size: defaultSize = 2 } = {}) {
-    return {
-        wrappers: ['flex'],
-        fieldGroupClassName: 'dbx-flex-group',
-        // fieldGroupClassName: 'field-layout-group',
-        templateOptions: {
-            flexWrapper: {
-                breakpoint,
-                relative
-            }
-        },
-        fieldGroup: fieldConfigs.map((inputConfig) => {
-            const fieldConfig = checkIsFieldFlexLayoutGroupFieldConfig(inputConfig)
-                ? inputConfig
-                : {
-                    field: inputConfig
-                };
-            const { field, size = defaultSize } = fieldConfig;
-            const className = `dbx-flex-${size}`;
-            return Object.assign(Object.assign({}, field), { className });
-        })
-    };
-}
-
 function textField(config) {
     const { key, pattern, minLength, maxLength = 1000, inputType: type = 'text' } = config;
-    return formlyField(Object.assign({ key, type: 'input' }, templateOptionsForFieldConfig(config, {
+    return formlyField(Object.assign({ key, type: 'input' }, propsForFieldConfig(config, {
         type,
         minLength,
         maxLength,
@@ -3231,7 +3205,7 @@ function textField(config) {
 }
 function textAreaField(config) {
     const { key, rows = 3, minLength, maxLength = 1000 } = config;
-    return formlyField(Object.assign({ key, type: 'textarea' }, templateOptionsForFieldConfig(config, {
+    return formlyField(Object.assign({ key, type: 'textarea' }, propsForFieldConfig(config, {
         rows,
         minLength,
         maxLength
@@ -3240,10 +3214,10 @@ function textAreaField(config) {
 
 function phoneField(config = {}) {
     const { key = 'phone', preferredCountries, onlyCountries } = config;
-    const fieldConfig = formlyField(Object.assign({ key, type: 'intphone', phoneField: {
-            preferredCountries,
-            onlyCountries
-        } }, templateOptionsForFieldConfig(config)));
+    const fieldConfig = formlyField(Object.assign({ key, type: 'intphone' }, propsForFieldConfig(config, {
+        preferredCountries,
+        onlyCountries
+    })));
     return fieldConfig;
 }
 /**
@@ -3391,7 +3365,7 @@ function addressField({ key = 'address', required = false } = {}) {
     return {
         key,
         wrappers: ['section'],
-        templateOptions: {
+        props: {
             label: 'Address',
             placeholder: '',
             required
@@ -3429,7 +3403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 function hiddenField({ key, required = false }) {
     return formlyField({
         key,
-        templateOptions: { required }
+        props: { required }
     });
 }
 
@@ -3513,7 +3487,7 @@ function textPasswordWithVerifyFieldGroup(config) {
     var _a, _b, _c, _d, _e;
     const passwordFieldConfig = textPasswordField(config.password);
     const verifyPasswordFieldKey = (_b = (_a = config.verifyPassword) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : `verify${capitalizeFirstLetter(String(passwordFieldConfig.key))}`;
-    const verifyPasswordField = textVerifyPasswordField(Object.assign(Object.assign(Object.assign({}, config.password), config.verifyPassword), { label: (_d = (_c = config.verifyPassword) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : `Verify ${(_e = passwordFieldConfig.templateOptions) === null || _e === void 0 ? void 0 : _e.label}`, key: verifyPasswordFieldKey }));
+    const verifyPasswordField = textVerifyPasswordField(Object.assign(Object.assign(Object.assign({}, config.password), config.verifyPassword), { label: (_d = (_c = config.verifyPassword) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : `Verify ${(_e = passwordFieldConfig.props) === null || _e === void 0 ? void 0 : _e.label}`, key: verifyPasswordFieldKey }));
     const validators = {
         validation: [
             {
@@ -4105,5 +4079,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADDRESS_CITY_MAX_LENGTH, ADDRESS_COUNTRY_MAX_LENGTH, ADDRESS_LINE_MAX_LENGTH, ADDRESS_STATE_MAX_LENGTH, ADDRESS_ZIP_MAX_LENGTH, APP_ACTION_FORM_DISABLED_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandableSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_PREFERRED_COUNTRIES, DOMAIN_NAME_REGEX, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldTimeMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxForm, DbxFormActionModule, DbxFormActionTransitionModule, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyEnumFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySelectionModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyValueModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormIoModule, DbxFormLayoutModule, DbxFormLoadingSourceDirective, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSpacerComponent, DbxFormState, DbxFormSubsectionWrapperComponent, DbxFormToggleWrapperComponent, DbxFormValueChangesDirective, DbxFormWorkingWrapperComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponent, DbxFormlyModule, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, EXPANDABLE_WRAPPER_KEY, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, FLEX_WRAPPER_KEY, INFO_WRAPPER_KEY, INVALID_PHONE_NUMBER_MESSAGE, 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, SECTION_WRAPPER_KEY, STYLE_WRAPPER_KEY, SUBSECTION_WRAPPER_KEY, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, TOGGLE_WRAPPER_KEY, WORKING_WRAPPER_KEY, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressListField, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateTimeField, dbxFormSourceObservable, defaultValidationMessages, disableFormlyFieldAutofillAttributes, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPickableItemFieldValuesByLabel, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDomain, isInRange, isTruthy, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, minLengthValidationMessage, minValidationMessage, nameField, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, provideDbxForm, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, stateField, staticEnumField, styleWrapper, subsectionWrapper, templateOptionsForFieldConfig, templateOptionsValueForFieldConfig, textAreaField, textEditorField, textField, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeOnlyField, toggleField, toggleWrapper, usernamePasswordLoginFields, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
+export { ADDRESS_CITY_MAX_LENGTH, ADDRESS_COUNTRY_MAX_LENGTH, ADDRESS_LINE_MAX_LENGTH, ADDRESS_STATE_MAX_LENGTH, ADDRESS_ZIP_MAX_LENGTH, APP_ACTION_FORM_DISABLED_KEY, AUTO_TOUCH_WRAPPER_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandableSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_PREFERRED_COUNTRIES, DOMAIN_NAME_REGEX, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldTimeMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxForm, DbxFormActionModule, DbxFormActionTransitionModule, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyEnumFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySelectionModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyValueModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormIoModule, DbxFormLayoutModule, DbxFormLoadingSourceDirective, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSpacerComponent, DbxFormState, DbxFormSubsectionWrapperComponent, DbxFormToggleWrapperComponent, DbxFormValueChangesDirective, DbxFormWorkingWrapperComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponent, DbxFormlyModule, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, EXPANDABLE_WRAPPER_KEY, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, FLEX_WRAPPER_KEY, INFO_WRAPPER_KEY, INVALID_PHONE_NUMBER_MESSAGE, 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, SECTION_WRAPPER_KEY, STYLE_WRAPPER_KEY, SUBSECTION_WRAPPER_KEY, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, TOGGLE_WRAPPER_KEY, WORKING_WRAPPER_KEY, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressListField, autoTouchWrapper, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateTimeField, dbxFormSourceObservable, defaultValidationMessages, disableFormlyFieldAutofillAttributes, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPartialPotentialFieldConfigValuesFromObject, filterPickableItemFieldValuesByLabel, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDomain, isInRange, isTruthy, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, mergePropsValueObjects, minLengthValidationMessage, minValidationMessage, nameField, partialPotentialFieldConfigKeys, partialPotentialFieldConfigKeysFilter, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, propsForFieldConfig, propsValueForFieldConfig, provideDbxForm, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, stateField, staticEnumField, styleWrapper, subsectionWrapper, textAreaField, textEditorField, textField, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeOnlyField, toggleField, toggleWrapper, usernamePasswordLoginFields, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
 //# sourceMappingURL=dereekb-dbx-form.mjs.map