nexheal-lib 0.0.61 → 0.0.63

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;
         }
@@ -2658,7 +2658,6 @@ 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();
     }
     ngAfterViewChecked() {
@@ -2679,6 +2678,11 @@ class MultiselectControl {
             this.filteredOptions = [...this.options];
             this._recomputeSelectAllState();
         }
+        if (changes["selectedItems"] ||
+            changes["optionDisplayProperty"] ||
+            changes["options"]) {
+            this._updateSelectedItemList();
+        }
     }
     writeValue(value) {
         // If parent gave us something that is not an array, clear selection
@@ -2703,10 +2707,7 @@ class MultiselectControl {
         if (value.length > 0 &&
             typeof value[0] === "object" &&
             value[0][this.optionValueProperty] != null) {
-            // Immediately use the value objects for display (they have displayname)
-            this.selectedItems = [...value];
-            this._updateSelectedItemList();
-            // Also set up pending mapping to sync with option references when available
+            // Convert to an array of IDs, then treat exactly like CASE A
             const idArray = value.map((obj) => obj[this.optionValueProperty]);
             this._isPrimitivePatch = true;
             this._pendingPrimitiveValues = idArray;
@@ -2964,17 +2965,19 @@ class MultiselectControl {
         this._recomputeSelectAllState();
     }
     _updateSelectedItemList() {
-        if (this._options && this._options.length > 0 && this.selectedItems.length === this._options.length) {
+        const items = this.selectedItems ?? [];
+        if (this._options && this._options.length > 0 && items.length === this._options.length) {
             this.selectedItemList = "All Items Selected";
         }
         else {
-            this.selectedItemList = this.selectedItems
-                .map((item) => item[this.optionDisplayProperty])
+            this.selectedItemList = items
+                .map((item) => item?.[this.optionDisplayProperty])
+                .filter((label) => label != null && String(label).trim() !== "")
                 .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 });
+        if (this.inputControl.value !== this.selectedItemList) {
+            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 });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MultiselectControl, isStandalone: true, selector: "multiselect-control", inputs: { title: "title", selectedItems: "selectedItems", required: "required", placeholder: "placeholder", customClass: "customClass", clearVal: "clearVal", deFocus: "deFocus", optionValueProperty: "optionValueProperty", inputLoader: "inputLoader", error: "error", errorMessage: "errorMessage", autocomplete: "autocomplete", showSearch: "showSearch", optionDisplayProperty: "optionDisplayProperty", options: "options", readonly: "readonly", disabled: "disabled" }, outputs: { optionsSelected: "optionsSelected", selectionCleared: "selectionCleared", blurEvent: "blurEvent" }, host: { listeners: { "window:keydown": "handleWindowKeydown($event)" } }, providers: [