@firestitch/filter 9.9.0 → 9.9.5

package/fesm5/firestitch-filter.js

@@ -68,7 +68,7 @@ function findValue(values, value, children) {
 var BaseItem = /** @class */ (function () {
     function BaseItem(itemConfig, _additionalConfig) {
         this._additionalConfig = _additionalConfig;
-        this._initialized = false;
+        // protected _initialized = false;
         this._pendingValues = false;
         this._pendingDefaultValue = false;
         this._loading$ = new BehaviorSubject(false);
@@ -267,6 +267,13 @@ var BaseItem = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(BaseItem.prototype, "_initialized", {
+        get: function () {
+            return !this._pendingDefaultValue && !this._pendingValues;
+        },
+        enumerable: true,
+        configurable: true
+    });
     BaseItem.prototype.valueChanged = function () {
         this._value$.next(this.value);
         if (this.change) {
@@ -301,15 +308,17 @@ var BaseItem = /** @class */ (function () {
     });
     BaseItem.prototype.loadDefaultValue = function () {
         var _this = this;
+        this._pendingDefaultValue = true;
         return this.defaultValueFn()
             .pipe(tap(function (value) {
             _this.defaultValue = value;
+            _this._initDefaultModel();
         }), finalize(function () {
             _this._pendingDefaultValue = false;
         }));
     };
     BaseItem.prototype.initValues = function (persistedValue) {
-        this._initialized = false;
+        // this._initialized = false;
         this.persistedValue = persistedValue;
         this._initDefaultModel();
         var isAutocomplete = this.type === ItemType.AutoComplete || this.type === ItemType.AutoCompleteChips;
@@ -322,12 +331,12 @@ var BaseItem = /** @class */ (function () {
                 this.values = valuesResult;
                 // Move to some other place
                 this._init();
-                this._initialized = true;
+                // this._initialized = true;
             }
         }
         else {
             this._init();
-            this._initialized = true;
+            // this._initialized = true;
         }
     };
     BaseItem.prototype.loadAsyncValues = function (reload) {
@@ -343,7 +352,7 @@ var BaseItem = /** @class */ (function () {
                 _this.loading = false;
                 _this._init();
                 _this._validateModel();
-                _this._initialized = true;
+                // this._initialized = true;
             });
         }
     };
@@ -372,7 +381,6 @@ var BaseItem = /** @class */ (function () {
         this.label = item.label;
         this.chipLabel = item.chipLabel;
         if (typeof item.default === 'function') {
-            this._pendingDefaultValue = true;
             this.defaultValueFn = item.default;
         }
         else {
@@ -1675,7 +1683,7 @@ var FsFilterItemsStore = /** @class */ (function () {
         var _this = this;
         var pendingItems = this.items
             .filter(function (item) {
-            return item.hasPendingDefaultValue
+            return item.defaultValueFn
                 && (item.persistedValue === null || item.persistedValue === undefined);
         });
         if (pendingItems.length > 0) {
@@ -2498,6 +2506,12 @@ var ExternalParamsController = /** @class */ (function () {
     };
     ExternalParamsController.prototype._listenItemsChange = function () {
         var _this = this;
+        this._itemsStore.ready$
+            .pipe(filter$1(function (v) { return v; }), take(1), takeUntil(this._destroy$))
+            .subscribe(function () {
+            _this._saveQueryParams();
+            _this._savePersistedParams();
+        });
         this._itemsStore
             .itemsChange$
             .pipe(takeUntil(this._destroy$))
@@ -4973,7 +4987,7 @@ var FsFilterActionKebabActionsComponent = /** @class */ (function () {
     FsFilterActionKebabActionsComponent = __decorate([
         Component({
             selector: 'fs-filter-action-kebab-actions',
-            template: "<button type=\"button\"\n        mat-icon-button\n        class=\"menu-button\"\n        [fsMenuTriggerFor]=\"kebabActionsMenu\">\n  <mat-icon>more_vert</mat-icon>\n</button>\n<fs-menu #kebabActionsMenu>\n  <ng-container *ngFor=\"let action of kebabActions\">\n    <ng-container [ngSwitch]=\"action.mode\">\n      <!-- Case when actions was collapsed from action with mode = 'menu'-->\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <ng-container *ngFor=\"let childAction of action.items\">\n          <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n            <fs-menu-group>\n              <ng-template fs-group-menu-item-template>\n                {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon> {{childAction.label}}\n              </ng-template>\n              <ng-container *ngFor=\"let subAction of childAction.items\">\n                <ng-template fs-menu-item\n                             [link]=\"subAction.routerLink?.link\"\n                             [queryParams]=\"subAction.routerLink?.queryParams\"\n                             [hidden]=\"!(subAction.visible$ | async)\"\n                             (click)=\"subAction.click($event)\">\n                  <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n                  {{subAction.label}}\n                </ng-template>\n              </ng-container>\n            </fs-menu-group>\n          </ng-container>\n          <ng-template #simpleMenuItem>\n            <ng-template fs-menu-item\n                         [link]=\"childAction.routerLink?.link\"\n                         [queryParams]=\"childAction.routerLink?.queryParams\"\n                         [hidden]=\"!(childAction.visible$ | async)\"\n                         (click)=\"childAction.click($event);\">\n              <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n             {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon>{{ childAction.label }}\n            </ng-template>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <ng-template fs-menu-item\n                     (click)=\"action.click($event)\"\n                     [fsClass]=\"action.classArray\"\n        >\n          <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n        </ng-template>\n      </ng-container>\n\n    </ng-container>\n  </ng-container>\n</fs-menu>\n",
+            template: "<button type=\"button\"\n        mat-icon-button\n        class=\"menu-button\"\n        [fsMenuTriggerFor]=\"kebabActionsMenu\">\n  <mat-icon>more_vert</mat-icon>\n</button>\n<fs-menu #kebabActionsMenu>\n  <ng-container *ngFor=\"let action of kebabActions\">\n    <ng-container [ngSwitch]=\"action.mode\">\n      <!-- Case when actions was collapsed from action with mode = 'menu'-->\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <ng-container *ngFor=\"let childAction of action.items\">\n          <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n            <fs-menu-group>\n              <ng-template fs-group-menu-item-template>\n                {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon> {{childAction.label}}\n              </ng-template>\n              <ng-container *ngFor=\"let subAction of childAction.items\">\n                <ng-template fs-menu-item\n                             [link]=\"subAction.routerLink?.link\"\n                             [queryParams]=\"subAction.routerLink?.queryParams\"\n                             [hidden]=\"!(subAction.visible$ | async)\"\n                             (click)=\"subAction.click($event)\">\n                  <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n                  {{subAction.label}}\n                </ng-template>\n              </ng-container>\n            </fs-menu-group>\n          </ng-container>\n          <ng-template #simpleMenuItem>\n            <ng-template fs-menu-item\n                         [link]=\"childAction.routerLink?.link\"\n                         [queryParams]=\"childAction.routerLink?.queryParams\"\n                         [hidden]=\"!(childAction.visible$ | async)\"\n                         (click)=\"childAction.click($event);\">\n              <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n             {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon>{{ childAction.label }}\n            </ng-template>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'file'\">\n        <ng-template fs-menu-item\n                     [fsClass]=\"action.classArray\"\n        >\n          <fs-file\n            class=\"action-button\"\n            [multiple]=\"action.multiple\"\n            (select)=\"action.fileSelected($event)\"\n            (error)=\"action.fileError($event)\"\n            (clicked)=\"action.click($event)\">\n            <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n          </fs-file>\n        </ng-template>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <ng-template fs-menu-item\n                     (click)=\"action.click($event)\"\n                     [fsClass]=\"action.classArray\"\n        >\n          <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n        </ng-template>\n      </ng-container>\n\n    </ng-container>\n  </ng-container>\n</fs-menu>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [".menu-button{width:36px;height:36px;line-height:36px}"]
         })