@arsedizioni/ars-utils 19.0.17 → 19.0.19

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;
@@ -2354,29 +2354,36 @@ class ChipsSelectorComponent {
             }, 100);
         }
     }
+    /**
+     * Get current selection
+     * @returns current selection
+     */
+    getSelection() {
+        const value = !this.multiple() || this.collapsed() || this.collapsedDisplayMode() === "button"
+            ? this.singleSelection
+            : this.selection ?? [];
+        const isArray = Array.isArray(value);
+        if (isArray) {
+            return value ?? [];
+        }
+        else {
+            return value ? [value] : [];
+        }
+    }
     /**
      * Update current value with a little delay
      */
     updateValue() {
         setTimeout(() => {
-            const value = !this.multiple() && this.collapsed() && this.collapsedDisplayMode() === "button"
-                ? this.singleSelection
-                : this.selection;
-            const isArray = Array.isArray(value);
-            if (isArray) {
-                this.writeValue(value);
-            }
-            else {
-                this.writeValue([value]);
-            }
+            this.writeValue(this.getSelection());
         }, 250);
     }
     /**
      * Check if a item is selectable
+     * @param item: the item to check
      */
     isSelectable(item) {
-        return (this.selection?.findIndex(x => x.value === item.value) !== -1 || this.singleSelection?.value === item.value)
-            && this.mustSelect();
+        return this.getSelection().findIndex(x => x.value === item.value) !== -1;
     }
     writeValue(value) {
         if (this.value !== value) {