@firestitch/list 12.13.3 → 12.14.1

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

@@ -26,6 +26,7 @@ export declare class List {
     trackBy: string;
     subheading: string;
     autoFocus: boolean;
+    rowHighlight: boolean;
     rowActionsRaw: any[];
     groupActionsRaw: any[];
     rowClass: any;

package/app/components/body/row/row.component.d.ts

@@ -44,7 +44,7 @@ export declare class FsRowComponent implements OnInit, DoCheck, OnDestroy {
     private _destroy$;
     constructor(el: ElementRef, _cdRef: ChangeDetectorRef, _differs: KeyValueDiffers, _renderer: Renderer2, _draggableList: FsListDraggableListDirective);
     get isGroupRow(): boolean;
-    get isChildRow(): boolean;
+    get isGroupChildRow(): boolean;
     get isGroupFooterRow(): boolean;
     get isDragDisabled(): boolean;
     get isMultipleSelection(): boolean;

package/app/components/list/list.component.d.ts

@@ -28,6 +28,7 @@ export declare class FsListComponent implements OnInit, OnDestroy, AfterContentI
     private _persistance;
     private _location;
     classFsList: boolean;
+    noRowsHighlight: boolean;
     set config(config: FsListConfig);
     loaderLines: number;
     filtersReady: EventEmitter<void>;

package/app/enums/row-type.enum.d.ts

@@ -1,6 +1,6 @@
 export declare enum RowType {
-    Simple = 0,
-    Group = 1,
-    GroupFooter = 2,
-    Child = 3
+    Simple = "simple",
+    Group = "group",
+    GroupFooter = "groupFooter",
+    GroupChild = "groupChild"
 }

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

@@ -20,6 +20,7 @@ export interface FsListConfig {
     trackBy?: string;
     subheading?: string;
     status?: boolean;
+    rowHighlight?: boolean;
     chips?: boolean;
     column?: FsListColumnConfig;
     autoFocus?: boolean;
@@ -63,7 +64,7 @@ export interface FsListGroupConfig {
     initialExpand?: boolean;
     groupBy?: (row: any) => any;
     compareBy?: (row: any) => any;
-    footer?: (row: any, group?: any) => boolean;
+    footer?: (group?: any) => boolean;
     actions?: (FsListRowActionGroup | FsListRowAction)[];
 }
 export interface FsListLoadMoreConfig {
@@ -253,5 +254,6 @@ export declare type FsListAfterContentInitFn = (query: Record<string, any>, data
 export interface FsListRowClassOptions {
     index: number;
     groupIndex?: number;
+    type?: RowType;
 }
 export declare type FsListAfterInitFn = (listComponent: any) => void;

package/app/models/row.d.ts

@@ -17,7 +17,7 @@ export declare class Row {
     get data(): any;
     get type(): RowType;
     get isGroup(): boolean;
-    get isChild(): boolean;
+    get isGroupChild(): boolean;
     get isGroupFooter(): boolean;
     get parent(): GroupRow;
     get children(): (ChildRow | GroupFooterRow)[];

package/bundles/firestitch-list.umd.js

@@ -1115,10 +1115,10 @@
 
     exports.RowType = void 0;
     (function (RowType) {
-        RowType[RowType["Simple"] = 0] = "Simple";
-        RowType[RowType["Group"] = 1] = "Group";
-        RowType[RowType["GroupFooter"] = 2] = "GroupFooter";
-        RowType[RowType["Child"] = 3] = "Child";
+        RowType["Simple"] = "simple";
+        RowType["Group"] = "group";
+        RowType["GroupFooter"] = "groupFooter";
+        RowType["GroupChild"] = "groupChild";
     })(exports.RowType || (exports.RowType = {}));
 
     var BaseRow = /** @class */ (function () {
@@ -1223,7 +1223,7 @@
         function ChildRow(data, parent) {
             if (data === void 0) { data = {}; }
             if (parent === void 0) { parent = null; }
-            var _this = _super.call(this, data, exports.RowType.Child) || this;
+            var _this = _super.call(this, data, exports.RowType.GroupChild) || this;
             _this.visible = true;
             _this._parent = parent;
             if (_this.parent) {
@@ -1316,7 +1316,7 @@
                         this._row = new GroupRow(data, initialExpand);
                     }
                     break;
-                case exports.RowType.Child:
+                case exports.RowType.GroupChild:
                     {
                         this._row = new ChildRow(data, parent);
                     }
@@ -1371,7 +1371,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Row.prototype, "isChild", {
+        Object.defineProperty(Row.prototype, "isGroupChild", {
             get: function () {
                 return this._row instanceof ChildRow;
             },
@@ -1739,7 +1739,7 @@
             this.visibleRows = this._rowsStack
                 .filter(function (row, index) {
                 row.index = index;
-                return (!row.isChild && !row.isGroupFooter) || row.visible;
+                return (!row.isGroupChild && !row.isGroupFooter) || row.visible;
             });
         };
         DataController.prototype.updateRow = function (targetRow, trackBy) {
@@ -1804,13 +1804,9 @@
                 }
             });
             groupRows.forEach(function (groupRow) {
-                var footerIndex = groupRow.children
-                    .findIndex(function (row) {
-                    return _this._footerRowFn(row.data, Object.assign(Object.assign({}, groupRow.data), { children: groupRow.childrenData }));
-                });
-                if (footerIndex !== -1) {
-                    var footerRow = groupRow.children.slice(footerIndex, footerIndex + 1)[0];
-                    groupRow.children.push(new GroupFooterRow(footerRow.data, groupRow));
+                var hasFooter = _this._footerRowFn(groupRow);
+                if (hasFooter) {
+                    groupRow.children.push(new GroupFooterRow(groupRow, groupRow));
                 }
             });
             return Array.from(this._store.values())
@@ -3692,8 +3688,9 @@
          * @param config
          */
         List.prototype.initialize = function (config) {
-            var _a;
+            var _a, _b;
             this.autoFocus = config.autoFocus;
+            this.rowHighlight = (_a = config.rowHighlight) !== null && _a !== void 0 ? _a : true;
             this.heading = config.heading;
             this.trackBy = config.trackBy;
             this.subheading = config.subheading;
@@ -3702,7 +3699,7 @@
             this.rowEvents = config.rowEvents;
             this.restore = config.restore;
             this.persist = config.persist;
-            this.filters = (_a = config.filters) !== null && _a !== void 0 ? _a : [];
+            this.filters = (_b = config.filters) !== null && _b !== void 0 ? _b : [];
             this.filterInitCb = config.filterInit;
             this.filterChangeCb = config.filterChange;
             this.savedFilters = config.savedFilters;
@@ -3841,8 +3838,8 @@
             // Should wait until saved filters not loaded
             if (!!this.filters) {
                 fetch$ = rxjs.combineLatest([fetch$, this.filtersReady$])
-                    .pipe(operators.map(function (_b) {
-                    var _c = __read(_b, 1), params = _c[0];
+                    .pipe(operators.map(function (_c) {
+                    var _d = __read(_c, 1), params = _d[0];
                     return params;
                 }));
             }
@@ -4086,8 +4083,8 @@
                 this.reload();
             }
         };
-        List.prototype.completeFetch = function (_b) {
-            var _c = __read(_b, 2), query = _c[0], response = _c[1];
+        List.prototype.completeFetch = function (_c) {
+            var _d = __read(_c, 2), query = _d[0], response = _d[1];
             var _a;
             if (!this.paging.page) {
                 this.paging.page = 1;
@@ -4968,7 +4965,7 @@
                 if (this.row.isGroup) {
                     this.cellContext.groupIndex = this.row.index;
                 }
-                else if (this.row.isChild || this.row.isGroupFooter) {
+                else if (this.row.isGroupChild || this.row.isGroupFooter) {
                     this.cellContext.groupIndex = this.row.index;
                     this.cellContext.groupRow = this.row.parent.data;
                     this.cellContext.group = this.row.parent.data;
@@ -5282,7 +5279,7 @@
             // Can not drag before first group and after last group
             var swapWithBoundaryGroupElement = (elemIndex === 0 || elemIndex === this._rows.length - 1)
                 && targetRow.isGroup
-                && this.draggableItem.isChild;
+                && this.draggableItem.isGroupChild;
             if (!swapWithBoundaryGroupElement) {
                 if (elemIndex !== null) {
                     if (targetRow.readyToSwap) {
@@ -5716,9 +5713,9 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FsRowComponent.prototype, "isChildRow", {
+        Object.defineProperty(FsRowComponent.prototype, "isGroupChildRow", {
             get: function () {
-                return this.row.isChild;
+                return this.row.isGroupChild;
             },
             enumerable: false,
             configurable: true
@@ -5757,7 +5754,7 @@
                 if ((_a = this.row) === null || _a === void 0 ? void 0 : _a.isGroup) {
                     cls += ' fs-list-row-group';
                 }
-                else if ((_b = this.row) === null || _b === void 0 ? void 0 : _b.isChild) {
+                else if ((_b = this.row) === null || _b === void 0 ? void 0 : _b.isGroupChild) {
                     cls += ' fs-list-row-group-child';
                 }
                 else if ((_c = this.row) === null || _c === void 0 ? void 0 : _c.isGroupFooter) {
@@ -5766,12 +5763,13 @@
                 if (this.rowClass) {
                     var options = {
                         index: this.rowIndex,
+                        type: this.row.type,
                     };
                     if (this.row.isGroup) {
                         options.groupIndex = this.row.index;
                     }
-                    else if (this.row.isChild) {
-                        options.groupIndex = this.row.index;
+                    else if (this.row.isGroupChild || this.row.isGroupFooter) {
+                        options.groupIndex = this.row.parent.index;
                     }
                     var resultClass = this.rowClass(this.row.data, options);
                     if (typeof resultClass === 'string') {
@@ -6067,8 +6065,6 @@
             var _a, _b;
             var currentEl = this.row;
             var targetEl = this._draggableList.draggableItem;
-            var currentElGroup = (currentEl.isChild && currentEl.parent) || currentEl;
-            var targetElGroup = (targetEl.isChild && targetEl.parent) || targetEl;
             this.row.readyToSwap = this._reorderController.moveDropCallback({
                 row1: currentEl === null || currentEl === void 0 ? void 0 : currentEl.data,
                 row2: targetEl === null || targetEl === void 0 ? void 0 : targetEl.data,
@@ -6578,6 +6574,7 @@
             }
             this._updateCustomizeAction(listConfig.actions);
             this.list = new List(this._el, listConfig, this.fsScroll, this.selectionDialog, this._router, this._route, this._persistance, this._inDialog);
+            this.noRowsHighlight = this.list.rowHighlight == false;
             this._waitFirstLoad();
             this.reorderController.initWithConfig(config.reorder, this.list.dataController, this.list.actions, this.list.selection);
             if (this.listColumnDirectives) {
@@ -6666,11 +6663,11 @@
         return FsListComponent;
     }());
     FsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsListComponent, deps: [{ token: ReorderController }, { token: FS_LIST_DEFAULT_CONFIG, optional: true }, { token: i2__namespace$4.FsScrollService, optional: true }, { token: i1__namespace.MatDialogRef, optional: true }, { token: i4__namespace$2.DrawerRef, optional: true }, { token: i0__namespace.ElementRef }, { token: i5__namespace.SelectionDialog }, { token: i1__namespace.MatDialog }, { token: i0__namespace.ChangeDetectorRef }, { token: GroupExpandNotifierService }, { token: i7__namespace.Router }, { token: i7__namespace.ActivatedRoute }, { token: PersistanceController }, { token: i3__namespace$1.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsListComponent, selector: "fs-list", inputs: { config: "config", loaderLines: "loaderLines" }, outputs: { filtersReady: "filtersReady" }, host: { properties: { "class.fs-list": "this.classFsList" } }, providers: [
+    FsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsListComponent, selector: "fs-list", inputs: { config: "config", loaderLines: "loaderLines" }, outputs: { filtersReady: "filtersReady" }, host: { properties: { "class.fs-list": "this.classFsList", "class.fs-list-no-highlight": "this.noRowsHighlight" } }, providers: [
             GroupExpandNotifierService,
             PersistanceController,
             ReorderController,
-        ], queries: [{ propertyName: "_emptyStateTemplate", first: true, predicate: FsListEmptyStateDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "headingTemplate", first: true, predicate: FsListHeadingDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "headingContainerTemplate", first: true, predicate: FsListHeadingContainerDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "subheadingTemplate", first: true, predicate: FsListSubheadingDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "columnTemplates", predicate: FsListColumnDirective }], viewQueries: [{ propertyName: "filterReference", first: true, predicate: i2.FilterComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"fs-list-container\"\n    [ngClass]=\"{\n      'has-filter-keyword': hasFilterKeyword,\n      'has-filters': list.filterConfig?.items.length,\n      'has-heading': list.heading || headingTemplate,\n      'has-status': hasStatus,\n      'has-chips': list.chips,\n      'has-actions': list.actions.hasActions,\n      'first-load': firstLoad,\n      'loading': list.loading$ | async\n    }\">\n  <ng-template [ngTemplateOutlet]=\"listContainerContent\"></ng-template>\n</div>\n\n<ng-template #listContainerContent>\n  <ng-container *ngIf=\"list.dataController.visibleRows$ | async as listData\">\n    <div class=\"fs-list-header-container\">\n      <div\n          class=\"fs-list-header\"\n          [ngClass]=\"{ 'no-wrap': reorderController.manualReorderActivated || !list.filterConfig?.items.length }\">\n        <ng-container\n            *ngIf=\"hasFilterKeyword\"\n            [ngTemplateOutlet]=\"heading\">\n        </ng-container>\n        <fs-filter\n            class=\"fs-list-filter\"\n            *ngIf=\"list.filterConfig\"\n            [filter]=\"list.filterConfig\"\n            [showSortBy]=\"!list.status\"\n            [showFilterInput]=\"list.filterInput\"\n            (ready)=\"filterReady()\">\n          <ng-template fsFilterStatusBar>\n            <ng-container\n                *ngIf=\"!hasFilterKeyword\"\n                [ngTemplateOutlet]=\"heading\">\n            </ng-container>\n            <ng-container *ngIf=\"hasStatus\">\n              <fs-list-status\n                class=\"fs-list-status\"\n                [ngClass]=\"{ 'hidden-mobile': !list.status }\"\n                [rows]=\"listData\"\n                [sorting]=\"list.sorting\"\n                [paging]=\"list.paging\"\n                [firstLoad]=\"firstLoad\"\n                [scrollable]=\"list.scrollable || list.paging.loadMoreEnabled\">\n              </fs-list-status>\n            </ng-container>\n          </ng-template>\n        </fs-filter>\n      </div>\n    </div>\n\n    <ng-content select=\"[fs-list-content]\"></ng-content>\n\n    <!-- Table implementation -->\n    <div class=\"fs-list-table-container\">\n      <ng-container *ngIf=\"!firstLoad && listData.length > 0 && !list.emptyStateEnabled\">\n        <table class=\"fs-list-table\" role=\"grid\" [fsListContentInit]=\"list.afterContentInit\">\n          <thead\n            fs-list-head\n            class=\"fs-list-head\"\n            role=\"rowgroup\"\n            *ngIf=\"list.columns.hasHeader\"\n            [ngClass]=\"list.columns.theadClass\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [sorting]=\"list.sorting\"\n            [selection]=\"list.selection\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n          >\n          </thead>\n\n          <tbody\n            fs-list-body\n            fsListDraggableList\n            class=\"fs-list-body\"\n            role=\"rowgroup\"\n            [class.disabled]=\"!!(reorderController.reorderDisabled$ | async)\"\n            [rows]=\"listData\"\n            [rowActionsRaw]=\"list.rowActionsRaw\"\n            [groupActionsRaw]=\"list.groupActionsRaw\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [rowEvents]=\"list.rowEvents\"\n            [rowClass]=\"list.rowClass\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [restoreMode]=\"list.restoreMode\"\n            [selection]=\"list.selection\"\n            [rowRemoved]=\"rowRemoved\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n            [reorderMultiple]=\"reorderController.multiple\"\n          >\n          </tbody>\n\n          <tfoot\n            fs-list-footer\n            class=\"fs-list-footer\"\n            *ngIf=\"list.columns.hasFooter\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [selection]=\"list.selection\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n          >\n          </tfoot>\n        </table>\n      </ng-container>\n      <fs-list-loader\n        *ngIf=\"firstLoad\"\n        [columns]=\"list.columns.columns\"\n        [loaderLines]=\"loaderLines\">\n      </fs-list-loader>\n    </div>\n\n    <fs-list-pagination\n      *ngIf=\"paginatorVisible\"\n      class=\"fs-list-pagination\"\n      [rows]=\"listData\"\n      [pagination]=\"list.paging\">\n    </fs-list-pagination>\n\n    <ng-container *ngIf=\"!firstLoad\">\n      <div\n          *ngIf=\"listData.length === 0\"\n          class=\"fs-list-no-results-container\">\n        <div\n            *ngIf=\"list.noResults?.message && !list.emptyStateEnabled\"\n            class=\"fs-list-no-results\">\n          {{ list.noResults?.message }}\n        </div>\n        <ng-container *ngIf=\"list.emptyStateEnabled\">\n          <ng-template [ngTemplateOutlet]=\"list.emptyStateTemplate\"></ng-template>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #heading>\n  <div class=\"heading-container\" *ngIf=\"headingContainerTemplate || list.heading || list.subheading || headingTemplate\">\n    <ng-container *ngIf=\"headingContainerTemplate; else headingContainer\">\n      <ng-container\n        [ngTemplateOutlet]=\"headingContainerTemplate\"\n        [ngTemplateOutletContext]=\"{ template: headingContainer }\">\n      </ng-container>\n    </ng-container>\n    <ng-template #headingContainer>\n      <h2 class=\"heading\" *ngIf=\"list.heading || headingTemplate\">\n        {{list.heading}}\n        <ng-container [ngTemplateOutlet]=\"headingTemplate\"></ng-container>\n      </h2>\n      <div class=\"small subheading\" *ngIf=\"list.subheading || subheadingTemplate\">\n        {{list.subheading}}\n        <ng-container [ngTemplateOutlet]=\"subheadingTemplate\"></ng-container>\n      </div>\n    </ng-template>\n  </div>\n</ng-template>\n", styles: [":host ::ng-deep .fs-list-swap-restricted{opacity:.5}:host ::ng-deep .fs-list-no-drop{cursor:no-drop}:host ::ng-deep .hidden{display:none}@media print{:host ::ng-deep .fs-list-row-group{page-break-after:avoid}:host ::ng-deep .fs-list-row-group-child{page-break-before:avoid}:host ::ng-deep .fs-list-row-group-footer{page-break-before:avoid}}.fs-list-container{width:100%}.fs-list-container:not(.has-filters):not(.has-actions):not(.has-heading) .fs-list-header-container{display:none}.fs-list-container:not(.has-filter-keyword) .fs-list-header{display:flex;margin-bottom:4px}.fs-list-container:not(.has-filter-keyword) .fs-list-header .heading-container{flex:1}.fs-list-container:not(.has-filter-keyword) .fs-list-header fs-filter{display:flex}.fs-list-container.has-filters .heading-container{margin-bottom:4px}.fs-list-container.loading .fs-list-status,.fs-list-container.loading .fs-list-body,.fs-list-container.loading fs-list-pagination,.fs-list-container.loading .filter-chips,.fs-list-container.loading .fs-list-no-results-container,.fs-list-container.first-load .fs-list-status,.fs-list-container.first-load .fs-list-body,.fs-list-container.first-load fs-list-pagination,.fs-list-container.first-load .filter-chips,.fs-list-container.first-load .fs-list-no-results-container{opacity:.4;pointer-events:none}.fs-list-container.first-load ::ng-deep fs-filter-chips .fs-chip{color:transparent}.fs-list-container.first-load ::ng-deep fs-filter-chips .fs-chip .remove{visibility:hidden}.fs-list-container.has-actions .fs-list-actions{margin-left:5px}.fs-list-filter{margin-bottom:0;position:initial!important;display:block;width:100%}.fs-list-no-results-container .fs-list-no-results{text-align:center;color:#999;padding:10px 0}.fs-list-header .heading-container{display:flex;flex-direction:column;justify-content:center}.fs-list-header .heading{margin:0}.fs-list-header h2+.subheading{margin:2px 0 0}.fs-list-header .fs-list-actions{white-space:nowrap;float:right}.fs-list-header .fs-list-actions .menu-button{width:36px;height:36px;line-height:36px}.fs-list-header .action-button{margin-left:5px}.fs-list-header .action-button:first-child{margin-left:0}.fs-list-header .mat-button{margin-top:0;margin-bottom:0;margin-right:0}.fs-list-table-container{width:100%;overflow:auto}::ng-deep .preview-block{position:fixed;height:30px;width:200px;background:grey;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:2px 2px 2px #9e9e9ea6;border-radius:6px}::ng-deep .fs-list{display:block;width:100%}::ng-deep .fs-list-table{border-spacing:0;display:table;width:100%;border-collapse:collapse}::ng-deep .fs-list-table thead,::ng-deep .fs-list-table .fs-list-head{display:table-header-group}::ng-deep .fs-list-table thead th,::ng-deep .fs-list-table thead .fs-list-col,::ng-deep .fs-list-table .fs-list-head th,::ng-deep .fs-list-table .fs-list-head .fs-list-col{color:#999;padding:8px;font-weight:normal;color:#8f8f8f;font-size:85%}::ng-deep .fs-list-table thead th.fs-list-col-selection,::ng-deep .fs-list-table thead .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head .fs-list-col.fs-list-col-selection{width:1%;text-align:left}::ng-deep .fs-list-table thead th.sorting,::ng-deep .fs-list-table thead .fs-list-col.sorting,::ng-deep .fs-list-table .fs-list-head th.sorting,::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting{cursor:pointer}::ng-deep .fs-list-table thead th.sorting:hover,::ng-deep .fs-list-table thead .fs-list-col.sorting:hover,::ng-deep .fs-list-table .fs-list-head th.sorting:hover,::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting:hover{background-color:#f6f6f6}::ng-deep .fs-list-table thead th .wrap,::ng-deep .fs-list-table thead .fs-list-col .wrap,::ng-deep .fs-list-table .fs-list-head th .wrap,::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap{display:inline-flex;vertical-align:middle;white-space:nowrap}::ng-deep .fs-list-table thead th .wrap mat-icon,::ng-deep .fs-list-table thead .fs-list-col .wrap mat-icon,::ng-deep .fs-list-table .fs-list-head th .wrap mat-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}::ng-deep .fs-list-table thead th .wrap .direction,::ng-deep .fs-list-table thead .fs-list-col .wrap .direction,::ng-deep .fs-list-table .fs-list-head th .wrap .direction,::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap .direction{margin-left:5px}::ng-deep .fs-list-table thead th.sorting,::ng-deep .fs-list-table thead .fs-list-col.sorting,::ng-deep .fs-list-table .fs-list-head th.sorting,::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting{background-image:none}::ng-deep .fs-list-table tbody,::ng-deep .fs-list-table .fs-list-body{display:table-row-group;position:relative}::ng-deep .fs-list-table tbody.drag-hidden .drag-col,::ng-deep .fs-list-table .fs-list-body.drag-hidden .drag-col{opacity:0!important;cursor:default}::ng-deep .fs-list-table tbody.disabled,::ng-deep .fs-list-table .fs-list-body.disabled{opacity:.4;pointer-events:none}::ng-deep .fs-list-table tbody td,::ng-deep .fs-list-table tbody .fs-list-col,::ng-deep .fs-list-table .fs-list-body td,::ng-deep .fs-list-table .fs-list-body .fs-list-col{box-sizing:border-box;border-top:1px solid #ddd}::ng-deep .fs-list-table tbody tr:hover td,::ng-deep .fs-list-table tbody .fs-list-row:hover .fs-list-col,::ng-deep .fs-list-table .fs-list-body tr:hover td,::ng-deep .fs-list-table .fs-list-body .fs-list-row:hover .fs-list-col{background-color:#f6f6f6}::ng-deep .fs-list-table tbody tr:hover td,::ng-deep .fs-list-table tbody tr:hover .fs-list-col,::ng-deep .fs-list-table tbody .fs-list-row:hover td,::ng-deep .fs-list-table tbody .fs-list-row:hover .fs-list-col,::ng-deep .fs-list-table .fs-list-body tr:hover td,::ng-deep .fs-list-table .fs-list-body tr:hover .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row:hover td,::ng-deep .fs-list-table .fs-list-body .fs-list-row:hover .fs-list-col{background-color:#f6f6f6}::ng-deep .fs-list-table tbody tr:first-child td,::ng-deep .fs-list-table .fs-list-body tr:first-child td{border-top:2px solid #ddd}::ng-deep .fs-list-table tbody tr:last-child td,::ng-deep .fs-list-table .fs-list-body tr:last-child td{border-bottom:2px solid #ddd}::ng-deep .fs-list-table thead tr,::ng-deep .fs-list-table thead .fs-list-row,::ng-deep .fs-list-table tbody tr,::ng-deep .fs-list-table tbody .fs-list-row,::ng-deep .fs-list-table tfoot tr,::ng-deep .fs-list-table tfoot .fs-list-row,::ng-deep .fs-list-table .fs-list-head tr,::ng-deep .fs-list-table .fs-list-head .fs-list-row,::ng-deep .fs-list-table .fs-list-body tr,::ng-deep .fs-list-table .fs-list-body .fs-list-row,::ng-deep .fs-list-table .fs-list-footer tr,::ng-deep .fs-list-table .fs-list-footer .fs-list-row{display:table-row}::ng-deep .fs-list-table thead tr.drag-hidden,::ng-deep .fs-list-table thead .fs-list-row.drag-hidden,::ng-deep .fs-list-table tbody tr.drag-hidden,::ng-deep .fs-list-table tbody .fs-list-row.drag-hidden,::ng-deep .fs-list-table tfoot tr.drag-hidden,::ng-deep .fs-list-table tfoot .fs-list-row.drag-hidden,::ng-deep .fs-list-table .fs-list-head tr.drag-hidden,::ng-deep .fs-list-table .fs-list-head .fs-list-row.drag-hidden,::ng-deep .fs-list-table .fs-list-body tr.drag-hidden,::ng-deep .fs-list-table .fs-list-body .fs-list-row.drag-hidden,::ng-deep .fs-list-table .fs-list-footer tr.drag-hidden,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.drag-hidden{display:none}::ng-deep .fs-list-table thead tr.multiple-selection,::ng-deep .fs-list-table thead .fs-list-row.multiple-selection,::ng-deep .fs-list-table tbody tr.multiple-selection,::ng-deep .fs-list-table tbody .fs-list-row.multiple-selection,::ng-deep .fs-list-table tfoot tr.multiple-selection,::ng-deep .fs-list-table tfoot .fs-list-row.multiple-selection,::ng-deep .fs-list-table .fs-list-head tr.multiple-selection,::ng-deep .fs-list-table .fs-list-head .fs-list-row.multiple-selection,::ng-deep .fs-list-table .fs-list-body tr.multiple-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row.multiple-selection,::ng-deep .fs-list-table .fs-list-footer tr.multiple-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.multiple-selection{background-color:#2196f380}::ng-deep .fs-list-table thead tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table thead .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table tbody tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table tbody .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table tfoot tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table tfoot .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-head tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-body tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-footer tr.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.multiple-selection .fs-list-col{background-color:#2196f380}::ng-deep .fs-list-table thead tr td,::ng-deep .fs-list-table thead tr th,::ng-deep .fs-list-table thead tr .fs-list-col,::ng-deep .fs-list-table thead .fs-list-row td,::ng-deep .fs-list-table thead .fs-list-row th,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col,::ng-deep .fs-list-table tbody tr td,::ng-deep .fs-list-table tbody tr th,::ng-deep .fs-list-table tbody tr .fs-list-col,::ng-deep .fs-list-table tbody .fs-list-row td,::ng-deep .fs-list-table tbody .fs-list-row th,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col,::ng-deep .fs-list-table tfoot tr td,::ng-deep .fs-list-table tfoot tr th,::ng-deep .fs-list-table tfoot tr .fs-list-col,::ng-deep .fs-list-table tfoot .fs-list-row td,::ng-deep .fs-list-table tfoot .fs-list-row th,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col,::ng-deep .fs-list-table .fs-list-head tr td,::ng-deep .fs-list-table .fs-list-head tr th,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row td,::ng-deep .fs-list-table .fs-list-head .fs-list-row th,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col,::ng-deep .fs-list-table .fs-list-body tr td,::ng-deep .fs-list-table .fs-list-body tr th,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row td,::ng-deep .fs-list-table .fs-list-body .fs-list-row th,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col,::ng-deep .fs-list-table .fs-list-footer tr td,::ng-deep .fs-list-table .fs-list-footer tr th,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col{display:table-cell;padding:8px;vertical-align:middle;outline:none;text-align:left}::ng-deep .fs-list-table thead tr td.drag-col,::ng-deep .fs-list-table thead tr th.drag-col,::ng-deep .fs-list-table thead tr .fs-list-col.drag-col,::ng-deep .fs-list-table thead .fs-list-row td.drag-col,::ng-deep .fs-list-table thead .fs-list-row th.drag-col,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table tbody tr td.drag-col,::ng-deep .fs-list-table tbody tr th.drag-col,::ng-deep .fs-list-table tbody tr .fs-list-col.drag-col,::ng-deep .fs-list-table tbody .fs-list-row td.drag-col,::ng-deep .fs-list-table tbody .fs-list-row th.drag-col,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table tfoot tr td.drag-col,::ng-deep .fs-list-table tfoot tr th.drag-col,::ng-deep .fs-list-table tfoot tr .fs-list-col.drag-col,::ng-deep .fs-list-table tfoot .fs-list-row td.drag-col,::ng-deep .fs-list-table tfoot .fs-list-row th.drag-col,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-head tr td.drag-col,::ng-deep .fs-list-table .fs-list-head tr th.drag-col,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.drag-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.drag-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-body tr td.drag-col,::ng-deep .fs-list-table .fs-list-body tr th.drag-col,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.drag-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.drag-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-footer tr td.drag-col,::ng-deep .fs-list-table .fs-list-footer tr th.drag-col,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.drag-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.drag-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col{width:24px;text-align:center;cursor:grab}::ng-deep .fs-list-table thead tr td.drag-col.drag-disabled,::ng-deep .fs-list-table thead tr th.drag-col.drag-disabled,::ng-deep .fs-list-table thead tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table thead .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table thead .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table tbody tr td.drag-col.drag-disabled,::ng-deep .fs-list-table tbody tr th.drag-col.drag-disabled,::ng-deep .fs-list-table tbody tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table tbody .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table tbody .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot tr td.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot tr th.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head tr td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head tr th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body tr td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body tr th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer tr td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer tr th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col.drag-disabled{opacity:.4;cursor:no-drop}::ng-deep .fs-list-table thead tr td.drag-col mat-icon,::ng-deep .fs-list-table thead tr th.drag-col mat-icon,::ng-deep .fs-list-table thead tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table thead .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table thead .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table tbody tr td.drag-col mat-icon,::ng-deep .fs-list-table tbody tr th.drag-col mat-icon,::ng-deep .fs-list-table tbody tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table tbody .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table tbody .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table tfoot tr td.drag-col mat-icon,::ng-deep .fs-list-table tfoot tr th.drag-col mat-icon,::ng-deep .fs-list-table tfoot tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table tfoot .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table tfoot .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head tr td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head tr th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body tr td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body tr th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer tr td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer tr th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col mat-icon{display:flex}::ng-deep .fs-list-table thead tr td.fs-list-col-selection,::ng-deep .fs-list-table thead tr th.fs-list-col-selection,::ng-deep .fs-list-table thead tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table thead .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table thead .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table tbody tr td.fs-list-col-selection,::ng-deep .fs-list-table tbody tr th.fs-list-col-selection,::ng-deep .fs-list-table tbody tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table tbody .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table tbody .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table tfoot tr td.fs-list-col-selection,::ng-deep .fs-list-table tfoot tr th.fs-list-col-selection,::ng-deep .fs-list-table tfoot tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table tfoot .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table tfoot .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head tr td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head tr th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body tr td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body tr th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer tr td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer tr th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.fs-list-col-selection{padding:10px}::ng-deep .fs-list-table thead tr td.row-actions,::ng-deep .fs-list-table thead tr th.row-actions,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions,::ng-deep .fs-list-table thead .fs-list-row td.row-actions,::ng-deep .fs-list-table thead .fs-list-row th.row-actions,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table tbody tr td.row-actions,::ng-deep .fs-list-table tbody tr th.row-actions,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table tfoot tr td.row-actions,::ng-deep .fs-list-table tfoot tr th.row-actions,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-head tr td.row-actions,::ng-deep .fs-list-table .fs-list-head tr th.row-actions,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-body tr td.row-actions,::ng-deep .fs-list-table .fs-list-body tr th.row-actions,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions{width:1%;white-space:nowrap;padding-right:10px;overflow:hidden}::ng-deep .fs-list-table thead tr td.row-actions .row-inline-action,::ng-deep .fs-list-table thead tr th.row-actions .row-inline-action,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table tbody tr td.row-actions .row-inline-action,::ng-deep .fs-list-table tbody tr th.row-actions .row-inline-action,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot tr td.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot tr th.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action{margin-left:12px;display:inline-block}::ng-deep .fs-list-table thead tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table thead tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child{margin-left:0}::ng-deep .fs-list-table thead tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead tr td.row-actions .row-menu-action,::ng-deep .fs-list-table thead tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead tr th.row-actions .row-menu-action,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table tbody tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody tr td.row-actions .row-menu-action,::ng-deep .fs-list-table tbody tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody tr th.row-actions .row-menu-action,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot tr td.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot tr th.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head tr td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head tr th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body tr td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body tr th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer tr td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer tr th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-menu-action{width:35px;justify-content:center;align-items:center}::ng-deep .fs-list-table thead tr td.left,::ng-deep .fs-list-table thead tr th.left,::ng-deep .fs-list-table thead tr .fs-list-col.left,::ng-deep .fs-list-table thead .fs-list-row td.left,::ng-deep .fs-list-table thead .fs-list-row th.left,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table tbody tr td.left,::ng-deep .fs-list-table tbody tr th.left,::ng-deep .fs-list-table tbody tr .fs-list-col.left,::ng-deep .fs-list-table tbody .fs-list-row td.left,::ng-deep .fs-list-table tbody .fs-list-row th.left,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table tfoot tr td.left,::ng-deep .fs-list-table tfoot tr th.left,::ng-deep .fs-list-table tfoot tr .fs-list-col.left,::ng-deep .fs-list-table tfoot .fs-list-row td.left,::ng-deep .fs-list-table tfoot .fs-list-row th.left,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table .fs-list-head tr td.left,::ng-deep .fs-list-table .fs-list-head tr th.left,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.left,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.left,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.left,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table .fs-list-body tr td.left,::ng-deep .fs-list-table .fs-list-body tr th.left,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.left,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.left,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.left,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table .fs-list-footer tr td.left,::ng-deep .fs-list-table .fs-list-footer tr th.left,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.left,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.left,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.left,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.left{text-align:left}::ng-deep .fs-list-table thead tr td.center,::ng-deep .fs-list-table thead tr th.center,::ng-deep .fs-list-table thead tr .fs-list-col.center,::ng-deep .fs-list-table thead .fs-list-row td.center,::ng-deep .fs-list-table thead .fs-list-row th.center,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table tbody tr td.center,::ng-deep .fs-list-table tbody tr th.center,::ng-deep .fs-list-table tbody tr .fs-list-col.center,::ng-deep .fs-list-table tbody .fs-list-row td.center,::ng-deep .fs-list-table tbody .fs-list-row th.center,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table tfoot tr td.center,::ng-deep .fs-list-table tfoot tr th.center,::ng-deep .fs-list-table tfoot tr .fs-list-col.center,::ng-deep .fs-list-table tfoot .fs-list-row td.center,::ng-deep .fs-list-table tfoot .fs-list-row th.center,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table .fs-list-head tr td.center,::ng-deep .fs-list-table .fs-list-head tr th.center,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.center,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.center,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.center,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table .fs-list-body tr td.center,::ng-deep .fs-list-table .fs-list-body tr th.center,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.center,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.center,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.center,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table .fs-list-footer tr td.center,::ng-deep .fs-list-table .fs-list-footer tr th.center,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.center,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.center,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.center,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.center{text-align:center}::ng-deep .fs-list-table thead tr td.right,::ng-deep .fs-list-table thead tr th.right,::ng-deep .fs-list-table thead tr .fs-list-col.right,::ng-deep .fs-list-table thead .fs-list-row td.right,::ng-deep .fs-list-table thead .fs-list-row th.right,::ng-deep .fs-list-table thead .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table tbody tr td.right,::ng-deep .fs-list-table tbody tr th.right,::ng-deep .fs-list-table tbody tr .fs-list-col.right,::ng-deep .fs-list-table tbody .fs-list-row td.right,::ng-deep .fs-list-table tbody .fs-list-row th.right,::ng-deep .fs-list-table tbody .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table tfoot tr td.right,::ng-deep .fs-list-table tfoot tr th.right,::ng-deep .fs-list-table tfoot tr .fs-list-col.right,::ng-deep .fs-list-table tfoot .fs-list-row td.right,::ng-deep .fs-list-table tfoot .fs-list-row th.right,::ng-deep .fs-list-table tfoot .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table .fs-list-head tr td.right,::ng-deep .fs-list-table .fs-list-head tr th.right,::ng-deep .fs-list-table .fs-list-head tr .fs-list-col.right,::ng-deep .fs-list-table .fs-list-head .fs-list-row td.right,::ng-deep .fs-list-table .fs-list-head .fs-list-row th.right,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table .fs-list-body tr td.right,::ng-deep .fs-list-table .fs-list-body tr th.right,::ng-deep .fs-list-table .fs-list-body tr .fs-list-col.right,::ng-deep .fs-list-table .fs-list-body .fs-list-row td.right,::ng-deep .fs-list-table .fs-list-body .fs-list-row th.right,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table .fs-list-footer tr td.right,::ng-deep .fs-list-table .fs-list-footer tr th.right,::ng-deep .fs-list-table .fs-list-footer tr .fs-list-col.right,::ng-deep .fs-list-table .fs-list-footer .fs-list-row td.right,::ng-deep .fs-list-table .fs-list-footer .fs-list-row th.right,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.right{text-align:right}::ng-deep .fs-list-table thead tr.draggable,::ng-deep .fs-list-table thead .fs-list-row.draggable,::ng-deep .fs-list-table tbody tr.draggable,::ng-deep .fs-list-table tbody .fs-list-row.draggable,::ng-deep .fs-list-table tfoot tr.draggable,::ng-deep .fs-list-table tfoot .fs-list-row.draggable,::ng-deep .fs-list-table .fs-list-head tr.draggable,::ng-deep .fs-list-table .fs-list-head .fs-list-row.draggable,::ng-deep .fs-list-table .fs-list-body tr.draggable,::ng-deep .fs-list-table .fs-list-body .fs-list-row.draggable,::ng-deep .fs-list-table .fs-list-footer tr.draggable,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.draggable{position:fixed;z-index:9999;box-shadow:2px 2px 2px #9e9e9ea6;border-radius:5px;background-color:#f6f6f6}::ng-deep .fs-list-table thead tr.draggable td,::ng-deep .fs-list-table thead tr.draggable .fs-list-col,::ng-deep .fs-list-table thead .fs-list-row.draggable td,::ng-deep .fs-list-table thead .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table tbody tr.draggable td,::ng-deep .fs-list-table tbody tr.draggable .fs-list-col,::ng-deep .fs-list-table tbody .fs-list-row.draggable td,::ng-deep .fs-list-table tbody .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table tfoot tr.draggable td,::ng-deep .fs-list-table tfoot tr.draggable .fs-list-col,::ng-deep .fs-list-table tfoot .fs-list-row.draggable td,::ng-deep .fs-list-table tfoot .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-head tr.draggable td,::ng-deep .fs-list-table .fs-list-head tr.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-head .fs-list-row.draggable td,::ng-deep .fs-list-table .fs-list-head .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-body tr.draggable td,::ng-deep .fs-list-table .fs-list-body tr.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row.draggable td,::ng-deep .fs-list-table .fs-list-body .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-footer tr.draggable td,::ng-deep .fs-list-table .fs-list-footer tr.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.draggable td,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.draggable .fs-list-col{border:none}::ng-deep .fs-list-table .fs-list-container.has-dragging thead th{border-bottom:2px solid #ddd}::ng-deep .fs-list-table .fs-list-container.has-dragging tbody tr:nth-child(2) td{border-top:none}::ng-deep .fs-list-table tfoot td{padding:8px}::ng-deep .reorder-in-progress{-webkit-user-select:none;user-select:none}::ng-deep .draggable-elem td{opacity:.2}::ng-deep .hidden-mobile-menu-action{display:none!important}::ng-deep .hidden-mobile{display:none!important}@media only screen and (max-width: 600px){::ng-deep .fs-list-filter .inline-actions{top:initial!important;position:initial!important}::ng-deep .fs-list-filter .inline-actions .action-filter{margin-bottom:0!important}::ng-deep .fs-list-header .filter-input-field .mat-form-field-wrapper{padding:0!important}::ng-deep .fs-list-header.has-filters{flex-flow:row wrap}}@media only screen and (max-width: 768px){::ng-deep .show-mobile{display:inline-block!important}::ng-deep .fs-list-actions .action-button{display:none}::ng-deep .row-inline-action.mobile-hide{display:none}::ng-deep .hidden-mobile-menu-action{display:block!important}}\n"], components: [{ type: i2__namespace$2.FilterComponent, selector: "fs-filter", inputs: ["config", "filter", "showSortBy", "showFilterInput"], outputs: ["closed", "opened", "ready"] }, { type: FsStatusComponent, selector: "fs-list-status", inputs: ["paging", "sorting", "rows", "scrollable", "firstLoad"] }, { type: FsHeadComponent, selector: "[fs-list-head]", inputs: ["sorting", "columns", "hasRowActions", "selection", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy"] }, { type: FsBodyComponent, selector: "[fs-list-body]", inputs: ["rows", "columns", "hasFooter", "rowActionsRaw", "groupActionsRaw", "rowEvents", "rowClass", "hasRowActions", "selection", "restoreMode", "rowRemoved", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy", "reorderMultiple"] }, { type: FsFooterComponent, selector: "[fs-list-footer]", inputs: ["hasRowActions", "columns", "selection", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy"] }, { type: FsListLoaderComponent, selector: "fs-list-loader", inputs: ["columns", "loaderLines"] }, { type: FsPaginationComponent, selector: "fs-list-pagination", inputs: ["pagination", "rows"] }], directives: [{ type: i3__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.FilterStatusBarDirective, selector: "[fsFilterStatusBar]" }, { type: FsListContentInitDirective, selector: "[fsListContentInit]", inputs: ["fsListContentInit"] }, { type: FsListDraggableListDirective, selector: "[fsListDraggableList]", inputs: ["rows"] }, { type: FsListFooterDirective, selector: "[fs-list-footer]", inputs: ["colspan", "align", "class"] }], pipes: { "async": i3__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "_emptyStateTemplate", first: true, predicate: FsListEmptyStateDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "headingTemplate", first: true, predicate: FsListHeadingDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "headingContainerTemplate", first: true, predicate: FsListHeadingContainerDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "subheadingTemplate", first: true, predicate: FsListSubheadingDirective, descendants: true, read: i0.TemplateRef }, { propertyName: "columnTemplates", predicate: FsListColumnDirective }], viewQueries: [{ propertyName: "filterReference", first: true, predicate: i2.FilterComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"fs-list-container\"\n    [ngClass]=\"{\n      'has-filter-keyword': hasFilterKeyword,\n      'has-filters': list.filterConfig?.items.length,\n      'has-heading': list.heading || headingTemplate,\n      'has-status': hasStatus,\n      'has-chips': list.chips,\n      'has-actions': list.actions.hasActions,\n      'first-load': firstLoad,\n      'loading': list.loading$ | async\n    }\">\n  <ng-template [ngTemplateOutlet]=\"listContainerContent\"></ng-template>\n</div>\n\n<ng-template #listContainerContent>\n  <ng-container *ngIf=\"list.dataController.visibleRows$ | async as listData\">\n    <div class=\"fs-list-header-container\">\n      <div\n          class=\"fs-list-header\"\n          [ngClass]=\"{ 'no-wrap': reorderController.manualReorderActivated || !list.filterConfig?.items.length }\">\n        <ng-container\n            *ngIf=\"hasFilterKeyword\"\n            [ngTemplateOutlet]=\"heading\">\n        </ng-container>\n        <fs-filter\n            class=\"fs-list-filter\"\n            *ngIf=\"list.filterConfig\"\n            [filter]=\"list.filterConfig\"\n            [showSortBy]=\"!list.status\"\n            [showFilterInput]=\"list.filterInput\"\n            (ready)=\"filterReady()\">\n          <ng-template fsFilterStatusBar>\n            <ng-container\n                *ngIf=\"!hasFilterKeyword\"\n                [ngTemplateOutlet]=\"heading\">\n            </ng-container>\n            <ng-container *ngIf=\"hasStatus\">\n              <fs-list-status\n                class=\"fs-list-status\"\n                [ngClass]=\"{ 'hidden-mobile': !list.status }\"\n                [rows]=\"listData\"\n                [sorting]=\"list.sorting\"\n                [paging]=\"list.paging\"\n                [firstLoad]=\"firstLoad\"\n                [scrollable]=\"list.scrollable || list.paging.loadMoreEnabled\">\n              </fs-list-status>\n            </ng-container>\n          </ng-template>\n        </fs-filter>\n      </div>\n    </div>\n\n    <ng-content select=\"[fs-list-content]\"></ng-content>\n\n    <!-- Table implementation -->\n    <div class=\"fs-list-table-container\">\n      <ng-container *ngIf=\"!firstLoad && listData.length > 0 && !list.emptyStateEnabled\">\n        <table class=\"fs-list-table\" role=\"grid\" [fsListContentInit]=\"list.afterContentInit\">\n          <thead\n            fs-list-head\n            class=\"fs-list-head\"\n            role=\"rowgroup\"\n            *ngIf=\"list.columns.hasHeader\"\n            [ngClass]=\"list.columns.theadClass\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [sorting]=\"list.sorting\"\n            [selection]=\"list.selection\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n          >\n          </thead>\n\n          <tbody\n            fs-list-body\n            fsListDraggableList\n            class=\"fs-list-body\"\n            role=\"rowgroup\"\n            [class.disabled]=\"!!(reorderController.reorderDisabled$ | async)\"\n            [rows]=\"listData\"\n            [rowActionsRaw]=\"list.rowActionsRaw\"\n            [groupActionsRaw]=\"list.groupActionsRaw\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [rowEvents]=\"list.rowEvents\"\n            [rowClass]=\"list.rowClass\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [restoreMode]=\"list.restoreMode\"\n            [selection]=\"list.selection\"\n            [rowRemoved]=\"rowRemoved\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n            [reorderMultiple]=\"reorderController.multiple\"\n          >\n          </tbody>\n\n          <tfoot\n            fs-list-footer\n            class=\"fs-list-footer\"\n            *ngIf=\"list.columns.hasFooter\"\n            [columns]=\"list.columns.visibleColumns$ | async\"\n            [selection]=\"list.selection\"\n            [hasRowActions]=\"list.hasRowActions\"\n            [activeFiltersCount]=\"list.activeFiltersCount$ | async\"\n            [reorderEnabled]=\"reorderController.enabled$ | async\"\n            [reorderPosition]=\"reorderController.position$ | async\"\n            [reorderStrategy]=\"reorderController.strategy$ | async\"\n          >\n          </tfoot>\n        </table>\n      </ng-container>\n      <fs-list-loader\n        *ngIf=\"firstLoad\"\n        [columns]=\"list.columns.columns\"\n        [loaderLines]=\"loaderLines\">\n      </fs-list-loader>\n    </div>\n\n    <fs-list-pagination\n      *ngIf=\"paginatorVisible\"\n      class=\"fs-list-pagination\"\n      [rows]=\"listData\"\n      [pagination]=\"list.paging\">\n    </fs-list-pagination>\n\n    <ng-container *ngIf=\"!firstLoad\">\n      <div\n          *ngIf=\"listData.length === 0\"\n          class=\"fs-list-no-results-container\">\n        <div\n            *ngIf=\"list.noResults?.message && !list.emptyStateEnabled\"\n            class=\"fs-list-no-results\">\n          {{ list.noResults?.message }}\n        </div>\n        <ng-container *ngIf=\"list.emptyStateEnabled\">\n          <ng-template [ngTemplateOutlet]=\"list.emptyStateTemplate\"></ng-template>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #heading>\n  <div class=\"heading-container\" *ngIf=\"headingContainerTemplate || list.heading || list.subheading || headingTemplate\">\n    <ng-container *ngIf=\"headingContainerTemplate; else headingContainer\">\n      <ng-container\n        [ngTemplateOutlet]=\"headingContainerTemplate\"\n        [ngTemplateOutletContext]=\"{ template: headingContainer }\">\n      </ng-container>\n    </ng-container>\n    <ng-template #headingContainer>\n      <h2 class=\"heading\" *ngIf=\"list.heading || headingTemplate\">\n        {{list.heading}}\n        <ng-container [ngTemplateOutlet]=\"headingTemplate\"></ng-container>\n      </h2>\n      <div class=\"small subheading\" *ngIf=\"list.subheading || subheadingTemplate\">\n        {{list.subheading}}\n        <ng-container [ngTemplateOutlet]=\"subheadingTemplate\"></ng-container>\n      </div>\n    </ng-template>\n  </div>\n</ng-template>\n", styles: [":host ::ng-deep .fs-list-swap-restricted{opacity:.5}:host ::ng-deep .fs-list-no-drop{cursor:no-drop}:host ::ng-deep .hidden{display:none}@media print{:host ::ng-deep .fs-list-row-group{page-break-after:avoid}:host ::ng-deep .fs-list-row-group-child{page-break-before:avoid}:host ::ng-deep .fs-list-row-group-footer{page-break-before:avoid}}.fs-list-container{width:100%}.fs-list-container:not(.has-filters):not(.has-actions):not(.has-heading) .fs-list-header-container{display:none}.fs-list-container:not(.has-filter-keyword) .fs-list-header{display:flex;margin-bottom:4px}.fs-list-container:not(.has-filter-keyword) .fs-list-header .heading-container{flex:1}.fs-list-container:not(.has-filter-keyword) .fs-list-header fs-filter{display:flex}.fs-list-container.has-filters .heading-container{margin-bottom:4px}.fs-list-container.loading .fs-list-status,.fs-list-container.loading .fs-list-body,.fs-list-container.loading fs-list-pagination,.fs-list-container.loading .filter-chips,.fs-list-container.loading .fs-list-no-results-container,.fs-list-container.first-load .fs-list-status,.fs-list-container.first-load .fs-list-body,.fs-list-container.first-load fs-list-pagination,.fs-list-container.first-load .filter-chips,.fs-list-container.first-load .fs-list-no-results-container{opacity:.4;pointer-events:none}.fs-list-container.first-load ::ng-deep fs-filter-chips .fs-chip{color:transparent}.fs-list-container.first-load ::ng-deep fs-filter-chips .fs-chip .remove{visibility:hidden}.fs-list-container.has-actions .fs-list-actions{margin-left:5px}.fs-list-filter{margin-bottom:0;position:initial!important;display:block;width:100%}.fs-list-no-results-container .fs-list-no-results{text-align:center;color:#999;padding:10px 0}.fs-list-header .heading-container{display:flex;flex-direction:column;justify-content:center}.fs-list-header .heading{margin:0}.fs-list-header h2+.subheading{margin:2px 0 0}.fs-list-header .fs-list-actions{white-space:nowrap;float:right}.fs-list-header .fs-list-actions .menu-button{width:36px;height:36px;line-height:36px}.fs-list-header .action-button{margin-left:5px}.fs-list-header .action-button:first-child{margin-left:0}.fs-list-header .mat-button{margin-top:0;margin-bottom:0;margin-right:0}.fs-list-table-container{width:100%;overflow:auto}::ng-deep .preview-block{position:fixed;height:30px;width:200px;background:grey;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:2px 2px 2px #9e9e9ea6;border-radius:6px}::ng-deep .fs-list{display:block;width:100%}::ng-deep .fs-list-table{border-spacing:0;display:table;width:100%;border-collapse:collapse}::ng-deep .fs-list-table .fs-list-head{display:table-header-group}::ng-deep .fs-list-table .fs-list-head .fs-list-col{color:#999;padding:8px;font-weight:normal;color:#8f8f8f;font-size:85%}::ng-deep .fs-list-table .fs-list-head .fs-list-col.fs-list-col-selection{width:1%;text-align:left}::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting{cursor:pointer}::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting:hover{background-color:#f6f6f6}::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap{display:inline-flex;vertical-align:middle;white-space:nowrap}::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}::ng-deep .fs-list-table .fs-list-head .fs-list-col .wrap .direction{margin-left:5px}::ng-deep .fs-list-table .fs-list-head .fs-list-col.sorting{background-image:none}::ng-deep .fs-list-table .fs-list-body{display:table-row-group;position:relative}::ng-deep .fs-list-table .fs-list-body.drag-hidden .drag-col{opacity:0!important;cursor:default}::ng-deep .fs-list-table .fs-list-body.disabled{opacity:.4;pointer-events:none}::ng-deep .fs-list-table .fs-list-body .fs-list-col{box-sizing:border-box;border-top:1px solid #ddd}::ng-deep .fs-list-table .fs-list-body .fs-list-row:hover .fs-list-col{background-color:#f6f6f6}::ng-deep .fs-list-table .fs-list-body .fs-list-row:first-child .fs-list-col{border-top:2px solid #ddd}::ng-deep .fs-list-table .fs-list-body .fs-list-row:last-child .fs-list-col{border-bottom:2px solid #ddd}::ng-deep .fs-list-table .fs-list-head .fs-list-row,::ng-deep .fs-list-table .fs-list-body .fs-list-row,::ng-deep .fs-list-table .fs-list-footer .fs-list-row{display:table-row}::ng-deep .fs-list-table .fs-list-head .fs-list-row.drag-hidden,::ng-deep .fs-list-table .fs-list-body .fs-list-row.drag-hidden,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.drag-hidden{display:none}::ng-deep .fs-list-table .fs-list-head .fs-list-row.multiple-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row.multiple-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.multiple-selection{background-color:#2196f380}::ng-deep .fs-list-table .fs-list-head .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row.multiple-selection .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.multiple-selection .fs-list-col{background-color:#2196f380}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col{display:table-cell;padding:8px;vertical-align:middle;outline:none;text-align:left}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col{width:24px;text-align:center;cursor:grab}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col.drag-disabled,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col.drag-disabled{opacity:.4;cursor:no-drop}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.drag-col mat-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.drag-col mat-icon{display:flex}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.fs-list-col-selection,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.fs-list-col-selection{padding:10px}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions{width:1%;white-space:nowrap;padding-right:10px;overflow:hidden}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action{margin-left:12px;display:inline-block}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action:first-child{margin-left:0}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.row-actions .row-menu-action,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-icon,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-inline-action-mini-fab,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.row-actions .row-menu-action{width:35px;justify-content:center;align-items:center}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.left,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.left{text-align:left}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.center,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.center{text-align:center}::ng-deep .fs-list-table .fs-list-head .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table .fs-list-body .fs-list-row .fs-list-col.right,::ng-deep .fs-list-table .fs-list-footer .fs-list-row .fs-list-col.right{text-align:right}::ng-deep .fs-list-table .fs-list-head .fs-list-row.draggable,::ng-deep .fs-list-table .fs-list-body .fs-list-row.draggable,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.draggable{position:fixed;z-index:9999;box-shadow:2px 2px 2px #9e9e9ea6;border-radius:5px;background-color:#f6f6f6}::ng-deep .fs-list-table .fs-list-head .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-body .fs-list-row.draggable .fs-list-col,::ng-deep .fs-list-table .fs-list-footer .fs-list-row.draggable .fs-list-col{border:none}::ng-deep .fs-list-table .fs-list-container.has-dragging thead th{border-bottom:2px solid #ddd}::ng-deep .fs-list-table .fs-list-container.has-dragging tbody tr:nth-child(2) td{border-top:none}::ng-deep .fs-list-table tfoot td{padding:8px}::ng-deep .reorder-in-progress{-webkit-user-select:none;user-select:none}::ng-deep .draggable-elem td{opacity:.2}::ng-deep .hidden-mobile-menu-action{display:none!important}::ng-deep .hidden-mobile{display:none!important}@media only screen and (max-width: 600px){::ng-deep .fs-list-filter .inline-actions{top:initial!important;position:initial!important}::ng-deep .fs-list-filter .inline-actions .action-filter{margin-bottom:0!important}::ng-deep .fs-list-header .filter-input-field .mat-form-field-wrapper{padding:0!important}::ng-deep .fs-list-header.has-filters{flex-flow:row wrap}}@media only screen and (max-width: 768px){::ng-deep .show-mobile{display:inline-block!important}::ng-deep .fs-list-actions .action-button{display:none}::ng-deep .row-inline-action.mobile-hide{display:none}::ng-deep .hidden-mobile-menu-action{display:block!important}}:host(.fs-list-no-highlight) ::ng-deep .fs-list-row:hover .fs-list-col{background-color:initial}\n"], components: [{ type: i2__namespace$2.FilterComponent, selector: "fs-filter", inputs: ["config", "filter", "showSortBy", "showFilterInput"], outputs: ["closed", "opened", "ready"] }, { type: FsStatusComponent, selector: "fs-list-status", inputs: ["paging", "sorting", "rows", "scrollable", "firstLoad"] }, { type: FsHeadComponent, selector: "[fs-list-head]", inputs: ["sorting", "columns", "hasRowActions", "selection", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy"] }, { type: FsBodyComponent, selector: "[fs-list-body]", inputs: ["rows", "columns", "hasFooter", "rowActionsRaw", "groupActionsRaw", "rowEvents", "rowClass", "hasRowActions", "selection", "restoreMode", "rowRemoved", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy", "reorderMultiple"] }, { type: FsFooterComponent, selector: "[fs-list-footer]", inputs: ["hasRowActions", "columns", "selection", "activeFiltersCount", "reorderEnabled", "reorderPosition", "reorderStrategy"] }, { type: FsListLoaderComponent, selector: "fs-list-loader", inputs: ["columns", "loaderLines"] }, { type: FsPaginationComponent, selector: "fs-list-pagination", inputs: ["pagination", "rows"] }], directives: [{ type: i3__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.FilterStatusBarDirective, selector: "[fsFilterStatusBar]" }, { type: FsListContentInitDirective, selector: "[fsListContentInit]", inputs: ["fsListContentInit"] }, { type: FsListDraggableListDirective, selector: "[fsListDraggableList]", inputs: ["rows"] }, { type: FsListFooterDirective, selector: "[fs-list-footer]", inputs: ["colspan", "align", "class"] }], 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: FsListComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6700,6 +6697,9 @@
         }, propDecorators: { classFsList: [{
                     type: i0.HostBinding,
                     args: ['class.fs-list']
+                }], noRowsHighlight: [{
+                    type: i0.HostBinding,
+                    args: ['class.fs-list-no-highlight']
                 }], config: [{
                     type: i0.Input,
                     args: ['config']