@ngrdt/forms 0.0.45 → 0.0.46

package/fesm2022/ngrdt-forms.mjs

@@ -6,6 +6,7 @@ import { RdtInteractiveElementComponent } from '@ngrdt/core';
 import { startWith, take, map, forkJoin, of, from, switchMap, debounceTime, distinctUntilChanged, merge, takeUntil } from 'rxjs';
 import { RdtFileUtils, RdtObjectUtils, RdtDateUtils } from '@ngrdt/utils';
 import { signalStore, withState, withHooks, withComputed, withMethods, patchState } from '@ngrx/signals';
+import { isEqual } from 'lodash-es';
 
 function getFormControl(ngControl) {
     if (ngControl instanceof FormControlName) {
@@ -586,7 +587,7 @@ const rdtSelectInitialState = {
     datasource: null,
     selectedMap: new Map(),
     fetchError: null,
-    missingValuePlaceholder: 'Načítání...',
+    missingValuePlaceholder: 'Načítání (ID = {id})...',
     _fetchRequest: null,
     _fetchMissingRequest: null,
     _missingSelected: [],
@@ -620,7 +621,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             const query = state.query();
             const selectedMap = state.selectedMap();
             const missing = state._missingSelected();
-            if (query || missing.length === 0) {
+            if (query) {
                 return items.map((it) => ({
                     ...it,
                     selected: selectedMap.has(it.id),
@@ -1086,6 +1087,44 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
     handleInput(value) {
         this.store.setQuery(value);
     }
+    storeValueChangeEffect = effect(() => {
+        const selectedMap = this.store.selectedMap();
+        const values = Array.from(selectedMap.keys());
+        const internalValue = untracked(this.internalValue);
+        if (!untracked(this.store.datasource) ||
+            !untracked(this.store.initialized)) {
+            return;
+        }
+        if (values.length > 0) {
+            const arrayInternalValue = Array.isArray(internalValue)
+                ? internalValue
+                : internalValue !== null
+                    ? [internalValue]
+                    : [];
+            if (!isEqual(arrayInternalValue, values)) {
+                this.onInternalValueChange(values);
+            }
+        }
+        else {
+            this.onInternalValueChange(null);
+        }
+    });
+    externalValueEffect = effect(() => {
+        const externalValue = this.externalValue();
+        const selectedMap = untracked(this.store.selectedMap);
+        const values = Array.from(selectedMap.keys());
+        if (externalValue !== null) {
+            const newExternalValue = Array.isArray(externalValue)
+                ? externalValue
+                : [externalValue];
+            if (!isEqual(newExternalValue, values)) {
+                this.store.setSelected(newExternalValue);
+            }
+        }
+        else {
+            this.store.unselectAll();
+        }
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtBaseSelectCommonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtBaseSelectCommonComponent, isStandalone: true, inputs: { datasourceInput: { classPropertyName: "datasourceInput", publicName: "datasourceInput", isSignal: true, isRequired: false, transformFunction: null }, queryValidatorFnInput: { classPropertyName: "queryValidatorFnInput", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null }, debounceTimeInput: { classPropertyName: "debounceTimeInput", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }