@wizishop/angular-components 0.0.83 → 0.0.86

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

@@ -698,6 +698,8 @@
                 currentPage: 0
             };
             var filterGroup = this.filterRoutingBuilder.group(dataTableFilters, dataTableName);
+            filterGroup.tableFiltersValuesChange$ = new rxjs.ReplaySubject(1);
+            filterGroup.tableFiltersValuesDebouncedChange$ = filterGroup.tableFiltersValuesChange$.pipe(operators.debounceTime(300));
             this.filterGroups.set(dataTableName, filterGroup);
             return filterGroup;
         };
@@ -763,11 +765,12 @@
             /* Handle routing filters */
             if (this.tableRoutingName) {
                 this._filterGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
+                this.setTablesFilters();
                 // Performe initial fetch data
                 this._filterGroup.valuesChange$.next([]);
-                this.setTablesFilters();
                 // Listen to filters changes with debounced time to limit multiple api calls
                 this.filterGroupChangeSub = this._filterGroup.valuesChange$.subscribe(function (filters) {
+                    console.log('valuesChange', filters);
                     _this.setTablesFilters();
                 });
             }
@@ -813,6 +816,8 @@
                 totalItems: this.tableFilters.totalItems
             };
             this.tableFiltersChange.emit(this.tableFilters);
+            console.log('tableFiltersValuesChange$.next');
+            this._filterGroup.tableFiltersValuesChange$.next(this.tableFilters);
         };
         TableComponent.prototype.ngDestroy = function () {
             if (this.filterGroupChangeSub) {
@@ -845,6 +850,7 @@
 
     var TagComponent = /** @class */ (function () {
         function TagComponent() {
+            //todo Refacto, open/close should be handle outside this component
             this.label = '';
             this.hasClose = false;
             this.big = false;
@@ -881,19 +887,19 @@
             this.underline = false;
             this.button = false;
             this.tabs = [];
+            this.index = 0;
             this.indexChange = new i0.EventEmitter();
-            this.currentIndex = 0;
         }
         TabComponent.prototype.valueChanged = function (i) {
-            this.currentIndex = i;
-            this.indexChange.emit(this.currentIndex);
+            this.index = i;
+            this.indexChange.emit(this.index);
         };
         return TabComponent;
     }());
     TabComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-tab',
-                    template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"currentIndex === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n",
+                    template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -902,6 +908,7 @@
         underline: [{ type: i0.Input }],
         button: [{ type: i0.Input }],
         tabs: [{ type: i0.Input }],
+        index: [{ type: i0.Input }],
         indexChange: [{ type: i0.Output }]
     };
 
@@ -2006,8 +2013,8 @@
             this.textStateDisable = '';
             this.showInput = false;
             this.danger = false;
-            this.switchChange = new i0.EventEmitter();
-            this.changeInput = new i0.EventEmitter();
+            this.switchChange = new i0.EventEmitter(); // todo set emitted type
+            this.changeInput = new i0.EventEmitter(); // todo set emitted type
         }
         SwitchComponent.prototype.ngOnInit = function () {
             this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));