nexheal-lib 0.0.61 → 0.0.62

package/fesm2022/nexheal-lib.mjs

@@ -975,7 +975,7 @@ class CalendarControl {
             this.onChangeFn(out);
             this.onTouchedFn();
             this.weekSelected.emit({ start, end });
-            this.dateSelected.emit(start);
+            this.dateSelected.emit(base);
             this.isOpen = false;
             return;
         }
@@ -2659,7 +2659,7 @@ class MultiselectControl {
         // Initialize filteredOptions to match all options
         this.filteredOptions = [...this.options];
         // Sync the input display in case selectedItems was set before init
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
     }
     ngAfterViewChecked() {
         if (this.isDropdownOpen && !this.dropdownInitialized) {
@@ -2678,6 +2678,8 @@ class MultiselectControl {
             // When the parent replaces “options,” we reapply any filtering and “select all” logic
             this.filteredOptions = [...this.options];
             this._recomputeSelectAllState();
+            // Sync input display (selectedItems may already be set from writeValue)
+            this._syncSelectedItemList();
         }
     }
     writeValue(value) {
@@ -2686,7 +2688,7 @@ class MultiselectControl {
             this._isPrimitivePatch = false;
             this._pendingPrimitiveValues = [];
             this.selectedItems = [];
-            this._updateSelectedItemList();
+            this._syncSelectedItemList();
             this.selectAllChecked = false;
             return;
         }
@@ -2697,15 +2699,16 @@ class MultiselectControl {
             this._pendingPrimitiveValues = [...value];
             this._mapPrimitivesToObjects();
             this._recomputeSelectAllState();
+            this._syncSelectedItemList();
             return;
         }
         // CASE B: array of full objects (with `id` or whatever `optionValueProperty` is)
         if (value.length > 0 &&
             typeof value[0] === "object" &&
             value[0][this.optionValueProperty] != null) {
-            // Immediately use the value objects for display (they have displayname)
+            // Immediately use the value objects for display
             this.selectedItems = [...value];
-            this._updateSelectedItemList();
+            this._syncSelectedItemList();
             // Also set up pending mapping to sync with option references when available
             const idArray = value.map((obj) => obj[this.optionValueProperty]);
             this._isPrimitivePatch = true;
@@ -2719,7 +2722,7 @@ class MultiselectControl {
         this._isPrimitivePatch = false;
         this._pendingPrimitiveValues = [];
         this.selectedItems = [...value];
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         this.onChange(this.selectedItems);
         this._recomputeSelectAllState();
     }
@@ -2732,7 +2735,7 @@ class MultiselectControl {
         // Find matching option‐objects whose ID property is in the pending list
         const matched = this._options.filter((opt) => this._pendingPrimitiveValues.includes(opt[this.optionValueProperty]));
         this.selectedItems = matched;
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         // Notify “onChange” with the full‐object selection
         this.onChange(this.selectedItems);
         this._isPrimitivePatch = false;
@@ -2820,13 +2823,13 @@ class MultiselectControl {
             // Remove all filtered options from selection
             this.selectedItems = this.selectedItems.filter((item) => !this.filteredOptions.includes(item));
         }
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         this.onChange(this.selectedItems);
         this.optionsSelected.emit(this.selectedItems);
     }
     removeSelectedOption(option) {
         this.selectedItems = this.selectedItems.filter((item) => item !== option);
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         this.onChange(this.selectedItems);
         this.onTouched();
         this.optionsSelected.emit(this.selectedItems);
@@ -2838,7 +2841,7 @@ class MultiselectControl {
         else {
             this.selectedItems = [...this.selectedItems, option];
         }
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         // Update “select all” checkbox
         this._recomputeSelectAllState();
         // Notify form that selection changed
@@ -2952,7 +2955,7 @@ class MultiselectControl {
     }
     resetSelection() {
         this.selectedItems = [];
-        this._updateSelectedItemList();
+        this._syncSelectedItemList();
         this.onChange([]);
         this.onTouched();
         this.isDropdownOpen = false;
@@ -2963,17 +2966,16 @@ class MultiselectControl {
         this.isDropdownOpen = false;
         this._recomputeSelectAllState();
     }
-    _updateSelectedItemList() {
+    _syncSelectedItemList() {
         if (this._options && this._options.length > 0 && this.selectedItems.length === this._options.length) {
             this.selectedItemList = "All Items Selected";
         }
         else {
-            this.selectedItemList = this.selectedItems
-                .map((item) => item[this.optionDisplayProperty])
+            this.selectedItemList = (this.selectedItems ?? [])
+                .map((item) => item?.[this.optionDisplayProperty])
+                .filter((label) => !!label)
                 .join(", ");
         }
-        // Sync the form control value so the input displays the selected items
-        // (formControl binding overrides [value], so we must set it explicitly)
         this.inputControl.setValue(this.selectedItemList, { emitEvent: false });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiselectControl, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });