@wizishop/angular-components 0.0.112 → 0.0.115

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

@@ -596,7 +596,44 @@
         isActive: [{ type: i0.Input, args: ['zIndexToggle',] }]
     };
 
-    var directives = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective];
+    var VarDirective = /** @class */ (function () {
+        function VarDirective(templateRef, vcRef) {
+            this.templateRef = templateRef;
+            this.vcRef = vcRef;
+            this.context = {
+                $implicit: null,
+                ngVar: null,
+            };
+            this.hasView = false;
+        }
+        Object.defineProperty(VarDirective.prototype, "ngVar", {
+            // https://stackoverflow.com/questions/38582293/how-to-declare-a-variable-in-a-template-in-angular
+            set: function (context) {
+                this.context.$implicit = this.context.ngVar = context;
+                if (!this.hasView) {
+                    this.vcRef.createEmbeddedView(this.templateRef, this.context);
+                    this.hasView = true;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return VarDirective;
+    }());
+    VarDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ngVar]',
+                },] }
+    ];
+    VarDirective.ctorParameters = function () { return [
+        { type: i0.TemplateRef },
+        { type: i0.ViewContainerRef }
+    ]; };
+    VarDirective.propDecorators = {
+        ngVar: [{ type: i0.Input }]
+    };
+
+    var directives = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective];
     var SharedDirectives = /** @class */ (function () {
         function SharedDirectives() {
         }
@@ -962,20 +999,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,60 +3774,42 @@
 
     var SelectedListComponent = /** @class */ (function () {
         function SelectedListComponent() {
+            this.options = [];
             this.enableSelectAll = true;
             this.selectedItemsIndex = new i0.EventEmitter();
             this.selectedItemsAll = new i0.EventEmitter();
             this.unSelectedItemsAll = new i0.EventEmitter();
             this.selectedOptionIndex = [];
-            this.switchSelectAll = false;
         }
         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.selectedItemsIndex.emit(index);
+        };
+        SelectedListComponent.prototype.areAllOptionsChecked = function () {
+            return !this.options.some(function (option) { return !option.checked; });
         };
         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      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <span *ngIf=\"textSelectAll && !areAllOptionsSelected\" [innerHTML]=\"textSelectAll\" (click)=\"onSelectAll()\"></span>\n        <span *ngIf=\"textUnSelectAll && areAllOptionsSelected\" [innerHTML]=\"textUnSelectAll\" (click)=\"onUnSelectAll()\"></span>\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 = {
@@ -3950,9 +3955,25 @@
                 },] }
     ];
 
+    var AreAllOptionsSelectedPipe = /** @class */ (function () {
+        function AreAllOptionsSelectedPipe() {
+        }
+        AreAllOptionsSelectedPipe.prototype.transform = function (options) {
+            return !options.some(function (option) { return !option.checked; });
+        };
+        return AreAllOptionsSelectedPipe;
+    }());
+    AreAllOptionsSelectedPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'areAllOptionsSelected',
+                    pure: false
+                },] }
+    ];
+
     var exportedPipes = [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe];
     var pipes$1 = [
-        SelectFiltersPipe
+        SelectFiltersPipe,
+        AreAllOptionsSelectedPipe
     ];
     var SharedPipes = /** @class */ (function () {
         function SharedPipes() {
@@ -4123,6 +4144,7 @@
     exports.AlertPopupComponent = AlertPopupComponent;
     exports.AlertPopupModule = AlertPopupModule;
     exports.AlertPopupService = AlertPopupService;
+    exports.AreAllOptionsSelectedPipe = AreAllOptionsSelectedPipe;
     exports.AutoHideDirective = AutoHideDirective;
     exports.BackComponent = BackComponent;
     exports.BlockComponent = BlockComponent;
@@ -4185,6 +4207,7 @@
     exports.TreeComponent = TreeComponent;
     exports.TreeModule = TreeModule;
     exports.UploadComponent = UploadComponent;
+    exports.VarDirective = VarDirective;
     exports.WiziComponentsModule = WiziComponentsModule;
     exports.WrapperBlocsComponent = WrapperBlocsComponent;
     exports.WrapperComponent = WrapperComponent;