@wizishop/angular-components 0.0.113 → 0.0.114

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() {
         }
@@ -3737,25 +3774,13 @@
 
     var SelectedListComponent = /** @class */ (function () {
         function SelectedListComponent() {
-            this._options = [];
+            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;
         }
-        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 () {
         };
         SelectedListComponent.prototype.onSelectAll = function () {
@@ -3763,7 +3788,6 @@
                 option.checked = true;
                 return index;
             });
-            this.switchSelectAll = true;
             this.selectedItemsAll.emit(this.selectedOptionIndex);
         };
         SelectedListComponent.prototype.onUnSelectAll = function () {
@@ -3771,26 +3795,21 @@
                 option.checked = false;
                 return index;
             });
-            this.switchSelectAll = false;
             this.unSelectedItemsAll.emit(this.selectedOptionIndex);
         };
         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)=\"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"
+                    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 = {
@@ -3936,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() {
@@ -4177,19 +4212,21 @@
     exports.WzEditInPlaceComponent = WzEditInPlaceComponent;
     exports.ZindexToggleDirective = ZindexToggleDirective;
     exports.ɵa = DomService;
-    exports.ɵb = PaginationModule;
-    exports.ɵc = PagniationArrayTotalPages;
-    exports.ɵd = PagniationIsLastPage;
-    exports.ɵe = PagniationText;
-    exports.ɵf = TableModule;
-    exports.ɵg = InputSearchModule;
-    exports.ɵh = InputModule;
-    exports.ɵi = TooltipModule;
-    exports.ɵj = ProgressBarModule;
-    exports.ɵk = LoaderModule;
-    exports.ɵl = CheckboxModule;
-    exports.ɵm = inOutY;
-    exports.ɵn = inOutX;
+    exports.ɵb = VarDirective;
+    exports.ɵc = AreAllOptionsSelectedPipe;
+    exports.ɵd = PaginationModule;
+    exports.ɵe = PagniationArrayTotalPages;
+    exports.ɵf = PagniationIsLastPage;
+    exports.ɵg = PagniationText;
+    exports.ɵh = TableModule;
+    exports.ɵi = InputSearchModule;
+    exports.ɵj = InputModule;
+    exports.ɵk = TooltipModule;
+    exports.ɵl = ProgressBarModule;
+    exports.ɵm = LoaderModule;
+    exports.ɵn = CheckboxModule;
+    exports.ɵo = inOutY;
+    exports.ɵp = inOutX;
 
     Object.defineProperty(exports, '__esModule', { value: true });