@wizishop/angular-components 0.0.126 → 0.0.129

package/bundles/wizishop-angular-components.umd.js

@@ -3135,6 +3135,17 @@
             this.onChange = function () { };
             this.onTouch = function () { };
         }
+        Object.defineProperty(SelectComponent.prototype, "items", {
+            get: function () {
+                return this._items;
+            },
+            set: function (items) {
+                this._items = items;
+                this.setIndexItemSelected();
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(SelectComponent.prototype, "callToAction", {
             get: function () {
                 return this._calllToAction;
@@ -3146,7 +3157,6 @@
             configurable: true
         });
         SelectComponent.prototype.ngOnInit = function () {
-            this.indexItemSelected = this.items.findIndex(function (item) { return item.selected; });
         };
         SelectComponent.prototype.onClose = function () {
             this.openCategories = false;
@@ -3156,7 +3166,7 @@
         };
         SelectComponent.prototype.onSelectItem = function (id) {
             this.unselectAll();
-            this.setIndexItemSelected(id);
+            this.setIndexItemSelectedById(id);
             var itemSelected = this.getItemSelected();
             itemSelected.selected = true;
             this.selectValue.emit(this.indexItemSelected);
@@ -3182,16 +3192,19 @@
         SelectComponent.prototype.unselectAll = function () {
             this.items.forEach(function (item) { return item.selected = false; });
         };
-        SelectComponent.prototype.setIndexItemSelected = function (id) {
+        SelectComponent.prototype.setIndexItemSelectedById = function (id) {
             this.indexItemSelected = this.items.findIndex(function (item) { return item.id === id; });
         };
+        SelectComponent.prototype.setIndexItemSelected = function () {
+            this.indexItemSelected = this.items.findIndex(function (item) { return item.selected; });
+        };
         SelectComponent.prototype.writeValue = function (selectItem) {
             if (!selectItem) {
                 return;
             }
             this.unselectAll();
             selectItem.selected = true;
-            this.setIndexItemSelected(selectItem.id);
+            this.setIndexItemSelectedById(selectItem.id);
         };
         SelectComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -3962,7 +3975,7 @@
     SelectedListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-selected-list',
-                    template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n          <span [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [extraClasses]=\"'is-grey'\"\n              [icon]=\"'fa-duotone fa-check-double'\"\n              (click)=\"onSelectAll()\"\n            >\n            </wac-button>\n          </div>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n          <span [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [extraClasses]=\"'is-grey'\"\n              [icon]=\"'fa-duotone fa-check-double'\"\n              (click)=\"onUnSelectAll()\"\n            >\n            </wac-button>\n          </div>\n        </ng-container>\n\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n          <span [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [icon]=\"'fad fa-check-double'\"\n              (click)=\"onSelectAll()\"\n            >\n            </wac-button>\n          </div>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n          <span [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\n          <div class=\"selected-list__wrapper__head__button\">\n            <wac-button\n              [extraClasses]=\"'is-grey'\"\n              [icon]=\"'fad fa-check-double'\"\n              (click)=\"onUnSelectAll()\"\n            >\n            </wac-button>\n          </div>\n        </ng-container>\n\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     SelectedListComponent.propDecorators = {