@arsedizioni/ars-utils 19.0.16 → 19.0.18

package/fesm2022/arsedizioni-ars-utils-ui.application.mjs

@@ -2218,11 +2218,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
 class ChipsSelectorComponent {
     set value(value) {
         this._value = value;
-        this.propagateChange(this._value);
-        this.stateChanges.next();
-        if (this.changesEnabled) {
-            this.changed.emit(this._value);
-        }
         this.selection = [];
         this.singleSelection = null;
         if (this._value) {
@@ -2235,6 +2230,11 @@ class ChipsSelectorComponent {
                 this.singleSelection = this.selection[0];
             }
         }
+        this.propagateChange(this._value);
+        this.stateChanges.next();
+        if (this.changesEnabled) {
+            this.changed.emit(this._value);
+        }
     }
     get value() {
         return this._value;
@@ -2361,7 +2361,7 @@ class ChipsSelectorComponent {
         setTimeout(() => {
             const value = !this.multiple() && this.collapsed() && this.collapsedDisplayMode() === "button"
                 ? this.singleSelection
-                : this.selection;
+                : this.selection ?? [];
             const isArray = Array.isArray(value);
             if (isArray) {
                 this.writeValue(value);
@@ -2375,8 +2375,9 @@ class ChipsSelectorComponent {
      * Check if a item is selectable
      */
     isSelectable(item) {
-        return (this.selection.findIndex(x => x.value === item.value) !== -1 || this.singleSelection?.value === item.value)
-            && this.mustSelect();
+        return (!this.multiple() && this.collapsed() && this.collapsedDisplayMode() === "button"
+            ? this.singleSelection?.value === item.value
+            : this.selection?.findIndex(x => x.value === item.value) !== -1);
     }
     writeValue(value) {
         if (this.value !== value) {