@ngrdt/forms 0.0.64 → 0.0.66

package/fesm2022/ngrdt-forms.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, signal, model, linkedSignal, input, booleanAttribute, computed, effect, untracked, Directive, InjectionToken, forwardRef, output, numberAttribute, ElementRef, Pipe } from '@angular/core';
+import { inject, Injector, signal, model, linkedSignal, input, booleanAttribute, computed, effect, untracked, Directive, InjectionToken, output, forwardRef, numberAttribute, ElementRef, Pipe } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { FormControlName, FormControlDirective, NgModel, NgControl, Validators, NG_VALUE_ACCESSOR, FormControl, FormGroup } from '@angular/forms';
 import { RdtInteractiveElementComponent, RdtComponentOutletDirective } from '@ngrdt/core';
@@ -235,12 +235,16 @@ const RDT_CHECKBOX_BASE_PROVIDER = new InjectionToken('RdtCheckbox');
 
 class RdtCheckboxOutletDirective extends RdtFormInputOutletDirective {
     componentClass = inject(RDT_CHECKBOX_BASE_PROVIDER);
+    checkedChange = output();
     constructor() {
         super();
         this.initComponentRef();
+        this.componentRef?.instance.checkedChange.subscribe((val) => {
+            this.checkedChange.emit(val);
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtCheckboxOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtCheckboxOutletDirective, isStandalone: true, selector: "[rdtCheckboxOutlet]", providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtCheckboxOutletDirective, isStandalone: true, selector: "[rdtCheckboxOutlet]", outputs: { checkedChange: "checkedChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => RdtCheckboxOutletDirective),
@@ -725,7 +729,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
                     selected: selectedMap.has(it.id),
                 }));
             }
-            const selected = Array.from(selectedMap.values()).map((it) => ({ ...it, selected: true }));
+            const selected = [];
             const missingPlaceholder = state.missingValuePlaceholder();
             const placeholders = missing.map((id) => ({
                 id,
@@ -735,9 +739,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             }));
             placeholders.forEach((pl) => selected.push(pl));
             items.forEach((item) => {
-                if (!selectedMap.has(item.id)) {
-                    selected.push({ ...item, selected: false });
-                }
+                selected.push({ ...item, selected: selectedMap.has(item.id) });
             });
             return selected;
         }),
@@ -1126,6 +1128,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
+    manualInitInput = input(false, {
+        alias: 'manualInit',
+    });
+    manualInit = linkedSignal(() => this.manualInitInput());
     datasourceInput = input(null);
     store = inject(RdtSelectStore);
     visibleOptions = this.store.visibleOptions;
@@ -1179,7 +1185,7 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
                 : [control.value];
             this.store.init(arr);
         }
-        else {
+        else if (!this.manualInit()) {
             this.store.init(null);
         }
         this.debouncedInput$
@@ -1228,7 +1234,7 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
         }
     });
     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 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtBaseSelectCommonComponent, isStandalone: true, inputs: { manualInitInput: { classPropertyName: "manualInitInput", publicName: "manualInit", isSignal: true, isRequired: false, transformFunction: null }, 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtBaseSelectCommonComponent, decorators: [{
             type: Directive