@seniorsistemas/angular-components 17.6.0 → 17.6.2

package/fesm5/seniorsistemas-angular-components.js

@@ -15221,9 +15221,23 @@ var SelectButtonComponent = /** @class */ (function () {
         var _this = this;
         if (!value)
             return;
-        value.forEach(function (item) {
-            _this.activeItems.add(item);
-        });
+        this.activeItems.clear();
+        if (Array.isArray(value)) {
+            value.forEach(function (item) {
+                _this.items.forEach(function (iItem) {
+                    if (_this._compareItems(item, iItem)) {
+                        _this.activeItems.add(iItem);
+                    }
+                });
+            });
+        }
+        else {
+            this.items.forEach(function (iItem) {
+                if (_this._compareItems(value, iItem)) {
+                    _this.activeItems.add(iItem);
+                }
+            });
+        }
     };
     SelectButtonComponent.prototype.registerOnChange = function (onChange) {
         this.onChange = onChange;
@@ -15247,6 +15261,39 @@ var SelectButtonComponent = /** @class */ (function () {
         (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, __spread(this.activeItems));
         (_b = this.onTouched) === null || _b === void 0 ? void 0 : _b.call(this, __spread(this.activeItems));
     };
+    SelectButtonComponent.prototype._compareItems = function (item1, item2) {
+        var _compare = function (a, b) {
+            var e_1, _a;
+            if (a === b) {
+                return true;
+            }
+            if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) {
+                return false;
+            }
+            var keysA = Object.keys(a);
+            var keysB = Object.keys(b);
+            if (keysA.length !== keysB.length) {
+                return false;
+            }
+            try {
+                for (var keysA_1 = __values(keysA), keysA_1_1 = keysA_1.next(); !keysA_1_1.done; keysA_1_1 = keysA_1.next()) {
+                    var key = keysA_1_1.value;
+                    if (!keysB.includes(key) || !_compare(a[key], b[key])) {
+                        return false;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (keysA_1_1 && !keysA_1_1.done && (_a = keysA_1.return)) _a.call(keysA_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return true;
+        };
+        return _compare(item1, item2);
+    };
     var SelectButtonComponent_1;
     __decorate([
         Input()
@@ -15264,11 +15311,13 @@ var SelectButtonComponent = /** @class */ (function () {
         Component({
             selector: "s-select-button",
             template: "<div\n    class=\"select-button\"\n    [ngClass]=\"{ 'select-button--disabled': disabled }\">\n    <s-select-button-item\n        *ngFor=\"let item of items; index as i\"\n        [label]=\"item.label\"\n        [active]=\"activeItems?.has(item)\"\n        [disabled]=\"disabled || item.disabled\"\n        [first]=\"i === 0\"\n        [last]=\"i === items.length - 1\"\n        (click)=\"onItemSelect(item)\">\n    </s-select-button-item>\n</div>",
-            providers: [{
+            providers: [
+                {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(function () { return SelectButtonComponent_1; }),
                     multi: true,
-                }],
+                },
+            ],
             styles: [".select-button{overflow:hidden}"]
         })
     ], SelectButtonComponent);