@firestitch/list 13.0.7 → 13.1.1

package/fesm2015/firestitch-list.mjs

@@ -2039,6 +2039,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 args: ['rowsContainer', { read: ViewContainerRef, static: true }]
             }] } });
 
+var PageChangeType;
+(function (PageChangeType) {
+    PageChangeType[PageChangeType["Default"] = 0] = "Default";
+    PageChangeType[PageChangeType["LimitChanged"] = 1] = "LimitChanged";
+})(PageChangeType || (PageChangeType = {}));
+
+var FsListState;
+(function (FsListState) {
+    FsListState[FsListState["Idle"] = 0] = "Idle";
+    FsListState[FsListState["Load"] = 1] = "Load";
+    FsListState[FsListState["Reload"] = 2] = "Reload";
+    FsListState[FsListState["Filter"] = 3] = "Filter";
+    FsListState[FsListState["Sort"] = 4] = "Sort";
+    FsListState[FsListState["PageChange"] = 5] = "PageChange";
+    FsListState[FsListState["LoadMore"] = 6] = "LoadMore";
+})(FsListState || (FsListState = {}));
+
 class StyleConfig {
     constructor(config = {}) {
         this.className = []; // Can't be used in tempaltes!
@@ -2277,23 +2294,6 @@ class Column {
     }
 }
 
-var PageChangeType;
-(function (PageChangeType) {
-    PageChangeType[PageChangeType["Default"] = 0] = "Default";
-    PageChangeType[PageChangeType["LimitChanged"] = 1] = "LimitChanged";
-})(PageChangeType || (PageChangeType = {}));
-
-var FsListState;
-(function (FsListState) {
-    FsListState[FsListState["Idle"] = 0] = "Idle";
-    FsListState[FsListState["Load"] = 1] = "Load";
-    FsListState[FsListState["Reload"] = 2] = "Reload";
-    FsListState[FsListState["Filter"] = 3] = "Filter";
-    FsListState[FsListState["Sort"] = 4] = "Sort";
-    FsListState[FsListState["PageChange"] = 5] = "PageChange";
-    FsListState[FsListState["LoadMore"] = 6] = "LoadMore";
-})(FsListState || (FsListState = {}));
-
 class ColumnsController {
     constructor() {
         this._visibleColumns$ = new BehaviorSubject([]);
@@ -4019,6 +4019,24 @@ class SortingController {
         this.sortBy(column);
         this.sortDirection(column.direction || SortingDirection.asc);
     }
+    /**
+     * Merge sorting and fake sorting cols
+     * Fake sorting cols it's cols which don't represented in table cols, like abstract cols
+     */
+    makeSortingList() {
+        return [
+            ...this.sortingColumns,
+            ...this.fakeSortingColumns,
+        ].reduce((acc, column) => {
+            const sortingItem = {
+                name: column.title,
+                value: column.name,
+                default: this.sortingColumn && this.sortingColumn.name === column.name,
+            };
+            acc.push(sortingItem);
+            return acc;
+        }, []);
+    }
     getColumn(name) {
         return [...this.sortingColumns, ...this.fakeSortingColumns]
             .find((col) => col.name === name && col.sortable);
@@ -4068,11 +4086,11 @@ class SortingController {
     }
 }
 
-const SHOW_DELETED_FILTERS_KEY = '_showDeleted_';
+const showDeletedFilterKey = 'showDeleted';
 class List {
-    constructor(_el, config = {}, _fsScroll, _selectionDialog, _router, _route, _persistance, _inDialog) {
+    constructor(_el, _config = {}, _fsScroll, _selectionDialog, _router, _route, _persistance, _inDialog) {
         this._el = _el;
-        this.config = config;
+        this._config = _config;
         this._fsScroll = _fsScroll;
         this._selectionDialog = _selectionDialog;
         this._router = _router;
@@ -4080,14 +4098,13 @@ class List {
         this._persistance = _persistance;
         this._inDialog = _inDialog;
         this.filters = [];
-        this.initialized$ = new BehaviorSubject(false);
-        this.loading$ = new 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.loading$ = new BehaviorSubject(false);
         this.fetchComplete$ = new Subject();
         this.filtersReady$ = new Subject();
         this.status = true;
@@ -4098,17 +4115,18 @@ class List {
         this.initialFetch = true;
         // Empty state
         this.emptyStateEnabled = false;
-        this.onDestroy$ = new Subject();
+        this._destroy$ = new Subject();
+        this._initialized$ = new BehaviorSubject(false);
         this._fetch$ = new Subject();
         this._filtersQuery = new BehaviorSubject(null);
         this._activeFiltersCount$ = this._filtersQuery
             .pipe(map((v) => Object.keys(v).length), shareReplay());
-        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._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(FsListState.Load);
@@ -4127,6 +4145,12 @@ class List {
     get activeFiltersCount$() {
         return this._activeFiltersCount$;
     }
+    get destroy$() {
+        return this._destroy$;
+    }
+    get initialized$() {
+        return this._initialized$;
+    }
     fetchRemote(query) {
         const options = {
             state: this.dataController.operation,
@@ -4159,7 +4183,7 @@ class List {
         this._updateSortingColumns();
         // Default sort by
         const externalSorting = this.externalParams.externalSorting;
-        const initialSortConfig = externalSorting || this.config.sort;
+        const initialSortConfig = externalSorting || this._config.sort;
         this.sorting.initialSortBy(initialSortConfig);
         if (externalSorting && !this.sorting.isDefined) {
             this.externalParams.clearSortingParams();
@@ -4185,7 +4209,7 @@ class List {
      */
     subscribe() {
         this.paging.pageChanged$
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntil(this._destroy$))
             .subscribe((event) => {
             this.dataController.setOperation(FsListState.PageChange);
             // Remove all rows if limits was changed
@@ -4207,12 +4231,12 @@ class List {
                 let el = this._el.nativeElement;
                 if (!contains) {
                     const rect = this._el.nativeElement.getBoundingClientRect();
-                    if ((rect.top + window.pageYOffset) < window.innerHeight) {
+                    if ((Number(rect.top || 0) + window.pageYOffset) < window.innerHeight) {
                         el = document.body;
                     }
                 }
                 this.fetchComplete$.asObservable()
-                    .pipe(take(1), takeUntil(this.onDestroy$))
+                    .pipe(take(1), takeUntil(this._destroy$))
                     .subscribe((event) => {
                     var _a;
                     if ((_a = event === null || event === void 0 ? void 0 : event.scrollIntoView) !== null && _a !== void 0 ? _a : true) {
@@ -4223,7 +4247,7 @@ class List {
             this._fetch$.next();
         });
         this.sorting.sortingChanged$
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntil(this._destroy$))
             .subscribe(() => {
             this.dataController.setOperation(FsListState.Sort);
             this.paging.page = 1;
@@ -4287,8 +4311,8 @@ class List {
             this.externalParams.destroy();
         }
         this.columns.destroy();
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
+        this._destroy$.next();
+        this._destroy$.complete();
         this.dataController.destroy();
     }
     /**
@@ -4310,7 +4334,7 @@ class List {
     _initVariables(config) {
         var _a, _b;
         this.autoFocus = config.autoFocus;
-        this.rowHighlight = (_a = config.rowHighlight) !== null && _a !== void 0 ? _a : true;
+        this.rowHoverHighlight = (_a = config.rowHoverHighlight) !== null && _a !== void 0 ? _a : true;
         this.heading = config.heading;
         this.trackBy = config.trackBy;
         this.subheading = config.subheading;
@@ -4331,6 +4355,7 @@ class List {
         this.beforeFetchFn = config.beforeFetch;
         this.afterInit = config.afterInit;
         this.style = config.style;
+        this.autoReload = config.autoReload;
         this.columns.initConfig(config.column);
     }
     /**
@@ -4357,7 +4382,7 @@ class List {
             this.queryParam = false;
         }
         else {
-            this.queryParam = (config.queryParam === void 0)
+            this.queryParam = (config.queryParam === undefined)
                 ? true
                 : config.queryParam;
         }
@@ -4395,7 +4420,7 @@ class List {
             }
             if (this.restore.filter !== false) {
                 this.filters.push({
-                    name: SHOW_DELETED_FILTERS_KEY,
+                    name: showDeletedFilterKey,
                     type: ItemType.Checkbox,
                     label: this.restore.filterLabel || 'Show Deleted',
                 });
@@ -4449,7 +4474,7 @@ class List {
     _listenFetch() {
         let fetch$ = this.fetch$;
         // Should wait until saved filters not loaded
-        if (!!this.filters) {
+        if (this.filters) {
             fetch$ = combineLatest([fetch$, this.filtersReady$])
                 .pipe(map(([params]) => params));
         }
@@ -4503,7 +4528,7 @@ class List {
         }), catchError((error) => {
             console.error(error);
             return EMPTY;
-        }), takeUntil(this.onDestroy$))
+        }), takeUntil(this._destroy$))
             .subscribe(([paramsQuery, response]) => {
             this.initialFetch = false;
             this._completeFetch(paramsQuery.params, paramsQuery.query, response);
@@ -4511,7 +4536,7 @@ class List {
     }
     _listenRowsRemove() {
         this.dataController.rowsRemoved$
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntil(this._destroy$))
             .subscribe((rows) => {
             if (this.paging.enabled) {
                 const removedCount = rows.length;
@@ -4544,7 +4569,7 @@ class List {
      */
     _listenVisibleColumnChanges() {
         this.columns.visibleColumns$
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntil(this._destroy$))
             .subscribe(() => {
             this._updateSortingColumns();
         });
@@ -4555,12 +4580,12 @@ class List {
         }
         if (this.scrollable) {
             // Scrollable status by default
-            if (this.scrollable.status === void 0) {
+            if (this.scrollable.status === undefined) {
                 this.scrollable.status = true;
             }
             this._fsScroll
                 .component(this.scrollable.name)
-                .pipe(takeUntil(this.onDestroy$))
+                .pipe(takeUntil(this._destroy$))
                 .subscribe((fsScrollInstance) => {
                 this.fsScrollInstance = fsScrollInstance;
                 this._fsScrollSubscription = fsScrollInstance
@@ -4591,7 +4616,7 @@ class List {
                     }
                 });
                 this.dataController.remoteRowsChange$
-                    .pipe(takeUntil(this.onDestroy$))
+                    .pipe(takeUntil(this._destroy$))
                     .subscribe(() => {
                     fsScrollInstance.loaded();
                 });
@@ -4606,20 +4631,7 @@ class List {
         if (this.filterConfig) {
             return;
         }
-        // Merge sorting and fake sorting cols
-        // Fake sorting cols it's cols which don't represented in table cols, like abstract cols
-        const sortValues = [
-            ...this.sorting.sortingColumns,
-            ...this.sorting.fakeSortingColumns,
-        ].reduce((acc, column) => {
-            const sortingItem = {
-                name: column.title,
-                value: column.name,
-                default: this.sorting.sortingColumn && this.sorting.sortingColumn.name === column.name,
-            };
-            acc.push(sortingItem);
-            return acc;
-        }, []);
+        const sortValues = this.sorting.makeSortingList();
         const sortConfig = this.sorting.sortingColumn
             ? { value: this.sorting.sortingColumn.name, direction: this.sorting.sortingColumn.direction }
             : null;
@@ -4635,9 +4647,10 @@ class List {
             sorts: sortValues,
             sort: sortConfig,
             chips: this.chips,
+            autoReload: this.autoReload,
             init: this._filterInit.bind(this),
             change: this._filterChange.bind(this),
-            reload: ((_a = this.config.reload) !== null && _a !== void 0 ? _a : true) ? this.reload.bind(this) : null,
+            reload: ((_a = this._config.reload) !== null && _a !== void 0 ? _a : true) ? this.reload.bind(this) : null,
             sortChange: this._filterSort.bind(this),
         };
     }
@@ -4683,8 +4696,8 @@ class List {
     }
     _checkRestoreFilter() {
         // Restore option
-        if (this.restore && this.filtersQuery[SHOW_DELETED_FILTERS_KEY]) {
-            delete this.filtersQuery[SHOW_DELETED_FILTERS_KEY];
+        if (this.restore && this.filtersQuery[showDeletedFilterKey]) {
+            delete this.filtersQuery[showDeletedFilterKey];
             Object.assign(this.filtersQuery, this.restore.query);
             this.restoreMode = true;
         }
@@ -4788,10 +4801,9 @@ class List {
         const restoreClickResult = restoreClickCallback(row);
         if (restoreClickResult instanceof Observable) {
             restoreClickResult
-                .pipe(take(1), takeUntil(this.onDestroy$))
+                .pipe(take(1), takeUntil(this._destroy$))
                 .subscribe({
                 next: () => this.reload(),
-                error: () => { },
             });
         }
     }
@@ -5424,6 +5436,7 @@ class FsListComponent {
      */
     columnVisibility(name, show) {
         this.columnsVisibility([{ name, show }]);
+        this.filterRef.updateSortings(this.list.sorting.makeSortingList());
     }
     /**
      * Update visibility for list of specific columns
@@ -5456,7 +5469,7 @@ class FsListComponent {
         }
         this._updateCustomizeAction(listConfig.actions);
         this.list = new List(this._el, listConfig, this._scroll, this._selectionDialog, this._router, this._route, this._persistance, this._inDialog);
-        this.rowHighlight = this.list.rowHighlight;
+        this.rowHoverHighlight = this.list.rowHoverHighlight;
         this._waitFirstLoad();
         this.reorderController.initWithConfig(config.reorder, this.list.dataController, this.list.actions, this.list.selection);
         if (this._listColumnDirectives) {
@@ -5484,7 +5497,7 @@ class FsListComponent {
                     },
                 })
                     .afterClosed()
-                    .pipe(takeUntil(this.list.onDestroy$), takeUntil(this._destroy))
+                    .pipe(takeUntil(this.list.destroy$), takeUntil(this._destroy))
                     .subscribe((data) => {
                     if (data) {
                         this.list.columns.updateVisibilityForCols(data);
@@ -5500,7 +5513,7 @@ class FsListComponent {
     _listenSortingChange() {
         this.list.sorting
             .sortingChanged$
-            .pipe(takeUntil(this.list.onDestroy$), takeUntil(this._destroy))
+            .pipe(takeUntil(this.list.destroy$), takeUntil(this._destroy))
             .subscribe((sort) => {
             this._filterRef.updateSort(sort);
         });
@@ -5511,7 +5524,7 @@ class FsListComponent {
             .subscribe((row) => {
             this.list.dataController.removeData(row);
             this.body.rows
-                .forEach((row) => row.actionsUpdate());
+                .forEach((bodyRow) => bodyRow.actionsUpdate());
         });
     }
     _subscribeToGroupExpandStatusChange() {
@@ -5525,7 +5538,7 @@ class FsListComponent {
     }
     _waitFirstLoad() {
         this.list.loading$
-            .pipe(skip(1), filter((value) => !value), take(1), takeUntil(this.list.onDestroy$), takeUntil(this._destroy))
+            .pipe(skip(1), filter((value) => !value), take(1), takeUntil(this.list.destroy$), takeUntil(this._destroy))
             .subscribe(() => {
             this.firstLoad = false;
             this._cdRef.markForCheck();
@@ -5542,7 +5555,7 @@ class FsListComponent {
     }
 }
 FsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsListComponent, deps: [{ token: ReorderController }, { token: FS_LIST_DEFAULT_CONFIG, optional: true }, { token: i2$4.FsScrollService, optional: true }, { token: i1$2.MatDialogRef, optional: true }, { token: i4$1.DrawerRef, optional: true }, { token: i0.ElementRef }, { token: i5.SelectionDialog }, { token: i1$2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: GroupExpandNotifierService }, { token: i7.Router }, { token: i7.ActivatedRoute }, { token: PersistanceController }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
-FsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsListComponent, selector: "fs-list", inputs: { config: "config", loaderLines: "loaderLines" }, outputs: { filtersReady: "filtersReady" }, host: { properties: { "class.fs-list": "this.classFsList", "class.fs-list-row-highlight": "this.rowHighlight" } }, providers: [
+FsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsListComponent, selector: "fs-list", inputs: { config: "config", loaderLines: "loaderLines" }, outputs: { filtersReady: "filtersReady" }, host: { properties: { "class.fs-list": "this.classFsList", "class.fs-list-row-highlight": "this.rowHoverHighlight" } }, providers: [
         GroupExpandNotifierService,
         PersistanceController,
         ReorderController,
@@ -5570,7 +5583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
     }, propDecorators: { classFsList: [{
                 type: HostBinding,
                 args: ['class.fs-list']
-            }], rowHighlight: [{
+            }], rowHoverHighlight: [{
                 type: HostBinding,
                 args: ['class.fs-list-row-highlight']
             }], config: [{