@firestitch/list 18.0.2 → 18.0.3

package/esm2022/app/components/head/head-cell/head-cell.component.mjs

@@ -23,10 +23,10 @@ export class FsHeadCellComponent extends FsCellComponent {
         this.cellContext.value = this.column.title;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsHeadCellComponent, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n    <span class=\"title\">\n      <ng-template [ngIf]=\"!column.headerTemplate\">{{column.title}}</ng-template>\n      <ng-template\n        [ngIf]=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\">\n      </ng-template>\n    </span>\n  <div class=\"direction\" *ngIf=\"column.ordered\" [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_downward\" *ngSwitchCase=\"'asc'\">arrow_downward</mat-icon>\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_upward\" *ngSwitchCase=\"'desc'\">arrow_upward</mat-icon>\n  </div>\n</div>\n", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsHeadCellComponent, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n  <span class=\"title\">\n    <ng-template [ngIf]=\"!column.headerTemplate\">\n      {{ column.title }}\n    </ng-template>\n    <ng-template\n      [ngIf]=\"column.headerTemplate\"\n      [ngTemplateOutlet]=\"column.headerTemplate\"\n      [ngTemplateOutletContext]=\"cellContext\">\n    </ng-template>\n  </span>\n  <div\n      class=\"direction\"\n      *ngIf=\"column.ordered\"\n      [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon *ngSwitchCase=\"'asc'\">\n      arrow_downward\n    </mat-icon>\n    <mat-icon *ngSwitchCase=\"'desc'\">\n      arrow_upward\n    </mat-icon>\n  </div>\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fs-head-cell]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrap\">\n    <span class=\"title\">\n      <ng-template [ngIf]=\"!column.headerTemplate\">{{column.title}}</ng-template>\n      <ng-template\n        [ngIf]=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\">\n      </ng-template>\n    </span>\n  <div class=\"direction\" *ngIf=\"column.ordered\" [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_downward\" *ngSwitchCase=\"'asc'\">arrow_downward</mat-icon>\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_upward\" *ngSwitchCase=\"'desc'\">arrow_upward</mat-icon>\n  </div>\n</div>\n", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"] }]
+            args: [{ selector: '[fs-head-cell]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrap\">\n  <span class=\"title\">\n    <ng-template [ngIf]=\"!column.headerTemplate\">\n      {{ column.title }}\n    </ng-template>\n    <ng-template\n      [ngIf]=\"column.headerTemplate\"\n      [ngTemplateOutlet]=\"column.headerTemplate\"\n      [ngTemplateOutletContext]=\"cellContext\">\n    </ng-template>\n  </span>\n  <div\n      class=\"direction\"\n      *ngIf=\"column.ordered\"\n      [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon *ngSwitchCase=\"'asc'\">\n      arrow_downward\n    </mat-icon>\n    <mat-icon *ngSwitchCase=\"'desc'\">\n      arrow_upward\n    </mat-icon>\n  </div>\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZC1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9oZWFkL2hlYWQtY2VsbC9oZWFkLWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2hlYWQvaGVhZC1jZWxsL2hlYWQtY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBR1QsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFTckUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGVBQWU7SUFPNUM7SUFDQTtJQU5ILFdBQVcsR0FBUSxFQUFFLENBQUM7SUFFckIsYUFBYSxDQUE4QjtJQUVuRCxZQUNVLE1BQXlCLEVBQ3pCLFFBQXlCO1FBRWpDLEtBQUssRUFBRSxDQUFDO1FBSEEsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFDekIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFHakMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN2RCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDN0MsQ0FBQzt1R0F0QlUsbUJBQW1COzJGQUFuQixtQkFBbUIsNkVDbEJoQyxtdEJBY0E7OzJGRElhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIERvQ2hlY2ssXHJcbiAgS2V5VmFsdWVEaWZmZXIsXHJcbiAgS2V5VmFsdWVEaWZmZXJzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRnNDZWxsQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYm9keS9yb3cvY2VsbC9jZWxsLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdbZnMtaGVhZC1jZWxsXScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWQtY2VsbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZC1jZWxsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGc0hlYWRDZWxsQ29tcG9uZW50IGV4dGVuZHMgRnNDZWxsQ29tcG9uZW50IGltcGxlbWVudHMgRG9DaGVjayB7XHJcblxyXG4gIHB1YmxpYyBjZWxsQ29udGV4dDogYW55ID0ge307XHJcblxyXG4gIHByaXZhdGUgX2NvbHVtbkRpZmZlcjogS2V5VmFsdWVEaWZmZXI8c3RyaW5nLCBhbnk+O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2NkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgX2RpZmZlcnM6IEtleVZhbHVlRGlmZmVycyxcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLl9jb2x1bW5EaWZmZXIgPSB0aGlzLl9kaWZmZXJzLmZpbmQoe30pLmNyZWF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nRG9DaGVjaygpIHtcclxuICAgIGlmICh0aGlzLl9jb2x1bW5EaWZmZXIuZGlmZih0aGlzLmNvbHVtbikpIHtcclxuICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaW5pdENlbGxDb250ZXh0KCkge1xyXG4gICAgdGhpcy5jZWxsQ29udGV4dC52YWx1ZSA9IHRoaXMuY29sdW1uLnRpdGxlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwid3JhcFwiPlxuICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhY29sdW1uLmhlYWRlclRlbXBsYXRlXCI+e3tjb2x1bW4udGl0bGV9fTwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgW25nSWZdPVwiY29sdW1uLmhlYWRlclRlbXBsYXRlXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29sdW1uLmhlYWRlclRlbXBsYXRlXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImNlbGxDb250ZXh0XCI+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgPGRpdiBjbGFzcz1cImRpcmVjdGlvblwiICpuZ0lmPVwiY29sdW1uLm9yZGVyZWRcIiBbbmdTd2l0Y2hdPVwiY29sdW1uLnNvcnRpbmdEaXJlY3Rpb24kIHwgYXN5bmNcIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiIHJvbGU9XCJpbWdcIiBhcmlhLWxhYmVsPVwiYXJyb3dfZG93bndhcmRcIiAqbmdTd2l0Y2hDYXNlPVwiJ2FzYydcIj5hcnJvd19kb3dud2FyZDwvbWF0LWljb24+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD1cImFycm93X3Vwd2FyZFwiICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5hcnJvd191cHdhcmQ8L21hdC1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZC1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9oZWFkL2hlYWQtY2VsbC9oZWFkLWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2hlYWQvaGVhZC1jZWxsL2hlYWQtY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBR1QsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFTckUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGVBQWU7SUFPNUM7SUFDQTtJQU5ILFdBQVcsR0FBUSxFQUFFLENBQUM7SUFFckIsYUFBYSxDQUE4QjtJQUVuRCxZQUNVLE1BQXlCLEVBQ3pCLFFBQXlCO1FBRWpDLEtBQUssRUFBRSxDQUFDO1FBSEEsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFDekIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFHakMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN2RCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDN0MsQ0FBQzt1R0F0QlUsbUJBQW1COzJGQUFuQixtQkFBbUIsNkVDbEJoQyw0bkJBc0JNOzsyRkRKTyxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBEb0NoZWNrLFxyXG4gIEtleVZhbHVlRGlmZmVyLFxyXG4gIEtleVZhbHVlRGlmZmVycyxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEZzQ2VsbENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2JvZHkvcm93L2NlbGwvY2VsbC5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnW2ZzLWhlYWQtY2VsbF0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkLWNlbGwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWQtY2VsbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRnNIZWFkQ2VsbENvbXBvbmVudCBleHRlbmRzIEZzQ2VsbENvbXBvbmVudCBpbXBsZW1lbnRzIERvQ2hlY2sge1xyXG5cclxuICBwdWJsaWMgY2VsbENvbnRleHQ6IGFueSA9IHt9O1xyXG5cclxuICBwcml2YXRlIF9jb2x1bW5EaWZmZXI6IEtleVZhbHVlRGlmZmVyPHN0cmluZywgYW55PjtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIF9kaWZmZXJzOiBLZXlWYWx1ZURpZmZlcnMsXHJcbiAgKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gICAgdGhpcy5fY29sdW1uRGlmZmVyID0gdGhpcy5fZGlmZmVycy5maW5kKHt9KS5jcmVhdGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ0RvQ2hlY2soKSB7XHJcbiAgICBpZiAodGhpcy5fY29sdW1uRGlmZmVyLmRpZmYodGhpcy5jb2x1bW4pKSB7XHJcbiAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGluaXRDZWxsQ29udGV4dCgpIHtcclxuICAgIHRoaXMuY2VsbENvbnRleHQudmFsdWUgPSB0aGlzLmNvbHVtbi50aXRsZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIndyYXBcIj5cbiAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhY29sdW1uLmhlYWRlclRlbXBsYXRlXCI+XG4gICAgICB7eyBjb2x1bW4udGl0bGUgfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgW25nSWZdPVwiY29sdW1uLmhlYWRlclRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbHVtbi5oZWFkZXJUZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwiY2VsbENvbnRleHRcIj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3NwYW4+XG4gIDxkaXZcbiAgICAgIGNsYXNzPVwiZGlyZWN0aW9uXCJcbiAgICAgICpuZ0lmPVwiY29sdW1uLm9yZGVyZWRcIlxuICAgICAgW25nU3dpdGNoXT1cImNvbHVtbi5zb3J0aW5nRGlyZWN0aW9uJCB8IGFzeW5jXCI+XG4gICAgPG1hdC1pY29uICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPlxuICAgICAgYXJyb3dfZG93bndhcmRcbiAgICA8L21hdC1pY29uPlxuICAgIDxtYXQtaWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCI+XG4gICAgICBhcnJvd191cHdhcmRcbiAgICA8L21hdC1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2022/app/components/pagination/pagination.component.mjs

@@ -5,8 +5,9 @@ import { PaginationController } from '../../classes/pagination-controller';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/core";
-import * as i4 from "@firestitch/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@firestitch/common";
 export class FsPaginationComponent {
     _cdRef;
     pagination;
@@ -27,14 +28,14 @@ export class FsPaginationComponent {
         this._destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n      <i class=\"material-icons\">first_page</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n      <i class=\"material-icons\">keyboard_arrow_left</i>\n    </a>\n\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of {{ pagination.pages | fsFormatNumber }}\n    </div>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n      <i class=\"material-icons\">keyboard_arrow_right</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n      <i class=\"material-icons\">last_page</i>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button \n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n       {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i4.FsFormatNumberPipe, name: "fsFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"first\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goFirst()\">\n      <mat-icon>\n        first_page\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"previous\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goPrev()\">\n      <mat-icon>\n        keyboard_arrow_left\n      </mat-icon>\n    </a>\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of      {{ pagination.pages | fsFormatNumber }}\n    </div>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"next\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goNext()\">\n      <mat-icon>\n        keyboard_arrow_right\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"last\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goLast()\">\n      <mat-icon>\n        last_page\n      </mat-icon>\n    </a>\n  </ng-container>\n</ng-container>\n<ng-template #loadMoreButton>\n  <div\n      class=\"fs-list-load-more\"\n      *ngIf=\"pagination.hasNextPage\">\n    <button\n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n      {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i5.FsFormatNumberPipe, name: "fsFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n      <i class=\"material-icons\">first_page</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n      <i class=\"material-icons\">keyboard_arrow_left</i>\n    </a>\n\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of {{ pagination.pages | fsFormatNumber }}\n    </div>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n      <i class=\"material-icons\">keyboard_arrow_right</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n      <i class=\"material-icons\">last_page</i>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button \n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n       {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"] }]
+            args: [{ selector: 'fs-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"first\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goFirst()\">\n      <mat-icon>\n        first_page\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"previous\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goPrev()\">\n      <mat-icon>\n        keyboard_arrow_left\n      </mat-icon>\n    </a>\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of      {{ pagination.pages | fsFormatNumber }}\n    </div>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"next\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goNext()\">\n      <mat-icon>\n        keyboard_arrow_right\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"last\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goLast()\">\n      <mat-icon>\n        last_page\n      </mat-icon>\n    </a>\n  </ng-container>\n</ng-container>\n<ng-template #loadMoreButton>\n  <div\n      class=\"fs-list-load-more\"\n      *ngIf=\"pagination.hasNextPage\">\n    <button\n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n      {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pagination: [{
                 type: Input
             }], rows: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7OztBQVEzRSxNQUFNLE9BQU8scUJBQXFCO0lBUXRCO0lBTk0sVUFBVSxDQUF1QjtJQUNqQyxJQUFJLENBQUM7SUFFYixTQUFTLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUVsQyxZQUNVLE1BQXlCO1FBQXpCLFdBQU0sR0FBTixNQUFNLENBQW1CO0lBQy9CLENBQUM7SUFFRSxRQUFRO1FBQ2IsS0FBSyxDQUNILElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FDdkI7YUFDRSxJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzt1R0EzQlUscUJBQXFCOzJGQUFyQixxQkFBcUIsOEdDcEJsQyx3a0RBb0NBOzsyRkRoQmEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNO3NGQUkvQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgbWVyZ2UsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgUGFnaW5hdGlvbkNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3BhZ2luYXRpb24tY29udHJvbGxlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZzLWxpc3QtcGFnaW5hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBwYWdpbmF0aW9uOiBQYWdpbmF0aW9uQ29udHJvbGxlcjtcbiAgQElucHV0KCkgcHVibGljIHJvd3M7XG5cbiAgcHJpdmF0ZSBfZGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2NkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7IH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgbWVyZ2UoXG4gICAgICB0aGlzLnBhZ2luYXRpb24ucGFnZUNoYW5nZWQkLFxuICAgICAgdGhpcy5wYWdpbmF0aW9uLnBhZ2VzJCxcbiAgICApXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQobnVsbCk7XG4gICAgdGhpcy5fZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIXBhZ2luYXRpb24ubG9hZE1vcmVFbmFibGVkOyBlbHNlIGxvYWRNb3JlQnV0dG9uXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJwYWdpbmF0aW9uPy5wYWdlc1wiPlxuICAgIDxhIG1hdFJpcHBsZSBbbWF0UmlwcGxlUmFkaXVzXT1cIjE1XCIgW21hdFJpcHBsZUNlbnRlcmVkXT1cInRydWVcIiBjbGFzcz1cImZpcnN0XCIgW2NsYXNzLmRpc2FibGVkXT1cIiFwYWdpbmF0aW9uLmhhc1ByZXZQYWdlXCIgKGNsaWNrKT1cInBhZ2luYXRpb24uZ29GaXJzdCgpXCI+XG4gICAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+Zmlyc3RfcGFnZTwvaT5cbiAgICA8L2E+XG5cbiAgICA8YSBtYXRSaXBwbGUgW21hdFJpcHBsZVJhZGl1c109XCIxNVwiIFttYXRSaXBwbGVDZW50ZXJlZF09XCJ0cnVlXCIgY2xhc3M9XCJwcmV2aW91c1wiIFtjbGFzcy5kaXNhYmxlZF09XCIhcGFnaW5hdGlvbi5oYXNQcmV2UGFnZVwiIChjbGljayk9XCJwYWdpbmF0aW9uLmdvUHJldigpXCI+XG4gICAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+a2V5Ym9hcmRfYXJyb3dfbGVmdDwvaT5cbiAgICA8L2E+XG5cbiAgICA8ZGl2IGNsYXNzPVwibnVtYmVyXCI+XG4gICAgICB7eyBwYWdpbmF0aW9uLnBhZ2UgfCBmc0Zvcm1hdE51bWJlciB9fSBvZiB7eyBwYWdpbmF0aW9uLnBhZ2VzIHwgZnNGb3JtYXROdW1iZXIgfX1cbiAgICA8L2Rpdj5cblxuICAgIDxhIG1hdFJpcHBsZSBbbWF0UmlwcGxlUmFkaXVzXT1cIjE1XCIgW21hdFJpcHBsZUNlbnRlcmVkXT1cInRydWVcIiBjbGFzcz1cIm5leHRcIiBbY2xhc3MuZGlzYWJsZWRdPVwiIXBhZ2luYXRpb24uaGFzTmV4dFBhZ2VcIiAoY2xpY2spPVwicGFnaW5hdGlvbi5nb05leHQoKVwiPlxuICAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9pPlxuICAgIDwvYT5cblxuICAgIDxhIG1hdFJpcHBsZSBbbWF0UmlwcGxlUmFkaXVzXT1cIjE1XCIgW21hdFJpcHBsZUNlbnRlcmVkXT1cInRydWVcIiBjbGFzcz1cImxhc3RcIiBbY2xhc3MuZGlzYWJsZWRdPVwiIXBhZ2luYXRpb24uaGFzTmV4dFBhZ2VcIiAoY2xpY2spPVwicGFnaW5hdGlvbi5nb0xhc3QoKVwiPlxuICAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmxhc3RfcGFnZTwvaT5cbiAgICA8L2E+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbG9hZE1vcmVCdXR0b24+XG4gIDxkaXYgY2xhc3M9XCJmcy1saXN0LWxvYWQtbW9yZVwiICpuZ0lmPVwicGFnaW5hdGlvbi5oYXNOZXh0UGFnZVwiPlxuICAgIDxidXR0b24gXG4gICAgICAgIG1hdC1idXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFtjbGFzc109XCJwYWdpbmF0aW9uLmxvYWRNb3JlQnV0dG9uQ2xhc3NcIlxuICAgICAgICBbY29sb3JdPVwicGFnaW5hdGlvbi5sb2FkTW9yZUJ1dHRvbkNvbG9yXCJcbiAgICAgICAgKGNsaWNrKT1cInBhZ2luYXRpb24uZ29OZXh0KClcIj5cbiAgICAgICB7eyBwYWdpbmF0aW9uLmxvYWRNb3JlTGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7QUFRM0UsTUFBTSxPQUFPLHFCQUFxQjtJQVF0QjtJQU5NLFVBQVUsQ0FBdUI7SUFDakMsSUFBSSxDQUFDO0lBRWIsU0FBUyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFFbEMsWUFDVSxNQUF5QjtRQUF6QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtJQUMvQixDQUFDO0lBRUUsUUFBUTtRQUNiLEtBQUssQ0FDSCxJQUFJLENBQUMsVUFBVSxDQUFDLFlBQVksRUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQ3ZCO2FBQ0UsSUFBSSxDQUNILFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7dUdBM0JVLHFCQUFxQjsyRkFBckIscUJBQXFCLDhHQ3BCbEMsaTBEQWdFYzs7MkZENUNELHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTtzRkFJL0IsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IG1lcmdlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFBhZ2luYXRpb25Db250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9wYWdpbmF0aW9uLWNvbnRyb2xsZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1saXN0LXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZzUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKSBwdWJsaWMgcGFnaW5hdGlvbjogUGFnaW5hdGlvbkNvbnRyb2xsZXI7XG4gIEBJbnB1dCgpIHB1YmxpYyByb3dzO1xuXG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkgeyB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIG1lcmdlKFxuICAgICAgdGhpcy5wYWdpbmF0aW9uLnBhZ2VDaGFuZ2VkJCxcbiAgICAgIHRoaXMucGFnaW5hdGlvbi5wYWdlcyQsXG4gICAgKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXN0cm95JC5uZXh0KG51bGwpO1xuICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFwYWdpbmF0aW9uLmxvYWRNb3JlRW5hYmxlZDsgZWxzZSBsb2FkTW9yZUJ1dHRvblwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwicGFnaW5hdGlvbj8ucGFnZXNcIj5cbiAgICA8YVxuICAgICAgICBtYXRSaXBwbGVcbiAgICAgICAgW21hdFJpcHBsZVJhZGl1c109XCIxNVwiXG4gICAgICAgIFttYXRSaXBwbGVDZW50ZXJlZF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJmaXJzdFwiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCIhcGFnaW5hdGlvbi5oYXNQcmV2UGFnZVwiXG4gICAgICAgIChjbGljayk9XCJwYWdpbmF0aW9uLmdvRmlyc3QoKVwiPlxuICAgICAgPG1hdC1pY29uPlxuICAgICAgICBmaXJzdF9wYWdlXG4gICAgICA8L21hdC1pY29uPlxuICAgIDwvYT5cbiAgICA8YVxuICAgICAgICBtYXRSaXBwbGVcbiAgICAgICAgW21hdFJpcHBsZVJhZGl1c109XCIxNVwiXG4gICAgICAgIFttYXRSaXBwbGVDZW50ZXJlZF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJwcmV2aW91c1wiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCIhcGFnaW5hdGlvbi5oYXNQcmV2UGFnZVwiXG4gICAgICAgIChjbGljayk9XCJwYWdpbmF0aW9uLmdvUHJldigpXCI+XG4gICAgICA8bWF0LWljb24+XG4gICAgICAgIGtleWJvYXJkX2Fycm93X2xlZnRcbiAgICAgIDwvbWF0LWljb24+XG4gICAgPC9hPlxuICAgIDxkaXYgY2xhc3M9XCJudW1iZXJcIj5cbiAgICAgIHt7IHBhZ2luYXRpb24ucGFnZSB8IGZzRm9ybWF0TnVtYmVyIH19IG9mICAgICAge3sgcGFnaW5hdGlvbi5wYWdlcyB8IGZzRm9ybWF0TnVtYmVyIH19XG4gICAgPC9kaXY+XG4gICAgPGFcbiAgICAgICAgbWF0UmlwcGxlXG4gICAgICAgIFttYXRSaXBwbGVSYWRpdXNdPVwiMTVcIlxuICAgICAgICBbbWF0UmlwcGxlQ2VudGVyZWRdPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzPVwibmV4dFwiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCIhcGFnaW5hdGlvbi5oYXNOZXh0UGFnZVwiXG4gICAgICAgIChjbGljayk9XCJwYWdpbmF0aW9uLmdvTmV4dCgpXCI+XG4gICAgICA8bWF0LWljb24+XG4gICAgICAgIGtleWJvYXJkX2Fycm93X3JpZ2h0XG4gICAgICA8L21hdC1pY29uPlxuICAgIDwvYT5cbiAgICA8YVxuICAgICAgICBtYXRSaXBwbGVcbiAgICAgICAgW21hdFJpcHBsZVJhZGl1c109XCIxNVwiXG4gICAgICAgIFttYXRSaXBwbGVDZW50ZXJlZF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJsYXN0XCJcbiAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cIiFwYWdpbmF0aW9uLmhhc05leHRQYWdlXCJcbiAgICAgICAgKGNsaWNrKT1cInBhZ2luYXRpb24uZ29MYXN0KClcIj5cbiAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgbGFzdF9wYWdlXG4gICAgICA8L21hdC1pY29uPlxuICAgIDwvYT5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjbG9hZE1vcmVCdXR0b24+XG4gIDxkaXZcbiAgICAgIGNsYXNzPVwiZnMtbGlzdC1sb2FkLW1vcmVcIlxuICAgICAgKm5nSWY9XCJwYWdpbmF0aW9uLmhhc05leHRQYWdlXCI+XG4gICAgPGJ1dHRvblxuICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBbY2xhc3NdPVwicGFnaW5hdGlvbi5sb2FkTW9yZUJ1dHRvbkNsYXNzXCJcbiAgICAgICAgW2NvbG9yXT1cInBhZ2luYXRpb24ubG9hZE1vcmVCdXR0b25Db2xvclwiXG4gICAgICAgIChjbGljayk9XCJwYWdpbmF0aW9uLmdvTmV4dCgpXCI+XG4gICAgICB7eyBwYWdpbmF0aW9uLmxvYWRNb3JlTGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/fesm2022/firestitch-list.mjs

@@ -8,7 +8,7 @@ import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i3$2 from '@angular/material/core';
+import * as i4$1 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
 import * as i1$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
@@ -18,7 +18,7 @@ import { MatMenuModule } from '@angular/material/menu';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i6$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i4$1 from '@firestitch/common';
+import * as i5$1 from '@firestitch/common';
 import { getNormalizedPath, FsCommonModule } from '@firestitch/common';
 import * as i5 from '@firestitch/file';
 import { FsFileModule } from '@firestitch/file';
@@ -32,7 +32,7 @@ import { FsScrollModule } from '@firestitch/scroll';
 import { get, isString, isObject, isBoolean, isNumber, isFunction, cloneDeep, random, mergeWith, merge as merge$1 } from 'lodash-es';
 import { BehaviorSubject, Subject, Observable, merge, from, of, combineLatest, EMPTY } from 'rxjs';
 import { takeUntil, take, filter, tap, skip, distinctUntilChanged, map, shareReplay, delay, switchMap, debounceTime, mapTo, catchError } from 'rxjs/operators';
-import * as i3$3 from '@firestitch/drawer';
+import * as i3$2 from '@firestitch/drawer';
 import * as i4$2 from '@firestitch/selection';
 import * as i1$3 from '@firestitch/store';
 import { FsPersistanceStore } from '@firestitch/store';
@@ -2473,11 +2473,11 @@ class FsHeadCellComponent extends FsCellComponent {
         this.cellContext.value = this.column.title;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsHeadCellComponent, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n    <span class=\"title\">\n      <ng-template [ngIf]=\"!column.headerTemplate\">{{column.title}}</ng-template>\n      <ng-template\n        [ngIf]=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\">\n      </ng-template>\n    </span>\n  <div class=\"direction\" *ngIf=\"column.ordered\" [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_downward\" *ngSwitchCase=\"'asc'\">arrow_downward</mat-icon>\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_upward\" *ngSwitchCase=\"'desc'\">arrow_upward</mat-icon>\n  </div>\n</div>\n", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsHeadCellComponent, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n  <span class=\"title\">\n    <ng-template [ngIf]=\"!column.headerTemplate\">\n      {{ column.title }}\n    </ng-template>\n    <ng-template\n      [ngIf]=\"column.headerTemplate\"\n      [ngTemplateOutlet]=\"column.headerTemplate\"\n      [ngTemplateOutletContext]=\"cellContext\">\n    </ng-template>\n  </span>\n  <div\n      class=\"direction\"\n      *ngIf=\"column.ordered\"\n      [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon *ngSwitchCase=\"'asc'\">\n      arrow_downward\n    </mat-icon>\n    <mat-icon *ngSwitchCase=\"'desc'\">\n      arrow_upward\n    </mat-icon>\n  </div>\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fs-head-cell]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrap\">\n    <span class=\"title\">\n      <ng-template [ngIf]=\"!column.headerTemplate\">{{column.title}}</ng-template>\n      <ng-template\n        [ngIf]=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\">\n      </ng-template>\n    </span>\n  <div class=\"direction\" *ngIf=\"column.ordered\" [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_downward\" *ngSwitchCase=\"'asc'\">arrow_downward</mat-icon>\n    <mat-icon class=\"material-icons\" role=\"img\" aria-label=\"arrow_upward\" *ngSwitchCase=\"'desc'\">arrow_upward</mat-icon>\n  </div>\n</div>\n", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"] }]
+            args: [{ selector: '[fs-head-cell]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrap\">\n  <span class=\"title\">\n    <ng-template [ngIf]=\"!column.headerTemplate\">\n      {{ column.title }}\n    </ng-template>\n    <ng-template\n      [ngIf]=\"column.headerTemplate\"\n      [ngTemplateOutlet]=\"column.headerTemplate\"\n      [ngTemplateOutletContext]=\"cellContext\">\n    </ng-template>\n  </span>\n  <div\n      class=\"direction\"\n      *ngIf=\"column.ordered\"\n      [ngSwitch]=\"column.sortingDirection$ | async\">\n    <mat-icon *ngSwitchCase=\"'asc'\">\n      arrow_downward\n    </mat-icon>\n    <mat-icon *ngSwitchCase=\"'desc'\">\n      arrow_upward\n    </mat-icon>\n  </div>\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }] });
 
 class ColumnAsyncAttribute extends BehaviorSubject {
@@ -5347,11 +5347,11 @@ class FsPaginationComponent {
         this._destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n      <i class=\"material-icons\">first_page</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n      <i class=\"material-icons\">keyboard_arrow_left</i>\n    </a>\n\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of {{ pagination.pages | fsFormatNumber }}\n    </div>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n      <i class=\"material-icons\">keyboard_arrow_right</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n      <i class=\"material-icons\">last_page</i>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button \n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n       {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i4$1.FsFormatNumberPipe, name: "fsFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsPaginationComponent, selector: "fs-list-pagination", inputs: { pagination: "pagination", rows: "rows" }, ngImport: i0, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"first\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goFirst()\">\n      <mat-icon>\n        first_page\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"previous\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goPrev()\">\n      <mat-icon>\n        keyboard_arrow_left\n      </mat-icon>\n    </a>\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of      {{ pagination.pages | fsFormatNumber }}\n    </div>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"next\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goNext()\">\n      <mat-icon>\n        keyboard_arrow_right\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"last\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goLast()\">\n      <mat-icon>\n        last_page\n      </mat-icon>\n    </a>\n  </ng-container>\n</ng-container>\n<ng-template #loadMoreButton>\n  <div\n      class=\"fs-list-load-more\"\n      *ngIf=\"pagination.hasNextPage\">\n    <button\n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n      {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i5$1.FsFormatNumberPipe, name: "fsFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"first\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goFirst()\">\n      <i class=\"material-icons\">first_page</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"previous\" [class.disabled]=\"!pagination.hasPrevPage\" (click)=\"pagination.goPrev()\">\n      <i class=\"material-icons\">keyboard_arrow_left</i>\n    </a>\n\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of {{ pagination.pages | fsFormatNumber }}\n    </div>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"next\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goNext()\">\n      <i class=\"material-icons\">keyboard_arrow_right</i>\n    </a>\n\n    <a matRipple [matRippleRadius]=\"15\" [matRippleCentered]=\"true\" class=\"last\" [class.disabled]=\"!pagination.hasNextPage\" (click)=\"pagination.goLast()\">\n      <i class=\"material-icons\">last_page</i>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadMoreButton>\n  <div class=\"fs-list-load-more\" *ngIf=\"pagination.hasNextPage\">\n    <button \n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n       {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"] }]
+            args: [{ selector: 'fs-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!pagination.loadMoreEnabled; else loadMoreButton\">\n  <ng-container *ngIf=\"pagination?.pages\">\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"first\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goFirst()\">\n      <mat-icon>\n        first_page\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"previous\"\n        [class.disabled]=\"!pagination.hasPrevPage\"\n        (click)=\"pagination.goPrev()\">\n      <mat-icon>\n        keyboard_arrow_left\n      </mat-icon>\n    </a>\n    <div class=\"number\">\n      {{ pagination.page | fsFormatNumber }} of      {{ pagination.pages | fsFormatNumber }}\n    </div>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"next\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goNext()\">\n      <mat-icon>\n        keyboard_arrow_right\n      </mat-icon>\n    </a>\n    <a\n        matRipple\n        [matRippleRadius]=\"15\"\n        [matRippleCentered]=\"true\"\n        class=\"last\"\n        [class.disabled]=\"!pagination.hasNextPage\"\n        (click)=\"pagination.goLast()\">\n      <mat-icon>\n        last_page\n      </mat-icon>\n    </a>\n  </ng-container>\n</ng-container>\n<ng-template #loadMoreButton>\n  <div\n      class=\"fs-list-load-more\"\n      *ngIf=\"pagination.hasNextPage\">\n    <button\n        mat-button\n        type=\"button\"\n        [class]=\"pagination.loadMoreButtonClass\"\n        [color]=\"pagination.loadMoreButtonColor\"\n        (click)=\"pagination.goNext()\">\n      {{ pagination.loadMoreLabel }}\n    </button>\n  </div>\n</ng-template>", styles: [":host{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:100%}a{text-align:center;color:#000000de;text-decoration:none;font-size:15px;cursor:pointer;display:flex}a:not(.page){padding:10px}a.disabled{pointer-events:none;cursor:default;color:#d8d8d8}.number{font-size:90%}.fs-list-load-more button{width:100%;margin-top:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pagination: [{
                 type: Input
             }], rows: [{
@@ -5687,7 +5687,7 @@ class FsListComponent {
         const namespace = getNormalizedPath(this._location);
         this._persistance.setConfig(persistConfig, namespace, this._inDialog);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsListComponent, deps: [{ token: ReorderController }, { token: FS_LIST_DEFAULT_CONFIG, optional: true }, { token: i1$2.MatDialogRef, optional: true }, { token: i3$3.DrawerRef, optional: true }, { token: i0.ElementRef }, { token: i4$2.SelectionDialog }, { token: i1$2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: GroupExpandNotifierService }, { token: i6.Router }, { token: i6.ActivatedRoute }, { token: PersistanceController }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsListComponent, deps: [{ token: ReorderController }, { token: FS_LIST_DEFAULT_CONFIG, optional: true }, { token: i1$2.MatDialogRef, optional: true }, { token: i3$2.DrawerRef, optional: true }, { token: i0.ElementRef }, { token: i4$2.SelectionDialog }, { token: i1$2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: GroupExpandNotifierService }, { token: i6.Router }, { token: i6.ActivatedRoute }, { token: PersistanceController }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsListComponent, selector: "fs-list", inputs: { config: "config", loaderLines: "loaderLines" }, outputs: { filtersReady: "filtersReady" }, host: { properties: { "class.fs-list": "this.classFsList", "class.fs-list-row-highlight": "this.rowHoverHighlight" } }, providers: [
             GroupExpandNotifierService,
             PersistanceController,
@@ -5708,7 +5708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     args: [FS_LIST_DEFAULT_CONFIG]
                 }] }, { type: i1$2.MatDialogRef, decorators: [{
                     type: Optional
-                }] }, { type: i3$3.DrawerRef, decorators: [{
+                }] }, { type: i3$2.DrawerRef, decorators: [{
                     type: Optional
                 }] }, { type: i0.ElementRef }, { type: i4$2.SelectionDialog }, { type: i1$2.MatDialog }, { type: i0.ChangeDetectorRef }, { type: GroupExpandNotifierService }, { type: i6.Router }, { type: i6.ActivatedRoute }, { type: PersistanceController }, { type: i1.Location }], propDecorators: { classFsList: [{
                 type: HostBinding,