@everymatrix/stage-mm-verification-report 1.1.59 → 1.1.62

package/component-lib.js

@@ -41823,47 +41823,62 @@ function DmSelectLibComponent_Conditional_4_Template(rf, ctx) {
     \u0275\u0275property("editable", false)("loading", ctx_r1.loading)("showClear", ctx_r1.showClear)("filterPlaceholder", ctx_r1.filterPlaceHolder)("options", ctx_r1.selectOptions)("filter", ctx_r1.filter)("disabled", ctx_r1.isDisabled)("optionValue", ctx_r1.optionValue)("optionLabel", ctx_r1.optionLabel)("optionDisabled", ctx_r1.optionDisabled)("emptyFilterMessage", ctx_r1.emptyFilterMessage)("placeholder", "Select " + ctx_r1.placeholder)("formControl", ctx_r1.selectControl)("appendTo", ctx_r1.appendToBody ? "body" : null)("virtualScroll", ctx_r1.virtualScroll)("virtualScrollItemSize", ctx_r1.virtualScroll ? 38 : null)("group", ctx_r1.isGrouped)("filterBy", ctx_r1.filterBy ? ctx_r1.filterBy : ctx_r1.optionLabel)("dataKey", ctx_r1.optionValue);
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_2_Conditional_0_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_2_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "span");
+    \u0275\u0275text(1);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r1 = \u0275\u0275nextContext(2);
+    \u0275\u0275advance();
+    \u0275\u0275textInterpolate(ctx_r1.selectedItemsLabel);
+  }
+}
+function DmSelectLibComponent_Conditional_5_ng_template_3_Conditional_0_Template(rf, ctx) {
   if (rf & 1) {
     const _r5 = \u0275\u0275getCurrentView();
-    \u0275\u0275elementStart(0, "div", 15)(1, "p-checkbox", 16);
-    \u0275\u0275listener("onChange", function DmSelectLibComponent_Conditional_5_ng_template_2_Conditional_0_Template_p_checkbox_onChange_1_listener($event) {
+    \u0275\u0275elementStart(0, "div", 16)(1, "p-checkbox", 17);
+    \u0275\u0275listener("onChange", function DmSelectLibComponent_Conditional_5_ng_template_3_Conditional_0_Template_p_checkbox_onChange_1_listener($event) {
       \u0275\u0275restoreView(_r5);
       const ctx_r1 = \u0275\u0275nextContext(3);
       return \u0275\u0275resetView(ctx_r1.toggleSelectAll($event));
     });
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(2, "div", 17)(3, "div", 18)(4, "input", 19);
-    \u0275\u0275listener("input", function DmSelectLibComponent_Conditional_5_ng_template_2_Conditional_0_Template_input_input_4_listener($event) {
+    \u0275\u0275elementStart(2, "div", 18)(3, "div", 19)(4, "input", 20);
+    \u0275\u0275listener("input", function DmSelectLibComponent_Conditional_5_ng_template_3_Conditional_0_Template_input_input_4_listener($event) {
       \u0275\u0275restoreView(_r5);
       const ctx_r1 = \u0275\u0275nextContext(3);
-      return \u0275\u0275resetView(ctx_r1.onCustomSearch($event));
+      return \u0275\u0275resetView(ctx_r1.onCustomSearch(ctx_r1.getInputValue($event)));
+    })("click", function DmSelectLibComponent_Conditional_5_ng_template_3_Conditional_0_Template_input_click_4_listener($event) {
+      \u0275\u0275restoreView(_r5);
+      return \u0275\u0275resetView($event.stopPropagation());
     });
     \u0275\u0275elementEnd();
-    \u0275\u0275elementStart(5, "span", 20);
+    \u0275\u0275elementStart(5, "span", 21);
     \u0275\u0275namespaceSVG();
-    \u0275\u0275elementStart(6, "svg", 21);
-    \u0275\u0275element(7, "path", 22)(8, "path", 23);
+    \u0275\u0275elementStart(6, "svg", 22);
+    \u0275\u0275element(7, "path", 23)(8, "path", 24);
     \u0275\u0275elementEnd()()()()();
   }
   if (rf & 2) {
     const ctx_r1 = \u0275\u0275nextContext(3);
     \u0275\u0275advance();
-    \u0275\u0275property("binary", true)("ngModel", ctx_r1.isAllSelectedSignal());
+    \u0275\u0275property("binary", true)("ngModel", ctx_r1.isAllSelectedSignal())("disabled", !ctx_r1.allRawOptions().length);
     \u0275\u0275advance(3);
     \u0275\u0275property("placeholder", ctx_r1.filterPlaceHolder);
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_2_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_3_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275template(0, DmSelectLibComponent_Conditional_5_ng_template_2_Conditional_0_Template, 9, 3, "div", 15);
+    \u0275\u0275template(0, DmSelectLibComponent_Conditional_5_ng_template_3_Conditional_0_Template, 9, 4, "div", 16);
   }
   if (rf & 2) {
     const ctx_r1 = \u0275\u0275nextContext(2);
     \u0275\u0275conditional(ctx_r1.filter ? 0 : -1);
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_3_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_4_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275element(0, "p-progress-spinner", 10);
   }
@@ -41871,7 +41886,7 @@ function DmSelectLibComponent_Conditional_5_ng_template_3_Template(rf, ctx) {
     \u0275\u0275styleMap(\u0275\u0275pureFunction0(2, _c130));
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_4_Conditional_0_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_5_Conditional_0_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "div", 11)(1, "span");
     \u0275\u0275text(2);
@@ -41883,14 +41898,14 @@ function DmSelectLibComponent_Conditional_5_ng_template_4_Conditional_0_Template
     \u0275\u0275textInterpolate(group_r6.label);
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_4_Conditional_1_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_5_Conditional_1_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275element(0, "span", 12);
   }
 }
-function DmSelectLibComponent_Conditional_5_ng_template_4_Template(rf, ctx) {
+function DmSelectLibComponent_Conditional_5_ng_template_5_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275template(0, DmSelectLibComponent_Conditional_5_ng_template_4_Conditional_0_Template, 3, 1, "div", 11)(1, DmSelectLibComponent_Conditional_5_ng_template_4_Conditional_1_Template, 1, 0, "span", 12);
+    \u0275\u0275template(0, DmSelectLibComponent_Conditional_5_ng_template_5_Conditional_0_Template, 3, 1, "div", 11)(1, DmSelectLibComponent_Conditional_5_ng_template_5_Conditional_1_Template, 1, 0, "span", 12);
   }
   if (rf & 2) {
     const group_r6 = ctx.$implicit;
@@ -41908,7 +41923,8 @@ function DmSelectLibComponent_Conditional_5_Template(rf, ctx) {
     })("onPanelHide", function DmSelectLibComponent_Conditional_5_Template_p_multiselect_onPanelHide_0_listener() {
       \u0275\u0275restoreView(_r4);
       const ctx_r1 = \u0275\u0275nextContext();
-      return \u0275\u0275resetView(ctx_r1.isDropdownOpen = false);
+      ctx_r1.isDropdownOpen = false;
+      return \u0275\u0275resetView(ctx_r1.onCustomSearch(""));
     })("blur", function DmSelectLibComponent_Conditional_5_Template_p_multiselect_blur_0_listener() {
       \u0275\u0275restoreView(_r4);
       const ctx_r1 = \u0275\u0275nextContext();
@@ -41930,7 +41946,7 @@ function DmSelectLibComponent_Conditional_5_Template(rf, ctx) {
       const ctx_r1 = \u0275\u0275nextContext();
       return \u0275\u0275resetView(ctx_r1.onSelectChange.emit());
     });
-    \u0275\u0275template(2, DmSelectLibComponent_Conditional_5_ng_template_2_Template, 1, 1, "ng-template", 14)(3, DmSelectLibComponent_Conditional_5_ng_template_3_Template, 1, 3, "ng-template", 9)(4, DmSelectLibComponent_Conditional_5_ng_template_4_Template, 2, 1, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
+    \u0275\u0275template(2, DmSelectLibComponent_Conditional_5_ng_template_2_Template, 2, 1, "ng-template", 14)(3, DmSelectLibComponent_Conditional_5_ng_template_3_Template, 1, 1, "ng-template", 15)(4, DmSelectLibComponent_Conditional_5_ng_template_4_Template, 1, 3, "ng-template", 9)(5, DmSelectLibComponent_Conditional_5_ng_template_5_Template, 2, 1, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
@@ -41940,14 +41956,14 @@ function DmSelectLibComponent_Conditional_5_Template(rf, ctx) {
 }
 function DmSelectLibComponent_Conditional_6_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "div")(1, "p", 24);
+    \u0275\u0275elementStart(0, "div")(1, "p", 25);
     \u0275\u0275text(2, "This field is required.");
     \u0275\u0275elementEnd()();
   }
 }
 function DmSelectLibComponent_Conditional_7_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "div")(1, "p", 25);
+    \u0275\u0275elementStart(0, "div")(1, "p", 26);
     \u0275\u0275text(2);
     \u0275\u0275elementEnd()();
   }
@@ -41959,7 +41975,7 @@ function DmSelectLibComponent_Conditional_7_Template(rf, ctx) {
 }
 function DmSelectLibComponent_Conditional_8_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275elementStart(0, "div")(1, "p", 25);
+    \u0275\u0275elementStart(0, "div")(1, "p", 26);
     \u0275\u0275text(2);
     \u0275\u0275elementEnd()();
   }
@@ -42032,8 +42048,8 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     if (value && typeof value === "string") {
       parsed = JSON.parse(value);
     }
-    this.selectOptions = parsed || [];
-    this.allRawOptions.set(parsed || []);
+    this.selectOptions = Array.isArray(parsed) ? [...parsed] : [];
+    this.allRawOptions.set(Array.isArray(parsed) ? [...parsed] : []);
   }
   /**
    * Name of the value field of an option.
@@ -42098,7 +42114,7 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     this.shadowDomStyleInjectorService = shadowDomStyleInjectorService;
     this.selectControl.valueChanges.subscribe((value) => {
       if (this.isMultiSelect) {
-        this.selectedItemsLabel = `Selected ${this.label}: ${value?.length ?? 0}`;
+        this.updateSelectedLabels(value);
         this.formValueSignal.set(value ?? []);
       }
       this.onChange(value);
@@ -42149,30 +42165,61 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
   }
   isAllSelectedSignal = computed(() => {
     const currentValues = this.formValueSignal();
-    if (!Array.isArray(currentValues) || currentValues.length === 0)
+    const rawOptions = this.allRawOptions();
+    if (!Array.isArray(currentValues) || !currentValues.length || !Array.isArray(rawOptions) || !rawOptions.length) {
       return false;
-    return currentValues.length === this.allRawOptions().length;
+    }
+    if (this.isGrouped) {
+      const totalElementsCount = rawOptions.reduce((sum, group) => {
+        return sum + (Array.isArray(group.items) ? group.items.length : 0);
+      }, 0);
+      return currentValues.length === totalElementsCount;
+    }
+    return currentValues.length === rawOptions.length;
   });
-  onCustomSearch(event2) {
+  getInputValue(event2) {
     const input2 = event2.target;
-    const text = (input2.value || "").toLowerCase().trim();
+    return input2.value || "";
+  }
+  onCustomSearch(value) {
+    const text = value.toLowerCase().trim();
     const raw = this.allRawOptions();
     if (!text) {
-      this.selectOptions = raw;
+      this.selectOptions = [...raw];
       return;
     }
     const filterFields = (this.filterBy ? this.filterBy : this.optionLabel).split(",").map((field) => field.trim());
-    this.selectOptions = raw.filter((opt) => {
+    const matchElement = (opt) => {
       return filterFields.some((field) => {
         const fieldValue = opt[field];
         return fieldValue !== void 0 && fieldValue !== null && String(fieldValue).toLowerCase().includes(text);
       });
-    });
+    };
+    if (this.isGrouped) {
+      this.selectOptions = raw.map((group) => {
+        const filteredItems = Array.isArray(group.items) ? group.items.filter((item) => matchElement(item)) : [];
+        return __spreadProps(__spreadValues({}, group), { items: filteredItems });
+      }).filter((group) => group.items.length > 0);
+    } else {
+      this.selectOptions = raw.filter((opt) => matchElement(opt));
+    }
   }
   toggleSelectAll(event2) {
     const isChecked = typeof event2 === "boolean" ? event2 : event2?.checked;
     if (isChecked) {
-      const allIds = this.allRawOptions().map((opt) => opt[this.optionValue]);
+      const rawOptions = this.allRawOptions();
+      let allIds = [];
+      if (this.isGrouped) {
+        allIds = rawOptions.reduce((acc, group) => {
+          if (Array.isArray(group.items)) {
+            const groupIds = group.items.map((item) => item[this.optionValue]);
+            return acc.concat(groupIds);
+          }
+          return acc;
+        }, []);
+      } else {
+        allIds = rawOptions.map((opt) => opt[this.optionValue]);
+      }
       this.selectControl.setValue(allIds);
       this.formValueSignal.set(allIds);
     } else {
@@ -42181,6 +42228,38 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     }
     this.onSelectChange.emit();
   }
+  updateSelectedLabels(value) {
+    const selectedValues = value || [];
+    if (!selectedValues.length) {
+      this.selectedItemsLabel = "";
+      return;
+    }
+    if (selectedValues.length > 3) {
+      this.selectedItemsLabel = `Selected ${this.label}: ${selectedValues.length}`;
+      return;
+    }
+    const rawOptions = this.allRawOptions();
+    const selectedLabels = [];
+    const selectedSet = new Set(selectedValues.map((id) => id));
+    if (this.isGrouped) {
+      for (const group of rawOptions) {
+        if (Array.isArray(group.items)) {
+          for (const item of group.items) {
+            if (selectedSet.has(item[this.optionValue])) {
+              selectedLabels.push(item[this.optionLabel]);
+            }
+          }
+        }
+      }
+    } else {
+      for (const opt of rawOptions) {
+        if (selectedSet.has(opt[this.optionValue])) {
+          selectedLabels.push(opt[this.optionLabel]);
+        }
+      }
+    }
+    this.selectedItemsLabel = selectedLabels.length > 0 ? selectedLabels.join(", ") : `Selected ${this.label}: ${selectedValues.length}`;
+  }
   static \u0275fac = function DmSelectLibComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _DmSelectLibComponent)(\u0275\u0275directiveInject(ElementRef), \u0275\u0275directiveInject(ShadowDomStyleInjectorService));
   };
@@ -42190,12 +42269,12 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
       useExisting: forwardRef(() => _DmSelectLibComponent),
       multi: true
     }
-  ]), \u0275\u0275InputTransformsFeature, \u0275\u0275NgOnChangesFeature], decls: 9, vars: 8, consts: [["wrapper", ""], ["select", ""], ["group", ""], ["multiSelect", ""], [1, "form-control-container", 3, "ngStyle"], ["for", "selectId", 1, "form-control-label"], ["inputId", "selectId", 3, "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey"], ["inputId", "selectId", 3, "loading", "options", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey", "filter", "showToggleAll", "showHeader"], ["inputId", "selectId", 3, "onShow", "onHide", "blur", "focus", "click", "onChange", "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey"], ["pTemplate", "loadingicon"], ["strokeWidth", "6", "styleClass", "grey-color"], [1, "flex", "items-center"], [1, "ungrouped"], ["inputId", "selectId", 3, "onPanelShow", "onPanelHide", "blur", "focus", "click", "onChange", "onClear", "loading", "options", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey", "filter", "showToggleAll", "showHeader"], ["pTemplate", "header"], [1, "p-multiselect-header"], ["ariaLabel", "Toggle All", 3, "onChange", "binary", "ngModel"], [1, "p-multiselect-filter-container"], [1, "p-iconfield", "p-iconfield-left"], ["type", "text", "role", "searchbox", "autocomplete", "off", 1, "p-inputtext", "p-component", "p-multiselect-filter", 3, "input", "placeholder"], [1, "p-inputicon"], ["width", "14", "height", "14", "viewBox", "0 0 14 14", "fill", "none", "xmlns", "http://w3.org", 1, "p-component", "p-iconwrapper", "p-multiselect-filter-icon"], ["d", "M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z", "stroke", "currentColor", "stroke-width", "1"], ["d", "M10 10L13 13", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linecap", "round"], [1, "form-control-error-message"], [1, "form-control-hint-message"]], template: function DmSelectLibComponent_Template(rf, ctx) {
+  ]), \u0275\u0275InputTransformsFeature, \u0275\u0275NgOnChangesFeature], decls: 9, vars: 8, consts: [["wrapper", ""], ["select", ""], ["group", ""], ["multiSelect", ""], [1, "form-control-container", 3, "ngStyle"], ["for", "selectId", 1, "form-control-label"], ["inputId", "selectId", 3, "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey"], ["inputId", "selectId", 3, "loading", "options", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey", "filter", "showToggleAll", "showHeader"], ["inputId", "selectId", 3, "onShow", "onHide", "blur", "focus", "click", "onChange", "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey"], ["pTemplate", "loadingicon"], ["strokeWidth", "6", "styleClass", "grey-color"], [1, "flex", "items-center"], [1, "ungrouped"], ["inputId", "selectId", 3, "onPanelShow", "onPanelHide", "blur", "focus", "click", "onChange", "onClear", "loading", "options", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo", "virtualScroll", "virtualScrollItemSize", "group", "filterBy", "dataKey", "filter", "showToggleAll", "showHeader"], ["pTemplate", "selectedItems"], ["pTemplate", "header"], [1, "p-multiselect-header"], ["ariaLabel", "Toggle All", 3, "onChange", "binary", "ngModel", "disabled"], [1, "p-multiselect-filter-container"], [1, "p-iconfield", "p-iconfield-left"], ["type", "text", "role", "searchbox", "autocomplete", "off", 1, "p-inputtext", "p-component", "p-multiselect-filter", 3, "input", "click", "placeholder"], [1, "p-inputicon"], ["width", "14", "height", "14", "viewBox", "0 0 14 14", "fill", "none", "xmlns", "http://w3.org", 1, "p-component", "p-iconwrapper", "p-multiselect-filter-icon"], ["d", "M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z", "stroke", "currentColor", "stroke-width", "1"], ["d", "M10 10L13 13", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linecap", "round"], [1, "form-control-error-message"], [1, "form-control-hint-message"]], template: function DmSelectLibComponent_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 4, 0)(2, "label", 5);
       \u0275\u0275text(3);
       \u0275\u0275elementEnd();
-      \u0275\u0275template(4, DmSelectLibComponent_Conditional_4_Template, 5, 19, "p-select", 6)(5, DmSelectLibComponent_Conditional_5_Template, 6, 21, "p-multiselect", 7)(6, DmSelectLibComponent_Conditional_6_Template, 3, 0, "div")(7, DmSelectLibComponent_Conditional_7_Template, 3, 1, "div")(8, DmSelectLibComponent_Conditional_8_Template, 3, 1, "div");
+      \u0275\u0275template(4, DmSelectLibComponent_Conditional_4_Template, 5, 19, "p-select", 6)(5, DmSelectLibComponent_Conditional_5_Template, 7, 21, "p-multiselect", 7)(6, DmSelectLibComponent_Conditional_6_Template, 3, 0, "div")(7, DmSelectLibComponent_Conditional_7_Template, 3, 1, "div")(8, DmSelectLibComponent_Conditional_8_Template, 3, 1, "div");
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -42295,7 +42374,7 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     [selectedItemsLabel]="selectedItemsLabel"
     [formControl]="selectControl"
     (onPanelShow)="isDropdownOpen = true"
-    (onPanelHide)="isDropdownOpen = false"
+    (onPanelHide)="isDropdownOpen = false; onCustomSearch('')"
     (blur)="isFocused = false"
     (focus)="isFocused = true"
     [appendTo]="appendToBody ? 'body' : null"
@@ -42311,6 +42390,9 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     [showToggleAll]="false" 
     [showHeader]="false"
   >
+    <ng-template pTemplate="selectedItems">
+      <span>{{ selectedItemsLabel }}</span>
+    </ng-template>
     <ng-template pTemplate="header">
       @if(filter) {
         <div class="p-multiselect-header">
@@ -42319,8 +42401,8 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
             [ngModel]="isAllSelectedSignal()"
             (onChange)="toggleSelectAll($event)"
             ariaLabel="Toggle All"
+            [disabled]="!allRawOptions().length"
           />
-          
           <div class="p-multiselect-filter-container">
             <div class="p-iconfield p-iconfield-left">
               
@@ -42328,9 +42410,10 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
                 type="text" 
                 role="searchbox"
                 [placeholder]="filterPlaceHolder" 
-                (input)="onCustomSearch($event)"
+                (input)="onCustomSearch(getInputValue($event))"
                 class="p-inputtext p-component p-multiselect-filter"
                 autocomplete="off"
+                (click)="$event.stopPropagation()"
               />
               
               <span class="p-inputicon">