@firestitch/list 12.2.0 → 12.3.1

package/app/classes/list-controller.d.ts

@@ -3,9 +3,8 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { ChangeFn, FilterConfig, IFilterSavedFiltersConfig } from '@firestitch/filter';
 import { FsScrollInstance, FsScrollService } from '@firestitch/scroll';
 import { SelectionDialog } from '@firestitch/selection';
-import { Model } from 'tsmodels';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { FsListAfterContentInitFn, FsListAfterFetchFn, FsListConfig, FsListEmptyStateConfig, FsListFetchFn, FsListFetchSubscription, FsListNoResultsConfig, FsListRestoreConfig, FsListScrollableConfig, FsListTrackByFn } from '../interfaces';
+import { FsListAfterContentInitFn, FsListAfterFetchFn, FsListConfig, FsListEmptyStateConfig, FsListFetchFn, FsListFetchSubscription, FsListNoResultsConfig, FsListPersitance, FsListRestoreConfig, FsListScrollableConfig, FsListTrackByFn } from '../interfaces';
 import { ColumnsController } from './columns-controller';
 import { ActionsController } from './index';
 import { DataController } from './data-controller';
@@ -14,7 +13,7 @@ import { SelectionController } from './selection-controller';
 import { SortingController } from './sorting-controller';
 import { PersistanceController } from './persistance-controller';
 import { ExternalParamsController } from './external-params-controller';
-export declare class List extends Model {
+export declare class List {
     private el;
     private config;
     private fsScroll;
@@ -26,19 +25,17 @@ export declare class List extends Model {
     heading: string;
     trackBy: string;
     subheading: string;
-    inlineFilters: any;
     rowActionsRaw: any[];
     groupActionsRaw: any[];
     rowClass: any;
     rowEvents: any;
     restore: FsListRestoreConfig;
-    columnTemplates: any;
-    persist: boolean;
+    persist: FsListPersitance;
     filters: any[];
     filterInitCb: ChangeFn;
     filterChangeCb: ChangeFn;
     savedFilters: IFilterSavedFiltersConfig;
-    scrollable: FsListScrollableConfig | false;
+    scrollable: FsListScrollableConfig;
     noResults: FsListNoResultsConfig;
     emptyState: FsListEmptyStateConfig;
     fetchFn: FsListFetchFn;

package/app/fs-list.module.d.ts

@@ -47,10 +47,11 @@ import * as i43 from "@firestitch/prompt";
 import * as i44 from "@angular/material/dialog";
 import * as i45 from "@angular/material/tooltip";
 import * as i46 from "@firestitch/file";
+import * as i47 from "@firestitch/common";
 export declare class FsListModule {
     static forRoot(config?: FsListConfig): ModuleWithProviders<FsListModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FsListModule, [typeof i1.FsListComponent, typeof i2.FsRowComponent, typeof i3.FsRowActionsComponent, typeof i4.FsRowInlineActionComponent, typeof i5.FsRowMenuActionComponent, typeof i6.FsCellComponent, typeof i7.FsFooterRowComponent, typeof i8.FsFooterCellComponent, typeof i9.FsStatusComponent, typeof i10.FsListLoaderComponent, typeof i11.FsListSavedFiltersComponent, typeof i12.FsListManageSavedFiltersComponent, typeof i13.FsHeadComponent, typeof i14.FsHeadCellComponent, typeof i15.FsBodyComponent, typeof i16.FsFooterComponent, typeof i17.FsPaginationComponent, typeof i18.FsListColumnDirective, typeof i19.FsListCellDirective, typeof i20.FsListHeaderDirective, typeof i21.FsListFooterDirective, typeof i22.FsListGroupHeaderDirective, typeof i23.FsListGroupFooterDirective, typeof i24.FsListGroupExpandTriggerDirective, typeof i25.FsListDraggableListDirective, typeof i26.FsListDraggableRowDirective, typeof i27.FsListEmptyStateDirective, typeof i28.FsListContentDirective, typeof i29.FsListContentInitDirective, typeof i30.CustomizeColsDialogComponent], [typeof i31.CommonModule, typeof i32.RouterModule, typeof i33.MatButtonModule, typeof i34.MatIconModule, typeof i35.MatMenuModule, typeof i36.MatProgressSpinnerModule, typeof i37.MatCheckboxModule, typeof i38.MatRippleModule, typeof i39.FsFilterModule, typeof i40.FsMenuModule, typeof i41.FlexLayoutModule, typeof i42.FsScrollModule, typeof i43.FsPromptModule, typeof i44.MatDialogModule, typeof i45.MatTooltipModule, typeof i46.FsFileModule], [typeof i1.FsListComponent, typeof i2.FsRowComponent, typeof i6.FsCellComponent, typeof i10.FsListLoaderComponent, typeof i18.FsListColumnDirective, typeof i19.FsListCellDirective, typeof i20.FsListHeaderDirective, typeof i21.FsListFooterDirective, typeof i22.FsListGroupHeaderDirective, typeof i23.FsListGroupFooterDirective, typeof i24.FsListGroupExpandTriggerDirective, typeof i27.FsListEmptyStateDirective, typeof i28.FsListContentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FsListModule, [typeof i1.FsListComponent, typeof i2.FsRowComponent, typeof i3.FsRowActionsComponent, typeof i4.FsRowInlineActionComponent, typeof i5.FsRowMenuActionComponent, typeof i6.FsCellComponent, typeof i7.FsFooterRowComponent, typeof i8.FsFooterCellComponent, typeof i9.FsStatusComponent, typeof i10.FsListLoaderComponent, typeof i11.FsListSavedFiltersComponent, typeof i12.FsListManageSavedFiltersComponent, typeof i13.FsHeadComponent, typeof i14.FsHeadCellComponent, typeof i15.FsBodyComponent, typeof i16.FsFooterComponent, typeof i17.FsPaginationComponent, typeof i18.FsListColumnDirective, typeof i19.FsListCellDirective, typeof i20.FsListHeaderDirective, typeof i21.FsListFooterDirective, typeof i22.FsListGroupHeaderDirective, typeof i23.FsListGroupFooterDirective, typeof i24.FsListGroupExpandTriggerDirective, typeof i25.FsListDraggableListDirective, typeof i26.FsListDraggableRowDirective, typeof i27.FsListEmptyStateDirective, typeof i28.FsListContentDirective, typeof i29.FsListContentInitDirective, typeof i30.CustomizeColsDialogComponent], [typeof i31.CommonModule, typeof i32.RouterModule, typeof i33.MatButtonModule, typeof i34.MatIconModule, typeof i35.MatMenuModule, typeof i36.MatProgressSpinnerModule, typeof i37.MatCheckboxModule, typeof i38.MatRippleModule, typeof i39.FsFilterModule, typeof i40.FsMenuModule, typeof i41.FlexLayoutModule, typeof i42.FsScrollModule, typeof i43.FsPromptModule, typeof i44.MatDialogModule, typeof i45.MatTooltipModule, typeof i46.FsFileModule, typeof i47.FsCommonModule], [typeof i1.FsListComponent, typeof i2.FsRowComponent, typeof i6.FsCellComponent, typeof i10.FsListLoaderComponent, typeof i18.FsListColumnDirective, typeof i19.FsListCellDirective, typeof i20.FsListHeaderDirective, typeof i21.FsListFooterDirective, typeof i22.FsListGroupHeaderDirective, typeof i23.FsListGroupFooterDirective, typeof i24.FsListGroupExpandTriggerDirective, typeof i27.FsListEmptyStateDirective, typeof i28.FsListContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FsListModule>;
 }
 export declare function FsListConfigFactory(config: FsListConfig): any;

package/app/interfaces/listconfig.interface.d.ts

@@ -36,7 +36,7 @@ export interface FsListConfig {
     fetch?: FsListFetchFn;
     afterFetch?: FsListAfterFetchFn;
     afterContentInit?: FsListAfterContentInitFn;
-    scrollable?: FsListScrollableConfig | boolean;
+    scrollable?: FsListScrollableConfig;
     selection?: FsListSelectionConfig;
     initialFetch?: boolean;
     rowEvents?: {

package/app/models/row-action.model.d.ts

@@ -1,7 +1,6 @@
-import { Model } from 'tsmodels';
 import { ActionType } from '../enums/button-type.enum';
 import { FsListRowActionFile, FsListRowActionLink } from '../interfaces';
-export declare class RowAction extends Model {
+export declare class RowAction {
     icon: string;
     menu: boolean;
     remove: {
@@ -24,7 +23,7 @@ export declare class RowAction extends Model {
     private readonly _isGroup;
     constructor(config?: any);
     get isGroup(): boolean;
-    _fromJSON(value: any): void;
+    _init(value: any): void;
     checkShowStatus(row: any, index: any): void;
     updateLink(row: any): void;
     updateLabel(row: any): void;

package/app/models/styleConfig.model.d.ts

@@ -1,5 +1,4 @@
-import { Model } from 'tsmodels';
-export declare class StyleConfig extends Model {
+export declare class StyleConfig {
     colspan: any;
     align: string;
     className: string | string[];
@@ -22,6 +21,7 @@ export declare class StyleConfig extends Model {
      * @param prior2
      */
     mergeClassByPriority(prior1: StyleConfig, prior2: StyleConfig): void;
+    private _init;
     /**
      * Merge params into array
      * @param to

package/bundles/firestitch-list.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/core'), require('@angular/material/dialog'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/tooltip'), require('@angular/material/progress-spinner'), require('@angular/flex-layout'), require('@firestitch/filter'), require('@firestitch/scroll'), require('@firestitch/menu'), require('@firestitch/prompt'), require('@firestitch/file'), require('lodash-es'), require('rxjs'), require('rxjs/operators'), require('@firestitch/common'), require('tsmodels'), require('@firestitch/store'), require('@firestitch/selection'), require('@firestitch/drawer'), require('@angular/flex-layout/extended'), require('@angular/flex-layout/flex')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/list', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/material/button', '@angular/material/checkbox', '@angular/material/core', '@angular/material/dialog', '@angular/material/icon', '@angular/material/menu', '@angular/material/tooltip', '@angular/material/progress-spinner', '@angular/flex-layout', '@firestitch/filter', '@firestitch/scroll', '@firestitch/menu', '@firestitch/prompt', '@firestitch/file', 'lodash-es', 'rxjs', 'rxjs/operators', '@firestitch/common', 'tsmodels', '@firestitch/store', '@firestitch/selection', '@firestitch/drawer', '@angular/flex-layout/extended', '@angular/flex-layout/flex'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.list = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.material.button, global.ng.material.checkbox, global.ng.material.core, global.ng.material.dialog, global.ng.material.icon, global.ng.material.menu, global.ng.material.tooltip, global.ng.material.progressSpinner, global.ng.flexLayout, global.i2, global.i2$4, global.i2$3, global.i1$1, global.i4$1, global.lodashEs, global.rxjs, global.rxjs.operators, global.common, global.tsmodels, global.i1, global.i3$3, global.i9, global.ng.flexLayout.extended, global.ng.flexLayout.flex));
-})(this, (function (exports, i0, i3$1, i6$1, i2$2, i2$1, i4$2, i4, i3, menu, i6, progressSpinner, flexLayout, i2, i2$4, i2$3, i1$1, i4$1, lodashEs, rxjs, operators, common, tsmodels, i1, i3$3, i9, i5, i3$2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/core'), require('@angular/material/dialog'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/tooltip'), require('@angular/material/progress-spinner'), require('@angular/flex-layout'), require('@firestitch/filter'), require('@firestitch/scroll'), require('@firestitch/menu'), require('@firestitch/prompt'), require('@firestitch/file'), require('@firestitch/common'), require('lodash-es'), require('rxjs'), require('rxjs/operators'), require('@firestitch/store'), require('@firestitch/selection'), require('@firestitch/drawer'), require('@angular/flex-layout/extended'), require('@angular/flex-layout/flex')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/list', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/material/button', '@angular/material/checkbox', '@angular/material/core', '@angular/material/dialog', '@angular/material/icon', '@angular/material/menu', '@angular/material/tooltip', '@angular/material/progress-spinner', '@angular/flex-layout', '@firestitch/filter', '@firestitch/scroll', '@firestitch/menu', '@firestitch/prompt', '@firestitch/file', '@firestitch/common', 'lodash-es', 'rxjs', 'rxjs/operators', '@firestitch/store', '@firestitch/selection', '@firestitch/drawer', '@angular/flex-layout/extended', '@angular/flex-layout/flex'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.list = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.material.button, global.ng.material.checkbox, global.ng.material.core, global.ng.material.dialog, global.ng.material.icon, global.ng.material.menu, global.ng.material.tooltip, global.ng.material.progressSpinner, global.ng.flexLayout, global.i2, global.i2$4, global.i2$3, global.i1$1, global.i4$1, global.i5$1, global.lodashEs, global.rxjs, global.rxjs.operators, global.i1, global.i3$3, global.i9, global.ng.flexLayout.extended, global.ng.flexLayout.flex));
+})(this, (function (exports, i0, i3$1, i6$1, i2$2, i2$1, i4$2, i4, i3, menu, i6, progressSpinner, flexLayout, i2, i2$4, i2$3, i1$1, i4$1, i5$1, lodashEs, rxjs, operators, i1, i3$3, i9, i5, i3$2) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -36,6 +36,7 @@
     var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3$3);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
@@ -360,16 +361,13 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var StyleConfig = /** @class */ (function (_super) {
-        __extends(StyleConfig, _super);
+    var StyleConfig = /** @class */ (function () {
         function StyleConfig(config) {
             if (config === void 0) { config = {}; }
-            var _this = _super.call(this) || this;
-            _this.className = []; // Can't be used in tempaltes!
-            _this.classesArray = []; // Can be used in tempaltes
-            _this.classesString = '';
-            _this._fromJSON(config);
-            return _this;
+            this.className = []; // Can't be used in tempaltes!
+            this.classesArray = []; // Can be used in tempaltes
+            this.classesString = '';
+            this._init(config);
         }
         /**
          * Create static array of styles for using in templates
@@ -419,6 +417,11 @@
             }
             this.className = targetValue;
         };
+        StyleConfig.prototype._init = function (config) {
+            this.colspan = config.colspan;
+            this.align = config.align;
+            this.className = config.className;
+        };
         /**
          * Merge params into array
          * @param to
@@ -433,19 +436,7 @@
             }
         };
         return StyleConfig;
-    }(tsmodels.Model));
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], StyleConfig.prototype, "colspan", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], StyleConfig.prototype, "align", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], StyleConfig.prototype, "className", void 0);
+    }());
 
     exports.SortingDirection = void 0;
     (function (SortingDirection) {
@@ -676,20 +667,17 @@
         ActionType["MiniFab"] = "mini-fab";
     })(exports.ActionType || (exports.ActionType = {}));
 
-    var RowAction = /** @class */ (function (_super) {
-        __extends(RowAction, _super);
+    var RowAction = /** @class */ (function () {
         function RowAction(config) {
             if (config === void 0) { config = {}; }
-            var _this = _super.call(this) || this;
-            _this.label = '';
-            _this.classArray = [];
-            _this.isShown = true;
-            _this._isGroup = false;
-            _this._fromJSON(config);
-            if (Array.isArray(_this.rowActions)) {
-                _this._isGroup = true;
+            this.label = '';
+            this.classArray = [];
+            this.isShown = true;
+            this._isGroup = false;
+            this._init(config);
+            if (Array.isArray(this.rowActions)) {
+                this._isGroup = true;
             }
-            return _this;
         }
         Object.defineProperty(RowAction.prototype, "isGroup", {
             get: function () {
@@ -698,15 +686,17 @@
             enumerable: false,
             configurable: true
         });
-        RowAction.prototype._fromJSON = function (value) {
+        RowAction.prototype._init = function (value) {
             var _this = this;
-            _super.prototype._fromJSON.call(this, value);
-            if (value.type === void 0) {
-                this.type = exports.ActionType.Basic;
-            }
-            if (this.menu === void 0) {
-                this.menu = true;
-            }
+            var _a, _b, _c;
+            this.icon = value.icon;
+            this.menu = (_a = value.menu) !== null && _a !== void 0 ? _a : true;
+            this.remove = value.remove;
+            this.className = value.className;
+            this.type = (_b = value.type) !== null && _b !== void 0 ? _b : exports.ActionType.Basic;
+            this.show = value.show;
+            this.restore = value.restore;
+            this.rowActions = (_c = value.rowActions) === null || _c === void 0 ? void 0 : _c.map(function (action) { return new RowAction(action); });
             // Re-assign click function
             var clickFn = value.click;
             this.click = function (row, event, index, rowActionsRef) {
@@ -791,39 +781,7 @@
             }
         };
         return RowAction;
-    }(tsmodels.Model));
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], RowAction.prototype, "icon", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Boolean)
-    ], RowAction.prototype, "menu", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], RowAction.prototype, "remove", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], RowAction.prototype, "className", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], RowAction.prototype, "type", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Function)
-    ], RowAction.prototype, "show", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Boolean)
-    ], RowAction.prototype, "restore", void 0);
-    __decorate([
-        tsmodels.Alias('rowActions', RowAction),
-        __metadata("design:type", Array)
-    ], RowAction.prototype, "rowActions", void 0);
+    }());
 
     var ColumnsController = /** @class */ (function () {
         function ColumnsController() {
@@ -3478,56 +3436,51 @@
     }());
 
     var SHOW_DELETED_FILTERS_KEY = '$$_show_deleted_$$';
-    var List = /** @class */ (function (_super) {
-        __extends(List, _super);
+    var List = /** @class */ (function () {
         function List(el, config, fsScroll, selectionDialog, router, route, persistance, inDialog) {
             if (config === void 0) { config = {}; }
-            var _this = _super.call(this) || this;
-            _this.el = el;
-            _this.config = config;
-            _this.fsScroll = fsScroll;
-            _this.selectionDialog = selectionDialog;
-            _this.router = router;
-            _this.route = route;
-            _this.persistance = persistance;
-            _this.inDialog = inDialog;
-            _this.filters = [];
-            _this.scrollable = false;
+            this.el = el;
+            this.config = config;
+            this.fsScroll = fsScroll;
+            this.selectionDialog = selectionDialog;
+            this.router = router;
+            this.route = route;
+            this.persistance = persistance;
+            this.inDialog = inDialog;
+            this.filters = [];
             // @Alias('rows') private _rows: any;
-            _this.initialized$ = new rxjs.BehaviorSubject(false);
-            _this.loading$ = new rxjs.BehaviorSubject(false);
-            _this.paging = new PaginationController();
-            _this.columns = new ColumnsController();
-            _this.actions = new ActionsController();
-            _this.dataController = new DataController();
-            _this.sorting = new SortingController();
-            _this.filterConfig = null;
-            _this.fetch$ = new rxjs.Subject();
-            _this.fetchComplete$ = new rxjs.Subject();
-            _this.filtersReady$ = new rxjs.Subject();
-            _this.status = true;
-            _this.chips = false;
-            _this.filterInput = true;
-            _this.queryParam = false;
-            _this.restoreMode = false;
-            _this.initialFetch = true;
+            this.initialized$ = new rxjs.BehaviorSubject(false);
+            this.loading$ = new rxjs.BehaviorSubject(false);
+            this.paging = new PaginationController();
+            this.columns = new ColumnsController();
+            this.actions = new ActionsController();
+            this.dataController = new DataController();
+            this.sorting = new SortingController();
+            this.filterConfig = null;
+            this.fetch$ = new rxjs.Subject();
+            this.fetchComplete$ = new rxjs.Subject();
+            this.filtersReady$ = new rxjs.Subject();
+            this.status = true;
+            this.chips = false;
+            this.filterInput = true;
+            this.queryParam = false;
+            this.restoreMode = false;
+            this.initialFetch = true;
             // Empty state
-            _this.emptyStateEnabled = false;
-            _this.onDestroy$ = new rxjs.Subject();
-            _this._filtersQuery = new rxjs.BehaviorSubject(null);
-            _this._fromJSON(config);
-            _this.initialize(config);
-            _this._headerConfig = new StyleConfig(config.header);
-            _this._groupCellConfig = new StyleConfig(config.cell);
-            _this._cellConfig = new StyleConfig(config.cell);
-            _this._footerConfig = new StyleConfig(config.footer);
-            _this.initialized$.next(true);
-            _this.subscribe();
-            if (_this.initialFetch) {
-                _this.dataController.setOperation(exports.FsListState.Load);
-                _this.fetch$.next();
+            this.emptyStateEnabled = false;
+            this.onDestroy$ = new rxjs.Subject();
+            this._filtersQuery = new rxjs.BehaviorSubject(null);
+            this.initialize(config);
+            this._headerConfig = new StyleConfig(config.header);
+            this._groupCellConfig = new StyleConfig(config.cell);
+            this._cellConfig = new StyleConfig(config.cell);
+            this._footerConfig = new StyleConfig(config.footer);
+            this.initialized$.next(true);
+            this.subscribe();
+            if (this.initialFetch) {
+                this.dataController.setOperation(exports.FsListState.Load);
+                this.fetch$.next();
             }
-            return _this;
         }
         Object.defineProperty(List.prototype, "hasSavedFilters", {
             get: function () {
@@ -3720,6 +3673,24 @@
          * @param config
          */
         List.prototype.initialize = function (config) {
+            var _a;
+            this.heading = config.heading;
+            this.trackBy = config.trackBy;
+            this.subheading = config.subheading;
+            this.rowActionsRaw = config.rowActions;
+            this.rowClass = config.rowClass;
+            this.rowEvents = config.rowEvents;
+            this.restore = config.restore;
+            this.persist = config.persist;
+            this.filters = (_a = config.filters) !== null && _a !== void 0 ? _a : [];
+            this.filterInitCb = config.filterInit;
+            this.filterChangeCb = config.filterChange;
+            this.savedFilters = config.savedFilters;
+            this.scrollable = config.scrollable;
+            this.noResults = config.noResults;
+            this.emptyState = config.emptyState;
+            this.fetchFn = config.fetch;
+            this.afterFetchFn = config.afterFetch;
             this.columns.initConfig(config.column);
             this.initDefaultOptions(config);
             this.initRestore();
@@ -4011,7 +3982,7 @@
                 persist: this.persist,
                 items: this.filters || [],
                 savedFilters: this.savedFilters,
-                inline: this.inlineFilters,
+                // inline: this.inlineFilters,
                 actions: this.actions.actions,
                 queryParam: this.queryParam,
                 sorts: sortValues,
@@ -4169,83 +4140,7 @@
             }
         };
         return List;
-    }(tsmodels.Model));
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], List.prototype, "heading", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], List.prototype, "trackBy", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", String)
-    ], List.prototype, "subheading", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "inlineFilters", void 0);
-    __decorate([
-        tsmodels.Alias('rowActions'),
-        __metadata("design:type", Array)
-    ], List.prototype, "rowActionsRaw", void 0);
-    __decorate([
-        tsmodels.Alias('rowClass'),
-        __metadata("design:type", Object)
-    ], List.prototype, "rowClass", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "rowEvents", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "restore", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "columnTemplates", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Boolean)
-    ], List.prototype, "persist", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "filters", void 0);
-    __decorate([
-        tsmodels.Alias('filterInit'),
-        __metadata("design:type", Function)
-    ], List.prototype, "filterInitCb", void 0);
-    __decorate([
-        tsmodels.Alias('filterChange'),
-        __metadata("design:type", Function)
-    ], List.prototype, "filterChangeCb", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "savedFilters", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "scrollable", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "noResults", void 0);
-    __decorate([
-        tsmodels.Alias(),
-        __metadata("design:type", Object)
-    ], List.prototype, "emptyState", void 0);
-    __decorate([
-        tsmodels.Alias('fetch'),
-        __metadata("design:type", Function)
-    ], List.prototype, "fetchFn", void 0);
-    __decorate([
-        tsmodels.Alias('afterFetch'),
-        __metadata("design:type", Function)
-    ], List.prototype, "afterFetchFn", void 0);
+    }());
 
     exports.ReorderPosition = void 0;
     (function (ReorderPosition) {
@@ -5786,7 +5681,7 @@
         return FsRowComponent;
     }());
     FsRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsRowComponent, deps: [{ token: i0__namespace.ElementRef }, { token: ReorderController }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.Renderer2 }, { token: FsListDraggableListDirective }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsRowComponent, selector: "[fs-list-row]", inputs: { row: "row", rowActionsRaw: "rowActionsRaw", groupActionsRaw: "groupActionsRaw", hasRowActions: "hasRowActions", rowEvents: "rowEvents", rowClass: "rowClass", restoreMode: "restoreMode", rowIndex: "rowIndex", columns: "columns", selection: "selection", rowRemoved: "rowRemoved" }, host: { properties: { "attr.role": "this.role", "class": "this.rowCssClass" } }, viewQueries: [{ propertyName: "cellRefs", predicate: ["td"], descendants: true }], ngImport: i0__namespace, template: "<!-- Drag -->\n<ng-container *ngIf=\"reorderController.leftReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Selection -->\n<ng-container *ngIf=\"selection\">\n  <td class=\"fs-list-col fs-list-col-selection\">\n    <ng-container *ngIf=\"!row.isFooter\">\n      <mat-checkbox (change)=\"selectRow($event)\"\n                    [checked]=\"selected\"\n                    [indeterminate]=\"indeterminateSelected\">\n      </mat-checkbox>\n    </ng-container>\n  </td>\n</ng-container>\n\n<!-- Content -->\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn; let isFirst = first\">\n  <td fs-cell\n      *ngIf=\"(isGroupRow && !column.groupHeaderColspanned)\n        || (isGroupFooterRow && !column.groupFooterColspanned)\n        || (!isGroupRow && !isGroupFooterRow && !column.cellColspanned)\"\n      [column]=\"column\"\n      [row]=\"row\"\n      [rowIndex]=\"rowIndex\"\n      [class]=\"column.cellConfigs.classesString\"\n      [ngClass]=\"{ 'primary-col': isFirst }\"\n      [attr.colspan]=\"(isGroupRow && column.groupHeaderConfigs.colspan)\n        || (isGroupFooterRow && column.groupFooterConfigs.colspan)\n        || column.cellConfigs.colspan\"\n      [attr.width]=\"column.width\"\n  >\n  </td>\n</ng-container>\n\n<!-- Drag -->\n<ng-container *ngIf=\"reorderController.rightReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Row Actions -->\n<td *ngIf=\"hasRowActions && !(reorderController.manualReorderActivated$ | async)\" class=\"fs-list-col row-actions\">\n  <ng-container *ngIf=\"!isGroupFooterRow\">\n    <fs-list-row-actions [row]=\"row\"\n                         [index]=\"rowIndex\"\n                         [rowActions]=\"rowActions\"\n                         [menuRowActions]=\"menuRowActions\"\n                         [inlineRowActions]=\"inlineRowActions\"\n                         [restoreAction]=\"restoreAction\"\n                         [restoreMode]=\"restoreMode\"\n                         [rowRemoved]=\"rowRemoved\"\n    ></fs-list-row-actions>\n  </ng-container>\n</td>\n\n<ng-template #dragCell>\n  <ng-container *ngIf=\"dragCellVisible && !isGroupFooterRow; else emptyCell\">\n    <td class=\"fs-list-col drag-col\"\n        (mousedown)=\"dragStart($event)\"\n        (touchstart)=\"dragStart($event)\"\n    >\n      <mat-icon>drag_handle</mat-icon>\n    </td>\n  </ng-container>\n  <ng-template #emptyCell>\n    <td class=\"fs-list-col drag-col\"></td>\n  </ng-template>\n</ng-template>\n", components: [{ type: i2__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FsCellComponent, selector: "[fs-cell]", inputs: ["column", "row", "rowIndex"] }, { type: FsRowActionsComponent, selector: "fs-list-row-actions", inputs: ["row", "index", "restoreMode", "rowActions", "rowRemoved", "menuRowActions", "inlineRowActions", "restoreAction"] }, { type: i3__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i3__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FsRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsRowComponent, selector: "[fs-list-row]", inputs: { row: "row", rowActionsRaw: "rowActionsRaw", groupActionsRaw: "groupActionsRaw", hasRowActions: "hasRowActions", rowEvents: "rowEvents", rowClass: "rowClass", restoreMode: "restoreMode", rowIndex: "rowIndex", columns: "columns", selection: "selection", rowRemoved: "rowRemoved" }, host: { properties: { "attr.role": "this.role", "class": "this.rowCssClass" } }, viewQueries: [{ propertyName: "cellRefs", predicate: ["td"], descendants: true }], ngImport: i0__namespace, template: "<!-- Drag -->\n<ng-container *ngIf=\"reorderController.leftReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Selection -->\n<ng-container *ngIf=\"selection\">\n  <td class=\"fs-list-col fs-list-col-selection\">\n    <ng-container *ngIf=\"!row.isFooter\">\n      <mat-checkbox (change)=\"selectRow($event)\"\n                    [checked]=\"selected\"\n                    [indeterminate]=\"indeterminateSelected\">\n      </mat-checkbox>\n    </ng-container>\n  </td>\n</ng-container>\n\n<!-- Content -->\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn; let isFirst = first\">\n  <td fs-cell\n      *ngIf=\"(isGroupRow && !column.groupHeaderColspanned)\n        || (isGroupFooterRow && !column.groupFooterColspanned)\n        || (!isGroupRow && !isGroupFooterRow && !column.cellColspanned)\"\n      [column]=\"column\"\n      [row]=\"row\"\n      [rowIndex]=\"rowIndex\"\n      [class]=\"(isGroupRow && column.groupHeaderConfigs.classesString)\n        || (isGroupFooterRow && column.groupFooterConfigs.classesString)\n        || (!isGroupFooterRow && column.cellConfigs.classesString)\"\n      [ngClass]=\"{ 'primary-col': isFirst }\"\n      [attr.colspan]=\"(isGroupRow && column.groupHeaderConfigs.colspan)\n        || (isGroupFooterRow && column.groupFooterConfigs.colspan)\n        || column.cellConfigs.colspan\"\n      [attr.width]=\"column.width\"\n  >\n  </td>\n</ng-container>\n\n<!-- Drag -->\n<ng-container *ngIf=\"reorderController.rightReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Row Actions -->\n<td *ngIf=\"hasRowActions && !(reorderController.manualReorderActivated$ | async)\" class=\"fs-list-col row-actions\">\n  <ng-container *ngIf=\"!isGroupFooterRow\">\n    <fs-list-row-actions [row]=\"row\"\n                         [index]=\"rowIndex\"\n                         [rowActions]=\"rowActions\"\n                         [menuRowActions]=\"menuRowActions\"\n                         [inlineRowActions]=\"inlineRowActions\"\n                         [restoreAction]=\"restoreAction\"\n                         [restoreMode]=\"restoreMode\"\n                         [rowRemoved]=\"rowRemoved\"\n    ></fs-list-row-actions>\n  </ng-container>\n</td>\n\n<ng-template #dragCell>\n  <ng-container *ngIf=\"dragCellVisible && !isGroupFooterRow; else emptyCell\">\n    <td class=\"fs-list-col drag-col\"\n        (mousedown)=\"dragStart($event)\"\n        (touchstart)=\"dragStart($event)\"\n    >\n      <mat-icon>drag_handle</mat-icon>\n    </td>\n  </ng-container>\n  <ng-template #emptyCell>\n    <td class=\"fs-list-col drag-col\"></td>\n  </ng-template>\n</ng-template>\n", components: [{ type: i2__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FsCellComponent, selector: "[fs-cell]", inputs: ["column", "row", "rowIndex"] }, { type: FsRowActionsComponent, selector: "fs-list-row-actions", inputs: ["row", "index", "restoreMode", "rowActions", "rowRemoved", "menuRowActions", "inlineRowActions", "restoreAction"] }, { type: i3__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i3__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsRowComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6086,7 +5981,7 @@
         return FsPaginationComponent;
     }());
     FsPaginationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPaginationComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsPaginationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <div class=\"paging\" *ngIf=\"pagination?.pages\">\n    <div class=\"records\"></div>\n    <div fxFlex>\n      <div class=\"pages\">\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n          <i class=\"material-icons\">first_page</i>\n        </a>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n          <i class=\"material-icons\">keyboard_arrow_left</i>\n        </a>\n\n        <div class=\"number\">\n          {{ pagination.page }} of {{ pagination.pages }}\n        </div>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n          <i class=\"material-icons\">keyboard_arrow_right</i>\n        </a>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n          <i class=\"material-icons\">last_page</i>\n        </a>\n\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button mat-button (click)=\"pagination.goNext()\">{{ pagination.loadMoreText }}</button>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.paging{display:flex}.paging .pages{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.paging .pages a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}.paging .pages a:not(.page){padding:10px}.paging .pages a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.paging .pages .number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], components: [{ type: i2__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4__namespace$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleRadius", "matRippleDisabled", "matRippleTrigger", "matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleAnimation"], exportAs: ["matRipple"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FsPaginationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <div class=\"paging\" *ngIf=\"pagination?.pages\">\n    <div class=\"records\"></div>\n    <div fxFlex>\n      <div class=\"pages\">\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n          <i class=\"material-icons\">first_page</i>\n        </a>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n          <i class=\"material-icons\">keyboard_arrow_left</i>\n        </a>\n\n        <div class=\"number\">\n          {{ pagination.page | fsFormatNumber }} of {{ pagination.pages | fsFormatNumber }}\n        </div>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n          <i class=\"material-icons\">keyboard_arrow_right</i>\n        </a>\n\n        <a matRipple matRippleRadius=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n          <i class=\"material-icons\">last_page</i>\n        </a>\n\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button mat-button (click)=\"pagination.goNext()\">{{ pagination.loadMoreText }}</button>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.paging{display:flex}.paging .pages{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.paging .pages a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}.paging .pages a:not(.page){padding:10px}.paging .pages a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.paging .pages .number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], components: [{ type: i2__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4__namespace$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleRadius", "matRippleDisabled", "matRippleTrigger", "matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleAnimation"], exportAs: ["matRipple"] }], pipes: { "fsFormatNumber": i5__namespace$1.FsFormatNumberPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPaginationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6422,7 +6317,7 @@
             }
         };
         FsListComponent.prototype._restorePersistance = function (persistConfig) {
-            var namespace = common.getNormalizedPath(this._location);
+            var namespace = i5$1.getNormalizedPath(this._location);
             this._persistance.setConfig(persistConfig, namespace, this._inDialog);
         };
         return FsListComponent;
@@ -6640,7 +6535,8 @@
             i1$1.FsPromptModule,
             i4.MatDialogModule,
             i6.MatTooltipModule,
-            i4$1.FsFileModule], exports: [FsListComponent,
+            i4$1.FsFileModule,
+            i5$1.FsCommonModule], exports: [FsListComponent,
             FsRowComponent,
             FsCellComponent,
             FsListLoaderComponent,
@@ -6670,6 +6566,7 @@
                 i4.MatDialogModule,
                 i6.MatTooltipModule,
                 i4$1.FsFileModule,
+                i5$1.FsCommonModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsListModule, decorators: [{
                 type: i0.NgModule,
@@ -6691,6 +6588,7 @@
                             i4.MatDialogModule,
                             i6.MatTooltipModule,
                             i4$1.FsFileModule,
+                            i5$1.FsCommonModule,
                         ],
                         declarations: [
                             // Components