@dereekb/dbx-form 13.10.6 → 13.10.7

package/fesm2022/dereekb-dbx-form.mjs

@@ -5,8 +5,8 @@ import { DbxActionTransitionSafetyDirective, AbstractDialogDirective, DbxDialogC
 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, skip, debounceTime, combineLatestWith, interval, tap, withLatestFrom, mergeMap } from 'rxjs';
 import * as i1$2 from '@dereekb/dbx-core';
-import { DbxActionContextStoreSourceInstance, cleanLockSet, cleanWithLockSet, cleanSubscription, GetValuePipe, DateDistancePipe, TimeDistancePipe, DbxInjectionComponent, mergeDbxInjectionComponentConfigs } from '@dereekb/dbx-core';
-import { makeIsModifiedFunctionObservable, SubscriptionObject, asObservable, LockSet, filterMaybe, switchMapFilterMaybe, scanCount, errorOnEmissionsInPeriod, asObservableFromGetter, maybeValueFromObservableOrValue, valueFromFinishedLoadingState, switchMapMaybeDefault, skipAllInitialMaybe, successResult, startWithBeginLoading, skipUntilTimeElapsedAfterLastEmission, mapLoadingStateResults, isLoadingStateWithDefinedValue, isLoadingStateLoading, beginLoading, mapLoadingStateValueWithOperator, loadingStateContext, distinctUntilHasDifferentValues, SimpleLoadingContext, listLoadingStateContext, mapIsListLoadingStateWithEmptyValue, isLoadingStateInLoadingState, asyncPusherCache } from '@dereekb/rxjs';
+import { DbxActionContextStoreSourceInstance, cleanLockSet, cleanSubscription, completeOnDestroy, cleanWithLockSet, GetValuePipe, DateDistancePipe, TimeDistancePipe, DbxInjectionComponent, mergeDbxInjectionComponentConfigs } from '@dereekb/dbx-core';
+import { makeIsModifiedFunctionObservable, asObservable, LockSet, filterMaybe, switchMapFilterMaybe, scanCount, errorOnEmissionsInPeriod, asObservableFromGetter, maybeValueFromObservableOrValue, valueFromFinishedLoadingState, switchMapMaybeDefault, skipAllInitialMaybe, successResult, startWithBeginLoading, skipUntilTimeElapsedAfterLastEmission, mapLoadingStateResults, isLoadingStateWithDefinedValue, isLoadingStateLoading, beginLoading, mapLoadingStateValueWithOperator, loadingStateContext, distinctUntilHasDifferentValues, SimpleLoadingContext, listLoadingStateContext, mapIsListLoadingStateWithEmptyValue, isLoadingStateInLoadingState, asyncPusherCache } from '@dereekb/rxjs';
 import { toObservable, toSignal, rxResource } from '@angular/core/rxjs-interop';
 import { BooleanStringKeyArrayUtility, iterablesAreSetEquivalent, filterUndefinedValues, filterMaybeArrayValues, filterUniqueValues, areEqualPOJOValuesUsingPojoFilter, NOOP_MODIFIER, asArray, mergeArrays, filterNullAndUndefinedValues, objectHasNoKeys, mapMaybeFunction, isWebsiteUrlWithPrefix, websiteUrlDetails, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, transformNumberFunction, DOLLAR_AMOUNT_PRECISION, stripObject, getValueFromGetter, asGetter, dateFromMinuteOfDay, dateToMinuteOfDay, isISO8601DayStringStart, mapIdentityFunction, isDate, MS_IN_MINUTE, isMonthDaySlashDate, filterFromPOJO, TIME_UNIT_SHORT_LABEL_MAP, timeUnitToMilliseconds, ALL_TIME_UNITS, minutesToHoursAndMinutes, millisecondsToTimeUnit, hoursAndMinutesToTimeUnit, isE164PhoneNumber as isE164PhoneNumber$1, isValidPhoneExtensionNumber, e164PhoneNumberExtensionPair, e164PhoneNumberFromE164PhoneNumberExtensionPair, mergeArraysIntoArray, convertMaybeToArray, lastValue, filterEmptyArrayValues, setContainsAllValues, addToSetCopy, setsAreEquivalent, makeValuesGroupMap, sortByStringFunction, separateValues, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, capitalizeFirstLetter, objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, addPlusPrefixToNumber, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, arrayToMap, firstValue, cachedGetter, makeGetter, asDecisionFunction, TIME_UNIT_LABEL_MAP, HAS_WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, concatArrays } from '@dereekb/util';
 import * as i1 from '@angular/forms';
@@ -209,9 +209,9 @@ class DbxActionFormDirective {
         isEqual: toObservable(this.dbxActionFormIsEqual)
     }).pipe(shareReplay(1));
     mapValueFunction$ = toObservable(this.dbxActionFormMapValue);
-    _triggeredSub = new SubscriptionObject();
-    _isCompleteSub = new SubscriptionObject();
-    _isWorkingSub = new SubscriptionObject();
+    _triggeredSub = cleanSubscription();
+    _isCompleteSub = cleanSubscription();
+    _isWorkingSub = cleanSubscription();
     constructor() {
         if (this.form.lockSet) {
             this.lockSet.addChildLockSet(this.form.lockSet, 'form');
@@ -471,13 +471,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class DbxFormlyComponent {
     _dbxFormlyContext = inject((DbxFormlyContext));
     formlyForm = viewChild(FormlyForm, ...(ngDevMode ? [{ debugName: "formlyForm" }] : /* istanbul ignore next */ []));
-    _fields = new BehaviorSubject(undefined);
-    _events = new BehaviorSubject({ isComplete: false, state: DbxFormState.INITIALIZING, status: 'PENDING' });
-    _disabled = new BehaviorSubject(undefined);
-    _reset = new BehaviorSubject(new Date());
-    _forceUpdate = new Subject();
-    _disabledSub = new SubscriptionObject();
-    _enforceDisabledSub = new SubscriptionObject();
+    _fields = completeOnDestroy(new BehaviorSubject(undefined));
+    _events = completeOnDestroy(new BehaviorSubject({ isComplete: false, state: DbxFormState.INITIALIZING, status: 'PENDING' }));
+    _disabled = completeOnDestroy(new BehaviorSubject(undefined));
+    _reset = completeOnDestroy(new BehaviorSubject(new Date()));
+    _forceUpdate = completeOnDestroy(new Subject());
+    _disabledSub = cleanSubscription();
+    _enforceDisabledSub = cleanSubscription();
     form = new FormGroup({});
     modelSignal = signal({}, ...(ngDevMode ? [{ debugName: "modelSignal" }] : /* istanbul ignore next */ []));
     options = {};
@@ -1568,9 +1568,9 @@ function _getNestedValue(source, path) {
  */
 class DbxForgeFormComponent {
     _context = inject((DbxForgeFormContext));
-    _setValueSub = new SubscriptionObject();
-    _resetSub = new SubscriptionObject();
-    _disabledSub = new SubscriptionObject();
+    _setValueSub = cleanSubscription();
+    _resetSub = cleanSubscription();
+    _disabledSub = cleanSubscription();
     dynamicForm = viewChild(DynamicForm, ...(ngDevMode ? [{ debugName: "dynamicForm" }] : /* istanbul ignore next */ []));
     formValue = signal({}, { ...(ngDevMode ? { debugName: "formValue" } : /* istanbul ignore next */ {}), equal: (a, b) => _forgeFormValueEqual(a, b, this._context) });
     configSignal = toSignal(this._context.config$, { initialValue: undefined });
@@ -1781,11 +1781,6 @@ class DbxForgeFormComponent {
         this.formValue.set(sanitized);
         this._emitFormState();
     }
-    ngOnDestroy() {
-        this._setValueSub.destroy();
-        this._resetSub.destroy();
-        this._disabledSub.destroy();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxForgeFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxForgeFormComponent, isStandalone: true, selector: "dbx-forge", host: { properties: { "class.dbx-forge-form-disabled": "isDisabled()" }, classAttribute: "dbx-forge" }, providers: [EventDispatcher, { provide: DbxForgeDynamicFormSignalRef, useExisting: DbxForgeFormComponent }, DbxForgeFormContextService, { provide: DbxForm, useExisting: DbxForgeFormContext }, { provide: DbxMutableForm, useExisting: DbxForgeFormContext }], viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: DynamicForm, descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (configSignal()) {
@@ -4514,35 +4509,35 @@ const DBX_DATE_TIME_FIELD_TIME_NOT_IN_RANGE_ERROR = 'dateTimeFieldTimeNotInRange
  */
 class DbxDateTimeFieldComponent extends FieldType {
     dbxDateTimeFieldConfigService = inject(DbxDateTimeFieldMenuPresetsService);
-    _sub = new SubscriptionObject();
-    _valueSub = new SubscriptionObject();
-    _autoFillDateSync = new SubscriptionObject();
-    _config = new BehaviorSubject(undefined);
+    _sub = cleanSubscription();
+    _valueSub = cleanSubscription();
+    _autoFillDateSync = cleanSubscription();
+    _config = completeOnDestroy(new BehaviorSubject(undefined));
     latestConfig$ = this._config.pipe(switchMapMaybeDefault(), distinctUntilChanged(), shareReplay(1));
-    _syncConfigObs = new BehaviorSubject(undefined);
-    _defaultTimezone = new BehaviorSubject(undefined);
-    _timeDate = new BehaviorSubject(undefined);
-    _presets = new BehaviorSubject(of([]));
+    _syncConfigObs = completeOnDestroy(new BehaviorSubject(undefined));
+    _defaultTimezone = completeOnDestroy(new BehaviorSubject(undefined));
+    _timeDate = completeOnDestroy(new BehaviorSubject(undefined));
+    _presets = completeOnDestroy(new BehaviorSubject(of([])));
     /**
      * Alternative/backup full day control if not defined in the Formly form.
      */
     _fullDayInputCtrl = new FormControl(false);
-    _fullDayControlObs = new BehaviorSubject(undefined);
+    _fullDayControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     fullDayControl$ = this._fullDayControlObs.pipe(filterMaybe());
-    _offset = new BehaviorSubject(0);
-    _formControlObs = new BehaviorSubject(undefined);
+    _offset = completeOnDestroy(new BehaviorSubject(0));
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
-    _cleared = new Subject();
-    _updateTime = new Subject();
-    _resyncTimeInputSub = new SubscriptionObject();
-    _resyncTimeInput = new Subject();
+    _cleared = completeOnDestroy(new Subject());
+    _updateTime = completeOnDestroy(new Subject());
+    _resyncTimeInputSub = cleanSubscription();
+    _resyncTimeInput = completeOnDestroy(new Subject());
     timeErrorStateMatcher = {
         isErrorState: (control, form) => {
             return control ? (control.invalid && (control.dirty || control.touched)) || this.errorStateMatcher.isErrorState(this.formControl, form) : false;
         }
     };
     resyncTimeInput$ = this._resyncTimeInput.pipe(debounceTime(200), shareReplay(1));
-    _configUpdateTimeSync = new SubscriptionObject(this.latestConfig$.pipe(skip(1)).subscribe((_x) => {
+    _configUpdateTimeSync = cleanSubscription(this.latestConfig$.pipe(skip(1)).subscribe((_x) => {
         this._updateTime.next();
     }));
     timezone$ = this._defaultTimezone.pipe(switchMapMaybeDefault(), distinctUntilChanged()).pipe(map((defaultTimezone) => {
@@ -5004,22 +4999,6 @@ class DbxDateTimeFieldComponent extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._sub.destroy();
-        this._valueSub.destroy();
-        this._config.complete();
-        this._configUpdateTimeSync.destroy();
-        this._defaultTimezone.complete();
-        this._resyncTimeInputSub.destroy();
-        this._autoFillDateSync.destroy();
-        this._timeDate.complete();
-        this._presets.complete();
-        this._fullDayControlObs.complete();
-        this._offset.complete();
-        this._formControlObs.complete();
-        this._updateTime.complete();
-        this._cleared.complete();
-        this._resyncTimeInput.complete();
-        this._syncConfigObs.complete();
     }
     selectPreset(preset) {
         const value = preset.value();
@@ -5698,19 +5677,19 @@ class DbxForgeDateTimeFieldComponent {
     _isCleared = signal(false, ...(ngDevMode ? [{ debugName: "_isCleared" }] : /* istanbul ignore next */ []));
     _isTimeInputFocused = signal(false, ...(ngDevMode ? [{ debugName: "_isTimeInputFocused" }] : /* istanbul ignore next */ []));
     // MARK: Subscription management
-    _sub = new SubscriptionObject();
-    _valueSub = new SubscriptionObject();
-    _autoFillDateSync = new SubscriptionObject();
-    _resyncTimeInputSub = new SubscriptionObject();
+    _sub = cleanSubscription();
+    _valueSub = cleanSubscription();
+    _autoFillDateSync = cleanSubscription();
+    _resyncTimeInputSub = cleanSubscription();
     _timezoneSub;
     _pickerConfigSub;
     _timeDateSub;
     _presetsSub;
     // MARK: Subjects for event coordination
-    _offset = new BehaviorSubject(0);
-    _updateTime = new Subject();
-    _resyncTimeInput = new Subject();
-    _syncConfigObs = new BehaviorSubject(undefined);
+    _offset = completeOnDestroy(new BehaviorSubject(0));
+    _updateTime = completeOnDestroy(new Subject());
+    _resyncTimeInput = completeOnDestroy(new Subject());
+    _syncConfigObs = completeOnDestroy(new BehaviorSubject(undefined));
     // MARK: Error state matcher
     timeErrorStateMatcher = {
         isErrorState: (control) => {
@@ -6586,20 +6565,20 @@ class DbxForgeFixedDateRangeFieldComponent {
     currentDateRangeInputSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "currentDateRangeInputSignal" }] : /* istanbul ignore next */ []));
     currentSelectionModeSignal = signal('single', ...(ngDevMode ? [{ debugName: "currentSelectionModeSignal" }] : /* istanbul ignore next */ []));
     // MARK: Subscription management
-    _sub = new SubscriptionObject();
-    _inputRangeFormSub = new SubscriptionObject();
-    _inputRangeFormValueSub = new SubscriptionObject();
-    _dateRangeInputSub = new SubscriptionObject();
-    _currentSelectionModeSub = new SubscriptionObject();
-    _disableEndSub = new SubscriptionObject();
-    _activeDateSub = new SubscriptionObject();
+    _sub = cleanSubscription();
+    _inputRangeFormSub = cleanSubscription();
+    _inputRangeFormValueSub = cleanSubscription();
+    _dateRangeInputSub = cleanSubscription();
+    _currentSelectionModeSub = cleanSubscription();
+    _disableEndSub = cleanSubscription();
+    _activeDateSub = cleanSubscription();
     // MARK: BehaviorSubjects
-    _config = new BehaviorSubject(undefined);
-    _selectionMode = new BehaviorSubject(undefined);
-    _dateRangeInput = new BehaviorSubject(undefined);
-    _timezone = new BehaviorSubject(undefined);
+    _config = completeOnDestroy(new BehaviorSubject(undefined));
+    _selectionMode = completeOnDestroy(new BehaviorSubject(undefined));
+    _dateRangeInput = completeOnDestroy(new BehaviorSubject(undefined));
+    _timezone = completeOnDestroy(new BehaviorSubject(undefined));
     // MARK: Event subject
-    _selectionEvent = new Subject();
+    _selectionEvent = completeOnDestroy(new Subject());
     selectedDateRange$ = this._selectionEvent.pipe(map((x) => x.range));
     // MARK: Form group for text inputs
     inputRangeForm = new FormGroup({
@@ -8326,8 +8305,8 @@ class AbstractForgeSearchableFieldDirective {
     validationMessages = input(...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
     defaultValidationMessages = input(...(ngDevMode ? [undefined, { debugName: "defaultValidationMessages" }] : /* istanbul ignore next */ []));
     inputCtrl = new FormControl('');
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _displayHashMap = new BehaviorSubject(new Map());
+    _clearDisplayHashMapSub = cleanSubscription();
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
     // MARK: Input Observables
     inputValue$ = this.inputCtrl.valueChanges.pipe(startWith(this.inputCtrl.value), map((x) => (typeof x === 'string' ? x : '')));
     inputValueString$ = this.inputValue$.pipe(debounceTime(200), distinctUntilChanged());
@@ -8371,8 +8350,6 @@ class AbstractForgeSearchableFieldDirective {
         this._onInit();
     }
     ngOnDestroy() {
-        this._clearDisplayHashMapSub.destroy();
-        this._displayHashMap.complete();
         this._onDestroy();
     }
     // MARK: Protected Helpers
@@ -8546,8 +8523,8 @@ class DbxForgeSearchableTextFieldComponent extends AbstractForgeSearchableFieldD
     elementRef = inject((ElementRef));
     field = input.required(...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
     textInputRef = viewChild('textInput', ...(ngDevMode ? [{ debugName: "textInputRef" }] : /* istanbul ignore next */ []));
-    _singleValueSyncSub = new SubscriptionObject();
-    _valuesSubject = new BehaviorSubject([]);
+    _singleValueSyncSub = cleanSubscription();
+    _valuesSubject = completeOnDestroy(new BehaviorSubject([]));
     // Disabled state
     isDisabled = dbxForgeFieldDisabled();
     // Error handling
@@ -8669,9 +8646,9 @@ class DbxForgeSearchableChipFieldComponent extends AbstractForgeSearchableFieldD
             return this.hintId();
         return null;
     }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
-    _blur = new Subject();
-    _blurSub = new SubscriptionObject();
-    _valuesSubject = new BehaviorSubject([]);
+    _blur = completeOnDestroy(new Subject());
+    _blurSub = cleanSubscription();
+    _valuesSubject = completeOnDestroy(new BehaviorSubject([]));
     values$ = this._valuesSubject.asObservable().pipe(shareReplay(1));
     displayValues$ = this._valuesSubject.pipe(switchMap((values) => this._loadDisplayValuesForValues(values)), map((x) => x?.value ?? []), shareReplay(1));
     displayValuesSignal = toSignal(this.displayValues$, { initialValue: [] });
@@ -8862,9 +8839,9 @@ class AbstractForgePickableItemFieldDirective {
     validationMessages = input(...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
     defaultValidationMessages = input(...(ngDevMode ? [undefined, { debugName: "defaultValidationMessages" }] : /* istanbul ignore next */ []));
     inputCtrl = new FormControl('');
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _displayHashMap = new BehaviorSubject(new Map());
-    _valuesSubject = new BehaviorSubject([]);
+    _clearDisplayHashMapSub = cleanSubscription();
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
+    _valuesSubject = completeOnDestroy(new BehaviorSubject([]));
     // MARK: Computed Signals
     labelSignal = computed(() => {
         const l = this.label();
@@ -8981,11 +8958,6 @@ class AbstractForgePickableItemFieldDirective {
             this._clearDisplayHashMapSub.subscription = p.refreshDisplayValues$.subscribe(() => this._displayHashMap.next(new Map()));
         }
     }
-    ngOnDestroy() {
-        this._clearDisplayHashMapSub.destroy();
-        this._displayHashMap.complete();
-        this._valuesSubject.complete();
-    }
     // MARK: Template Actions
     itemClicked(item) {
         if (!item.disabled) {
@@ -9282,14 +9254,14 @@ class DbxForgeSourceSelectFieldComponent {
     defaultValidationMessages = input(...(ngDevMode ? [undefined, { debugName: "defaultValidationMessages" }] : /* istanbul ignore next */ []));
     // Disabled state
     isDisabled = dbxForgeFieldDisabled();
-    _cacheMetaSub = new SubscriptionObject();
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _valueMetaHashMap = new BehaviorSubject(new Map());
-    _displayHashMap = new BehaviorSubject(new Map());
-    _fromOpenSource = new BehaviorSubject({ values: [], valuesSet: new Set() });
-    _loadSources = new BehaviorSubject(undefined);
-    _valuesSubject = new BehaviorSubject([]);
-    _filterText$ = new BehaviorSubject('');
+    _cacheMetaSub = cleanSubscription();
+    _clearDisplayHashMapSub = cleanSubscription();
+    _valueMetaHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
+    _fromOpenSource = completeOnDestroy(new BehaviorSubject({ values: [], valuesSet: new Set() }));
+    _loadSources = completeOnDestroy(new BehaviorSubject(undefined));
+    _valuesSubject = completeOnDestroy(new BehaviorSubject([]));
+    _filterText$ = completeOnDestroy(new BehaviorSubject(''));
     buttonElement = viewChild('button', { ...(ngDevMode ? { debugName: "buttonElement" } : /* istanbul ignore next */ {}), read: (ElementRef) });
     filterInputElement = viewChild('filterInput', { ...(ngDevMode ? { debugName: "filterInputElement" } : /* istanbul ignore next */ {}), read: (ElementRef) });
     // Computed signals from props
@@ -9451,14 +9423,6 @@ class DbxForgeSourceSelectFieldComponent {
         });
     }
     ngOnDestroy() {
-        this._cacheMetaSub.destroy();
-        this._clearDisplayHashMapSub.destroy();
-        this._valueMetaHashMap.complete();
-        this._displayHashMap.complete();
-        this._fromOpenSource.complete();
-        this._loadSources.complete();
-        this._valuesSubject.complete();
-        this._filterText$.complete();
         this.context.destroy();
     }
     onSelectOpenedChange(opened) {
@@ -9673,10 +9637,10 @@ class DbxForgeListSelectionFieldComponent {
     // Disabled state
     isDisabled = dbxForgeFieldDisabled();
     isDisabled$ = toObservable(this.isDisabled);
-    _selectionEventSub = new SubscriptionObject();
-    _loadMoreSub = new SubscriptionObject();
-    _listComponentClassObs = new BehaviorSubject(undefined);
-    _valuesSubject = new BehaviorSubject([]);
+    _selectionEventSub = cleanSubscription();
+    _loadMoreSub = cleanSubscription();
+    _listComponentClassObs = completeOnDestroy(new BehaviorSubject(undefined));
+    _valuesSubject = completeOnDestroy(new BehaviorSubject([]));
     labelSignal = computed(() => {
         const l = this.label();
         return typeof l === 'string' ? l : undefined;
@@ -9748,12 +9712,6 @@ class DbxForgeListSelectionFieldComponent {
             this._listComponentClassObs.next(p.listComponentClass);
         }
     }
-    ngOnDestroy() {
-        this._selectionEventSub.destroy();
-        this._loadMoreSub.destroy();
-        this._listComponentClassObs.complete();
-        this._valuesSubject.complete();
-    }
     // MARK: Internal
     _updateForSelection(list) {
         if (this.isDisabled())
@@ -9952,8 +9910,8 @@ class DbxForgeTextEditorFieldComponent {
     validationMessages = input(...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
     defaultValidationMessages = input(...(ngDevMode ? [undefined, { debugName: "defaultValidationMessages" }] : /* istanbul ignore next */ []));
     _editor;
-    _editorValueSub = new SubscriptionObject();
-    _syncFromFieldSub = new SubscriptionObject();
+    _editorValueSub = cleanSubscription();
+    _syncFromFieldSub = cleanSubscription();
     editorFormControl = new FormControl('', { nonNullable: true });
     // Disabled state
     isDisabled = dbxForgeFieldDisabled();
@@ -10016,8 +9974,6 @@ class DbxForgeTextEditorFieldComponent {
         if (this._editor != null) {
             this._editor.destroy();
         }
-        this._editorValueSub.destroy();
-        this._syncFromFieldSub.destroy();
     }
     _setFieldValue(value) {
         const fieldSignal = this.field();
@@ -10802,16 +10758,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Base directive for forge forms with dynamic (Observable) FormConfig.
  */
 class AbstractAsyncForgeFormDirective extends AbstractForgeFormDirective {
-    _configSub = new SubscriptionObject();
+    _configSub = cleanSubscription();
     ngOnInit() {
         // TODO: Can probably move this to constructor().
         this._configSub.subscription = this.formConfig$.pipe(distinctUntilChanged$1(), filterMaybe()).subscribe((formConfig) => {
             this.context.config = formConfig;
         });
     }
-    ngOnDestroy() {
-        this._configSub.destroy();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractAsyncForgeFormDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractAsyncForgeFormDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
@@ -11772,8 +11725,8 @@ const DEFAULT_HAS_VALUE_FN = (x) => !objectIsEmpty(x);
 class AbstractFormExpandSectionWrapperDirective extends FieldWrapper {
     static _nextId = 0;
     expandContentId = `dbx-form-expand-${AbstractFormExpandSectionWrapperDirective._nextId++}`;
-    _formControlObs = new BehaviorSubject(undefined);
-    _toggleOpen = new BehaviorSubject(undefined);
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
+    _toggleOpen = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
     show$ = this._toggleOpen.pipe(switchMap((toggleOpen) => {
         if (toggleOpen != null) {
@@ -11808,10 +11761,6 @@ class AbstractFormExpandSectionWrapperDirective extends FieldWrapper {
     ngOnInit() {
         this._formControlObs.next(this.formControl);
     }
-    ngOnDestroy() {
-        this._toggleOpen.complete();
-        this._formControlObs.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractFormExpandSectionWrapperDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractFormExpandSectionWrapperDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
@@ -11941,8 +11890,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Registered as Formly wrapper `'style'`.
  */
 class DbxFormStyleWrapperComponent extends FieldWrapper {
-    _style = new BehaviorSubject(undefined);
-    _class = new BehaviorSubject(undefined);
+    _style = completeOnDestroy(new BehaviorSubject(undefined));
+    _class = completeOnDestroy(new BehaviorSubject(undefined));
     style$ = this._style.pipe(switchMapMaybeDefault({}), shareReplay(1));
     class$ = this._class.pipe(switchMapMaybeDefault(''), shareReplay(1));
     styleSignal = toSignal(this.style$);
@@ -11961,10 +11910,6 @@ class DbxFormStyleWrapperComponent extends FieldWrapper {
             this._class.next(asObservable(this.classGetter));
         }
     }
-    ngOnDestroy() {
-        this._style.complete();
-        this._class.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFormStyleWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: DbxFormStyleWrapperComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="dbx-form-style-wrapper" [ngClass]="classSignal()" [ngStyle]="styleSignal()">
@@ -11992,7 +11937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * By default shows loading during asynchronous validation of a field (FormControl status is "PENDING")
  */
 class DbxFormWorkingWrapperComponent extends FieldWrapper {
-    sub = new SubscriptionObject();
+    sub = cleanSubscription();
     workingContext = new SimpleLoadingContext(false);
     ngOnInit() {
         this.sub.subscription = this.formControl?.statusChanges.subscribe({
@@ -12001,7 +11946,6 @@ class DbxFormWorkingWrapperComponent extends FieldWrapper {
     }
     ngOnDestroy() {
         this.workingContext.destroy();
-        this.sub.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFormWorkingWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: DbxFormWorkingWrapperComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
@@ -12565,13 +12509,13 @@ const dbxListField = formlyDbxListField;
  * are tracked by key and synchronized with the form control value.
  */
 class DbxItemListFieldComponent extends FieldType$1 {
-    _selectionEventSub = new SubscriptionObject();
-    _loadMoreSub = new SubscriptionObject();
-    _formControlObs = new BehaviorSubject(undefined);
+    _selectionEventSub = cleanSubscription();
+    _loadMoreSub = cleanSubscription();
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
     _formControlValue$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value), shareReplay(1))));
     values$ = this._formControlValue$.pipe(map(convertMaybeToArray), shareReplay(1));
-    _listComponentClassObs = new BehaviorSubject(undefined);
+    _listComponentClassObs = completeOnDestroy(new BehaviorSubject(undefined));
     listComponentClass$ = this._listComponentClassObs.pipe(switchMapFilterMaybe());
     config$ = this.listComponentClass$.pipe(map((componentClass) => {
         const loadMore = this.loadMore;
@@ -12613,11 +12557,6 @@ class DbxItemListFieldComponent extends FieldType$1 {
         this._formControlObs.next(this.formControl);
         this._listComponentClassObs.next(this.listComponentClass);
     }
-    ngOnDestroy() {
-        this._formControlObs.complete();
-        this._selectionEventSub.destroy();
-        this._listComponentClassObs.complete();
-    }
     updateForSelection(list) {
         const items = list.items.filter((x) => x.selected).map((x) => x.itemValue);
         const values = readKeysFrom(this.readKey, items);
@@ -12672,10 +12611,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class AbstractDbxPickableItemFieldDirective extends FieldType {
     filterMatInput = viewChild('matInput', { ...(ngDevMode ? { debugName: "filterMatInput" } : /* istanbul ignore next */ {}), read: MatInput });
     inputCtrl = new FormControl('');
-    _formControlObs = new BehaviorSubject(undefined);
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _displayHashMap = new BehaviorSubject(new Map());
+    _clearDisplayHashMapSub = cleanSubscription();
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
     filterInputValue$ = this.inputCtrl.valueChanges.pipe(startWith(undefined));
     filterInputValueString$ = this.filterInputValue$.pipe(debounceTime(200), distinctUntilChanged(), shareReplay(1));
     loadResultsDisplayValuesState$ = this.formControl$.pipe(first(), switchMap(() => this.loadValuesFn().pipe(switchMap((x) => this.loadDisplayValuesForFieldValues(x)), startWithBeginLoading())), shareReplay(1));
@@ -12882,9 +12821,6 @@ class AbstractDbxPickableItemFieldDirective extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._displayHashMap.complete();
-        this._formControlObs.complete();
-        this._clearDisplayHashMapSub.destroy();
         this.filterResultsContext.destroy();
     }
     _getValueOnFormControl(valueOnFormControl) {
@@ -13292,16 +13228,16 @@ class AbstractDbxSearchableValueFieldDirective extends FieldType {
     defaultSearchInputPlaceholder = DEFAULT_SEARCH_INPUT_PLACEHOLDER;
     textInput = viewChild('textInput', { ...(ngDevMode ? { debugName: "textInput" } : /* istanbul ignore next */ {}), read: (ElementRef) });
     inputCtrl = new FormControl('');
-    _formControlObs = new BehaviorSubject(undefined);
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _displayHashMap = new BehaviorSubject(new Map());
+    _clearDisplayHashMapSub = cleanSubscription();
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
     inputValue$ = this.inputCtrl.valueChanges.pipe(startWith(this.inputCtrl.value), map((x) => (typeof x === 'string' ? x : '')));
     inputValueString$ = this.inputValue$.pipe(debounceTime(200), distinctUntilChanged());
     searchResultsState$ = this.inputValueString$.pipe(switchMap((text) => (text || this.searchOnEmptyText ? this.search(text ?? '') : of([])).pipe(switchMap((x) => this.loadDisplayValuesForFieldValues(x)), 
     // Return begin loading to setup the loading state.
     startWithBeginLoading())), shareReplay(1));
-    _singleValueSyncSub = new SubscriptionObject();
+    _singleValueSyncSub = cleanSubscription();
     searchContext = listLoadingStateContext({ obs: this.searchResultsState$, showLoadingOnNoValue: false });
     searchResults$ = this.searchResultsState$.pipe(map((x) => x?.value ?? []), shareReplay(1));
     isLoadingSearchResults$ = this.searchResultsState$.pipe(map(isLoadingStateInLoadingState), distinctUntilChanged(), shareReplay(1));
@@ -13447,10 +13383,6 @@ class AbstractDbxSearchableValueFieldDirective extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._clearDisplayHashMapSub.destroy();
-        this._displayHashMap.complete();
-        this._singleValueSyncSub.destroy();
-        this._formControlObs.complete();
         this.searchContext.destroy();
     }
     /**
@@ -13580,8 +13512,8 @@ class DbxSearchableChipFieldComponent extends AbstractDbxSearchableValueFieldDir
     get multiSelect() {
         return this.props.multiSelect ?? true;
     }
-    _blur = new Subject();
-    _blurSub = new SubscriptionObject();
+    _blur = completeOnDestroy(new Subject());
+    _blurSub = cleanSubscription();
     separatorKeysCodes = [ENTER, COMMA];
     selected(event) {
         this.addWithDisplayValue(event.option.value);
@@ -13610,8 +13542,6 @@ class DbxSearchableChipFieldComponent extends AbstractDbxSearchableValueFieldDir
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._blur.complete();
-        this._blurSub.destroy();
     }
     onBlur() {
         this._blur.next();
@@ -13868,13 +13798,13 @@ const chipTextField = formlyChipTextField;
  * and caches display values and metadata for performance.
  */
 class DbxFormSourceSelectFieldComponent extends FieldType$2 {
-    _cacheMetaSub = new SubscriptionObject();
-    _clearDisplayHashMapSub = new SubscriptionObject();
-    _valueMetaHashMap = new BehaviorSubject(new Map());
-    _displayHashMap = new BehaviorSubject(new Map());
-    _formControlObs = new BehaviorSubject(undefined);
-    _fromOpenSource = new BehaviorSubject({ values: [], valuesSet: new Set() });
-    _loadSources = new BehaviorSubject(undefined);
+    _cacheMetaSub = cleanSubscription();
+    _clearDisplayHashMapSub = cleanSubscription();
+    _valueMetaHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
+    _displayHashMap = completeOnDestroy(new BehaviorSubject(new Map()));
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
+    _fromOpenSource = completeOnDestroy(new BehaviorSubject({ values: [], valuesSet: new Set() }));
+    _loadSources = completeOnDestroy(new BehaviorSubject(undefined));
     buttonElement = viewChild('button', { ...(ngDevMode ? { debugName: "buttonElement" } : /* istanbul ignore next */ {}), read: (ElementRef) });
     formControl$ = this._formControlObs.pipe(filterMaybe());
     currentFormControlValue$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value))), shareReplay(1));
@@ -13996,7 +13926,7 @@ class DbxFormSourceSelectFieldComponent extends FieldType$2 {
     nonGroupedValuesSignal = toSignal(this.nonGroupedValues$);
     groupedOptionsSignal = toSignal(this.groupedOptions$);
     // MARK: Filterable
-    _filterText$ = new BehaviorSubject('');
+    _filterText$ = completeOnDestroy(new BehaviorSubject(''));
     filterInputElement = viewChild('filterInput', { ...(ngDevMode ? { debugName: "filterInputElement" } : /* istanbul ignore next */ {}), read: (ElementRef) });
     filteredOptions$ = combineLatest([this.options$, this._filterText$, this.values$]).pipe(map(([options, filterText, currentValues]) => {
         let result;
@@ -14160,14 +14090,6 @@ class DbxFormSourceSelectFieldComponent extends FieldType$2 {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._cacheMetaSub.destroy();
-        this._clearDisplayHashMapSub.destroy();
-        this._valueMetaHashMap.complete();
-        this._displayHashMap.complete();
-        this._formControlObs.complete();
-        this._fromOpenSource.complete();
-        this._loadSources.complete();
-        this._filterText$.complete();
         this.context.destroy();
     }
     handleSelectOptions = (_, context) => {
@@ -14363,7 +14285,7 @@ const addValueSelectionOptionFunction = formlyAddValueSelectionOptionFunction;
 class DbxTextEditorFieldComponent extends FieldType {
     _compactContextStore = inject(CompactContextStore, { optional: true });
     _editor;
-    _sub = new SubscriptionObject();
+    _sub = cleanSubscription();
     compactClass$ = mapCompactModeObs(this._compactContextStore?.mode$, {
         compact: 'dbx-texteditor-field-compact'
     }).pipe(filterMaybe());
@@ -14400,7 +14322,6 @@ class DbxTextEditorFieldComponent extends FieldType {
         if (this._editor != null) {
             this._editor.destroy();
         }
-        this._sub.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxTextEditorFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxTextEditorFieldComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
@@ -14948,22 +14869,22 @@ class DbxFixedDateRangeFieldComponent extends FieldType {
     endDateInputElement = viewChild('endDateInput', { ...(ngDevMode ? { debugName: "endDateInputElement" } : /* istanbul ignore next */ {}), read: ElementRef });
     currentDateRangeInputSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "currentDateRangeInputSignal" }] : /* istanbul ignore next */ []));
     currentSelectionModeSignal = signal('single', ...(ngDevMode ? [{ debugName: "currentSelectionModeSignal" }] : /* istanbul ignore next */ []));
-    _sub = new SubscriptionObject();
-    _inputRangeFormSub = new SubscriptionObject();
-    _inputRangeFormValueSub = new SubscriptionObject();
-    _dateRangeInputSub = new SubscriptionObject();
-    _currentSelectionModeSub = new SubscriptionObject();
-    _latestBoundarySub = new SubscriptionObject();
-    _disableEndSub = new SubscriptionObject();
-    _activeDateSub = new SubscriptionObject();
-    _config = new BehaviorSubject(undefined);
-    _selectionMode = new BehaviorSubject(undefined);
-    _dateRangeInput = new BehaviorSubject(undefined);
-    _timezone = new BehaviorSubject(undefined);
-    _presets = new BehaviorSubject(of([]));
-    _selectionEvent = new Subject();
+    _sub = cleanSubscription();
+    _inputRangeFormSub = cleanSubscription();
+    _inputRangeFormValueSub = cleanSubscription();
+    _dateRangeInputSub = cleanSubscription();
+    _currentSelectionModeSub = cleanSubscription();
+    _latestBoundarySub = cleanSubscription();
+    _disableEndSub = cleanSubscription();
+    _activeDateSub = cleanSubscription();
+    _config = completeOnDestroy(new BehaviorSubject(undefined));
+    _selectionMode = completeOnDestroy(new BehaviorSubject(undefined));
+    _dateRangeInput = completeOnDestroy(new BehaviorSubject(undefined));
+    _timezone = completeOnDestroy(new BehaviorSubject(undefined));
+    _presets = completeOnDestroy(new BehaviorSubject(of([])));
+    _selectionEvent = completeOnDestroy(new Subject());
     selectedDateRange$ = this._selectionEvent.pipe(map((x) => x.range));
-    _formControlObs = new BehaviorSubject(undefined);
+    _formControlObs = completeOnDestroy(new BehaviorSubject(undefined));
     formControl$ = this._formControlObs.pipe(filterMaybe());
     config$ = this._config.pipe(filterMaybe(), switchMap((x) => x), distinctUntilChanged(), shareReplay(1));
     limitDateTimeInstance$ = this.config$.pipe(map(limitDateTimeInstance), shareReplay(1));
@@ -15301,21 +15222,6 @@ class DbxFixedDateRangeFieldComponent extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._sub.destroy();
-        this._inputRangeFormSub.destroy();
-        this._inputRangeFormValueSub.destroy();
-        this._dateRangeInputSub.destroy();
-        this._currentSelectionModeSub.destroy();
-        this._latestBoundarySub.destroy();
-        this._disableEndSub.destroy();
-        this._activeDateSub.destroy();
-        this._config.complete();
-        this._selectionMode.complete();
-        this._dateRangeInput.complete();
-        this._timezone.complete();
-        this._presets.complete();
-        this._selectionEvent.complete();
-        this._formControlObs.complete();
     }
     selectedChange(date) {
         this.setDateRange(date ? { start: date } : null, 'calendar');
@@ -16044,8 +15950,8 @@ const timeDurationField = formlyTimeDurationField;
  */
 class DbxTimeDurationFieldComponent extends FieldType {
     _popoverService = inject(DbxPopoverService);
-    _inputSync = new SubscriptionObject();
-    _outputSync = new SubscriptionObject();
+    _inputSync = cleanSubscription();
+    _outputSync = cleanSubscription();
     _suppressOutputSync = false;
     _currentDurationData = {};
     textCtrl = new FormControl('');
@@ -16145,8 +16051,6 @@ class DbxTimeDurationFieldComponent extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._inputSync.destroy();
-        this._outputSync.destroy();
     }
     /**
      * Parses the current text input and syncs the output value.
@@ -16537,10 +16441,10 @@ const DEFAULT_PREFERRED_COUNTRIES = ['us'];
  * Registered as Formly type `'intphone'`.
  */
 class DbxPhoneFieldComponent extends FieldType {
-    inputSync = new SubscriptionObject();
-    outputSync = new SubscriptionObject();
-    extensionErrorSync = new SubscriptionObject();
-    phoneErrorSync = new SubscriptionObject();
+    inputSync = cleanSubscription();
+    outputSync = cleanSubscription();
+    extensionErrorSync = cleanSubscription();
+    phoneErrorSync = cleanSubscription();
     phoneCtrl = new FormControl('');
     extensionCtrl = new FormControl('', {
         validators: [isPhoneExtension()]
@@ -16611,10 +16515,6 @@ class DbxPhoneFieldComponent extends FieldType {
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this.inputSync.destroy();
-        this.outputSync.destroy();
-        this.extensionErrorSync.destroy();
-        this.phoneErrorSync.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxPhoneFieldComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-form-phone-field\" [formGroup]=\"inputFormGroup\">\n  <ngx-mat-input-tel name=\"phone\" class=\"dbx-form-phone-field-phone-content\" [required]=\"required\" [enableSearch]=\"enableSearch\" [preferredCountries]=\"preferredCountries\" [enablePlaceholder]=\"false\" [formControl]=\"phoneCtrl\"></ngx-mat-input-tel>\n  @if (allowExtension) {\n    <div class=\"dbx-form-phone-field-extension-content\">\n      <span class=\"dbx-hint dbx-button-spacer\">Ext.</span>\n      <input name=\"phone-extension\" class=\"dbx-form-phone-field-extension-input\" placeholder=\"123\" minlength=\"0\" maxlength=\"6\" #extensionInput [formControl]=\"extensionCtrl\" aria-label=\"Phone extension\" />\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }, { 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: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "ngmodule", type: FormlyMatFormFieldModule }, { kind: "component", type: NgxMatInputTelComponent, selector: "ngx-mat-input-tel", inputs: ["autocomplete", "ariaLabel", "cssClass", "defaultCountry", "errorStateMatcher", "maxLength", "name", "placeholder", "countriesName", "preferredCountries", "onlyCountries", "searchPlaceholder", "validation", "enablePlaceholder", "enableSearch", "resetOnChange", "separateDialCode", "hideAreaCodes", "format", "required", "disabled"], outputs: ["countryChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });