@wizishop/angular-components 0.0.112 → 0.0.113

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

@@ -962,20 +962,6 @@
                     _this.currentLoading += Math.floor(Math.random() * 15);
                 }
             });
-            /* this.interval = setInterval(() => {
-        
-              if (this.currentLoading < 85) {
-                this.currentLoading += Math.floor(Math.random() * 15);
-              }
-        
-              if (!this.isLoading) {
-                this.currentLoading = 100;
-        
-                setTimeout(() => {
-                  clearInterval(this.interval);
-                }, 100);
-              }
-            }, 200); */
         };
         ButtonComponent.prototype.addMaxWidth = function () {
             this.buttonMaxWidth = this.buttonWidth + 'px';
@@ -3751,6 +3737,7 @@
 
     var SelectedListComponent = /** @class */ (function () {
         function SelectedListComponent() {
+            this._options = [];
             this.enableSelectAll = true;
             this.selectedItemsIndex = new i0.EventEmitter();
             this.selectedItemsAll = new i0.EventEmitter();
@@ -3758,53 +3745,52 @@
             this.selectedOptionIndex = [];
             this.switchSelectAll = false;
         }
+        Object.defineProperty(SelectedListComponent.prototype, "options", {
+            get: function () {
+                return this._options;
+            },
+            set: function (options) {
+                this._options = options;
+                this.handleSwitchSelectAll();
+            },
+            enumerable: false,
+            configurable: true
+        });
         SelectedListComponent.prototype.ngOnInit = function () {
-            if (typeof this.options !== typeof undefined) {
-                this.checkSelectedItem();
-                if (this.selectedOptionIndex.length === this.options.length) {
-                    this.switchSelectAll = true;
-                }
-            }
         };
-        SelectedListComponent.prototype.selectAll = function () {
-            var _this = this;
-            this.selectedOptionIndex = [];
-            this.options.forEach(function (eln, i) {
-                _this.options[i].checked = true;
-                _this.selectedOptionIndex.push(i);
+        SelectedListComponent.prototype.onSelectAll = function () {
+            this.selectedOptionIndex = this.options.map(function (option, index) {
+                option.checked = true;
+                return index;
             });
             this.switchSelectAll = true;
             this.selectedItemsAll.emit(this.selectedOptionIndex);
         };
-        SelectedListComponent.prototype.checkSelectedItem = function () {
-            var _this = this;
-            this.selectedOptionIndex = [];
-            this.options.forEach(function (eln, i) {
-                if (eln.checked) {
-                    _this.selectedOptionIndex.push(i);
-                }
-            });
-        };
-        SelectedListComponent.prototype.unSelectAll = function () {
-            var _this = this;
-            this.selectedOptionIndex = [];
-            this.options.forEach(function (eln, i) {
-                _this.options[i].checked = false;
+        SelectedListComponent.prototype.onUnSelectAll = function () {
+            this.selectedOptionIndex = this.options.map(function (option, index) {
+                option.checked = false;
+                return index;
             });
             this.switchSelectAll = false;
             this.unSelectedItemsAll.emit(this.selectedOptionIndex);
         };
-        SelectedListComponent.prototype.selectItem = function (i) {
-            this.options[i].checked = !this.options[i].checked;
-            this.checkSelectedItem();
-            this.selectedItemsIndex.emit(i);
+        SelectedListComponent.prototype.onSelectItem = function (index) {
+            this.options[index].checked = !this.options[index].checked;
+            this.handleSwitchSelectAll();
+            this.selectedItemsIndex.emit(index);
+        };
+        SelectedListComponent.prototype.areAllOptionsChecked = function () {
+            return !this.options.some(function (option) { return !option.checked; });
+        };
+        SelectedListComponent.prototype.handleSwitchSelectAll = function () {
+            this.switchSelectAll = this.areAllOptionsChecked();
         };
         return SelectedListComponent;
     }());
     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      <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"selectAll()\"></span>\n      <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"unSelectAll()\"></span>\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)=\"selectItem(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      <span *ngIf=\"textSelectAll && !switchSelectAll\" [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n      <span *ngIf=\"textUnSelectAll && switchSelectAll\" [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\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 = {