@wizishop/angular-components 0.0.63 → 0.0.67

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

@@ -3654,7 +3654,7 @@
                 this.selectValue.emit(index);
             }
             else {
-                var findInOption = this.options.findIndex(function (element) { return element.label === label && element.value === value; });
+                var findInOption = this.options.findIndex(function (element) { return element.label === label && element.id === value; });
                 this.selectValue.emit(findInOption);
             }
         };
@@ -3667,7 +3667,7 @@
     SearchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-search',
-                    template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n  <div class=\"wac-search__wrapper\">\n    <button><i class=\"fal fa-search\"></i></button>\n    <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n  </div>\n  <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n        <div [ngClass]=\"{ selected: item.active }\" (click)=\"onSelectItem(index, item.value, item.label)\">\n          {{ item.label }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n    <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n      <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n  <div class=\"wac-search__wrapper\">\n    <button><i class=\"fal fa-search\"></i></button>\n    <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n  </div>\n  <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n        <div [ngClass]=\"{ selected: item.checked }\" (click)=\"onSelectItem(index, item.id, item.label)\">\n          {{ item.label }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n    <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n      <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     SearchComponent.ctorParameters = function () { return []; };
@@ -3686,7 +3686,9 @@
     var SelectedListComponent = /** @class */ (function () {
         function SelectedListComponent() {
             this.enableSelectAll = true;
-            this.selectedItems = new i0.EventEmitter();
+            this.selectedItemsIndex = new i0.EventEmitter();
+            this.selectedItemsAll = new i0.EventEmitter();
+            this.unSelectedItemsAll = new i0.EventEmitter();
             this.selectedOptionIndex = [];
             this.switchSelectAll = false;
         }
@@ -3702,17 +3704,17 @@
             var _this = this;
             this.selectedOptionIndex = [];
             this.options.forEach(function (eln, i) {
-                _this.options[i].active = true;
+                _this.options[i].checked = true;
                 _this.selectedOptionIndex.push(i);
             });
             this.switchSelectAll = true;
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.selectedItemsAll.emit(this.selectedOptionIndex);
         };
         SelectedListComponent.prototype.checkSelectedItem = function () {
             var _this = this;
             this.selectedOptionIndex = [];
             this.options.forEach(function (eln, i) {
-                if (eln.active) {
+                if (eln.checked) {
                     _this.selectedOptionIndex.push(i);
                 }
             });
@@ -3721,22 +3723,22 @@
             var _this = this;
             this.selectedOptionIndex = [];
             this.options.forEach(function (eln, i) {
-                _this.options[i].active = false;
+                _this.options[i].checked = false;
             });
             this.switchSelectAll = false;
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.unSelectedItemsAll.emit(this.selectedOptionIndex);
         };
         SelectedListComponent.prototype.selectItem = function (i) {
-            this.options[i].active = !this.options[i].active;
+            this.options[i].checked = !this.options[i].checked;
             this.checkSelectedItem();
-            this.selectedItems.emit(this.selectedOptionIndex);
+            this.selectedItemsIndex.emit(i);
         };
         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.active}\" (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)=\"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"
                 },] }
     ];
     SelectedListComponent.propDecorators = {
@@ -3745,7 +3747,9 @@
         textSelectAll: [{ type: i0.Input }],
         textUnSelectAll: [{ type: i0.Input }],
         enableSelectAll: [{ type: i0.Input }],
-        selectedItems: [{ type: i0.Output }]
+        selectedItemsIndex: [{ type: i0.Output }],
+        selectedItemsAll: [{ type: i0.Output }],
+        unSelectedItemsAll: [{ type: i0.Output }]
     };
 
     var components = [