@dereekb/dbx-form 9.25.10 → 9.25.12

package/fesm2020/dereekb-dbx-form.mjs

@@ -26,7 +26,7 @@ import * as i1$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3$2 from '@angular/flex-layout/flex';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, separateValues, filterUniqueValues, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, sortByStringFunction, mergeIntoArray, lastValue, arrayToMap, setContainsAllValues, addToSetCopy, setsAreEquivalent, filterMaybeValues, mergeArrays, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, asGetter, isISO8601DayStringStart, mapIdentityFunction, MS_IN_MINUTE, isMonthDaySlashDate, HAS_WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, isE164PhoneNumber as isE164PhoneNumber$1, isValidPhoneExtensionNumber, e164PhoneNumberExtensionPair, mapMaybeFunction, transformNumberFunction, concatArrays, e164PhoneNumberFromE164PhoneNumberExtensionPair, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, BooleanStringKeyArrayUtilityInstance, capitalizeFirstLetter } from '@dereekb/util';
+import { objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, separateValues, filterUniqueValues, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, sortByStringFunction, mergeIntoArray, lastValue, arrayToMap, setContainsAllValues, addToSetCopy, setsAreEquivalent, filterMaybeValues, mergeArrays, firstValue, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, asGetter, isISO8601DayStringStart, mapIdentityFunction, MS_IN_MINUTE, isMonthDaySlashDate, HAS_WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, isE164PhoneNumber as isE164PhoneNumber$1, isValidPhoneExtensionNumber, e164PhoneNumberExtensionPair, mapMaybeFunction, transformNumberFunction, concatArrays, e164PhoneNumberFromE164PhoneNumberExtensionPair, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, BooleanStringKeyArrayUtilityInstance, capitalizeFirstLetter } from '@dereekb/util';
 import * as i2$2 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i2$3 from '@angular/flex-layout/extended';
@@ -3164,15 +3164,18 @@ function valueSelectionField(config) {
         };
     }
     const options = addClearOption ? asObservable(inputOptions).pipe(map(addValueSelectionOptionFunction(typeof addClearOption === 'string' ? addClearOption : undefined))) : inputOptions;
+    let parsers = undefined;
+    parsers = config.multiple !== true ? [firstValue] : [convertMaybeToArray];
     return formlyField({
         key,
         type: native ? 'native-select' : 'select',
         ...propsAndConfigForFieldConfig(config, {
             ...materialFormField,
             options,
-            multiple: config.multiple ?? false,
+            multiple: config.multiple,
             ...selectAllOptionConfig
-        })
+        }),
+        parsers
     });
 }
 function addValueSelectionOptionFunction(label) {
@@ -5754,8 +5757,8 @@ class DbxFormlyContext {
         this._initialValue = new BehaviorSubject(undefined);
         this._disabled = new BehaviorSubject(undefined);
         this._delegate = new BehaviorSubject(undefined);
-        this.fields$ = this._fields.pipe(filterMaybe());
-        this.disabled$ = this._disabled.pipe(filterMaybe());
+        this.fields$ = this._fields.pipe(filterMaybe(), shareReplay(1));
+        this.disabled$ = this._disabled.pipe(filterMaybe(), shareReplay(1));
         this.stream$ = this._delegate.pipe(distinctUntilChanged(), switchMap((x) => (x ? x.stream$ : of(DbxFormlyContext.INITIAL_STATE))), shareReplay(1));
     }
     destroy() {
@@ -5771,7 +5774,7 @@ class DbxFormlyContext {
             if (delegate != null) {
                 delegate.init({
                     fields: this.fields$,
-                    initialDisabled: this._disabled.value,
+                    initialDisabled: this.disabled,
                     initialValue: this._initialValue.value
                 });
             }
@@ -5809,7 +5812,8 @@ class DbxFormlyContext {
         return this._disabled.asObservable();
     }
     setDisabled(key, disabled = true) {
-        this._disabled.next(BooleanStringKeyArrayUtilityInstance.set(this.disabled, key ?? DEFAULT_FORM_DISABLED_KEY, disabled));
+        const nextDisabled = BooleanStringKeyArrayUtilityInstance.set(this.disabled, key ?? DEFAULT_FORM_DISABLED_KEY, disabled);
+        this._disabled.next(nextDisabled);
         if (this._delegate.value) {
             this._delegate.value.setDisabled(key, disabled);
         }
@@ -5955,6 +5959,7 @@ class DbxFormlyFormComponent extends AbstractSubscriptionDirective {
         this._reset = new BehaviorSubject(new Date());
         this._forceUpdate = new Subject();
         this._disabledSub = new SubscriptionObject();
+        this._enforceDisabledSub = new SubscriptionObject();
         this.form = new FormGroup({});
         this.model = {};
         this.options = {};
@@ -6012,8 +6017,9 @@ class DbxFormlyFormComponent extends AbstractSubscriptionDirective {
     }
     ngOnInit() {
         this.context.setDelegate(this);
-        this._disabledSub.subscription = this._disabled.pipe(distinctUntilChanged()).subscribe((disabled) => {
-            const isDisabled = BooleanStringKeyArrayUtilityInstance.isTrue(disabled);
+        const resyncDisabledState = () => {
+            const isDisabled = BooleanStringKeyArrayUtilityInstance.isTrue(this._disabled.value);
+            let change = false;
             if (this.form.disabled !== isDisabled) {
                 if (isDisabled) {
                     this.form.disable({ emitEvent: true });
@@ -6021,7 +6027,16 @@ class DbxFormlyFormComponent extends AbstractSubscriptionDirective {
                 else {
                     this.form.enable({ emitEvent: true });
                 }
+                change = true;
             }
+            return change;
+        };
+        this._disabledSub.subscription = this._disabled.pipe(distinctUntilChanged(hasDifferentValues)).subscribe((disabled) => {
+            resyncDisabledState();
+        });
+        // NOTE: Form sometimes becomes undisabled somewhere/somehow. Re-enforce the disabled state where necessary.
+        this._enforceDisabledSub.subscription = this.form.statusChanges.pipe(throttleTime(50, undefined, { leading: true, trailing: true })).subscribe((change) => {
+            resyncDisabledState();
         });
     }
     ngOnDestroy() {
@@ -6034,6 +6049,7 @@ class DbxFormlyFormComponent extends AbstractSubscriptionDirective {
             this._forceUpdate.complete();
             this._disabled.complete();
             this._disabledSub.destroy();
+            this._enforceDisabledSub.destroy();
         });
     }
     // MARK: Delegate