@mintplayer/ng-bootstrap 21.9.2 → 21.11.0

package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Input, Directive, contentChildren, computed, model, ChangeDetectionStrategy, Component, input, effect } from '@angular/core';
+import { inject, TemplateRef, Input, Directive, contentChildren, model, computed, ChangeDetectionStrategy, Component, input, effect } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';
 import { BsTableComponent } from '@mintplayer/ng-bootstrap/table';
@@ -7,8 +7,7 @@ import { BsPaginationComponent } from '@mintplayer/ng-bootstrap/pagination';
 
 class DatatableSettings {
     constructor(data) {
-        this.sortProperty = '';
-        this.sortDirection = 'ascending';
+        this.sortColumns = [];
         Object.assign(this, data);
         if (data && data.perPage) {
             this.perPage = data.perPage;
@@ -33,8 +32,7 @@ class DatatableSettings {
     }
     toPagination() {
         const res = {
-            sortProperty: this.sortProperty,
-            sortDirection: this.sortDirection,
+            sortColumns: this.sortColumns,
             perPage: this.perPage.selected,
             page: this.page.selected
         };
@@ -64,50 +62,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                 args: ['bsDatatableColumnSortable']
             }] } });
 
-class BsDatatableComponent {
+class DatatableSortBase {
     constructor() {
         this.columns = contentChildren(BsDatatableColumnDirective, ...(ngDevMode ? [{ debugName: "columns" }] : []));
-        this.numberOfColumns = computed(() => this.columns().length, ...(ngDevMode ? [{ debugName: "numberOfColumns" }] : []));
         this.settings = model(new DatatableSettings(), ...(ngDevMode ? [{ debugName: "settings" }] : []));
-        this.data = model(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
     }
     get columnsArray() {
         return this.columns();
     }
-    columnHeaderClicked(column) {
-        if (column.sortable) {
-            const currentSettings = this.settings();
-            if (currentSettings.sortProperty !== column.name) {
-                currentSettings.sortProperty = column.name;
-                currentSettings.sortDirection = 'ascending';
+    getSortIndex(columnName) {
+        return this.settings().sortColumns.findIndex(c => c.property === columnName);
+    }
+    getSortDirection(columnName) {
+        const col = this.settings().sortColumns.find(c => c.property === columnName);
+        return col?.direction ?? null;
+    }
+    onHeaderMouseDown(event) {
+        if (event.shiftKey) {
+            event.preventDefault();
+        }
+    }
+    columnHeaderClicked(column, event) {
+        if (!column.sortable)
+            return;
+        const currentSettings = this.settings();
+        let sortColumns = currentSettings.sortColumns;
+        if (event.shiftKey) {
+            // Multi-column: add/toggle/remove
+            const existingIndex = sortColumns.findIndex(c => c.property === column.name);
+            if (existingIndex === -1) {
+                sortColumns = [...sortColumns, { property: column.name, direction: 'ascending' }];
             }
-            else if (currentSettings.sortDirection === 'descending') {
-                currentSettings.sortDirection = 'ascending';
+            else if (sortColumns[existingIndex].direction === 'ascending') {
+                sortColumns = sortColumns.map((c, i) => i === existingIndex ? { ...c, direction: 'descending' } : c);
             }
             else {
-                currentSettings.sortDirection = 'descending';
+                sortColumns = sortColumns.filter((_, i) => i !== existingIndex);
             }
-            this.settings.set(new DatatableSettings(currentSettings));
         }
+        else {
+            // Single-column: replace all
+            const existingSingle = sortColumns.length === 1 && sortColumns[0].property === column.name;
+            sortColumns = [{
+                    property: column.name,
+                    direction: existingSingle && sortColumns[0].direction === 'ascending' ? 'descending' : 'ascending'
+                }];
+        }
+        this.settings.set(new DatatableSettings({ ...currentSettings, sortColumns }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DatatableSortBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.6", type: DatatableSortBase, isStandalone: true, inputs: { settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { settings: "settingsChange" }, queries: [{ propertyName: "columns", predicate: BsDatatableColumnDirective, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DatatableSortBase, decorators: [{
+            type: Directive
+        }], propDecorators: { columns: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BsDatatableColumnDirective), { isSignal: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }, { type: i0.Output, args: ["settingsChange"] }] } });
+
+class BsDatatableComponent extends DatatableSortBase {
+    constructor() {
+        super(...arguments);
+        this.numberOfColumns = computed(() => this.columns().length, ...(ngDevMode ? [{ debugName: "numberOfColumns" }] : []));
+        this.data = model(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
     }
     onPerPageChange(perPage) {
         const currentSettings = this.settings();
-        currentSettings.perPage.selected = perPage;
-        currentSettings.page.selected = 1;
-        this.settings.set(new DatatableSettings(currentSettings));
+        this.settings.set(new DatatableSettings({
+            ...currentSettings,
+            perPage: { ...currentSettings.perPage, selected: perPage },
+            page: { ...currentSettings.page, selected: 1 },
+        }));
     }
     onPageChange(page) {
         const currentSettings = this.settings();
-        currentSettings.page.selected = page;
-        this.settings.set(new DatatableSettings(currentSettings));
+        this.settings.set(new DatatableSettings({
+            ...currentSettings,
+            page: { ...currentSettings.page, selected: page },
+        }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsDatatableComponent, isStandalone: true, selector: "bs-datatable", inputs: { settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { settings: "settingsChange", data: "dataChange" }, queries: [{ propertyName: "columns", predicate: BsDatatableColumnDirective, isSignal: true }], ngImport: i0, template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'ascending')\"\n                    [class.sort-desc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'descending')\"\n                    (click)=\"columnHeaderClicked(column)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n", styles: ["@charset \"UTF-8\";tfoot>tr>td{border-bottom:none}bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover"] }, { kind: "component", type: BsPaginationComponent, selector: "bs-pagination", inputs: ["pageNumbers", "selectedPageNumber", "numberOfBoxes", "showArrows", "size"], outputs: ["selectedPageNumberChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsDatatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsDatatableComponent, isStandalone: true, selector: "bs-datatable", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange" }, usesInheritance: true, ngImport: i0, template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                    [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                    (mousedown)=\"onHeaderMouseDown($event)\"\n                    (click)=\"columnHeaderClicked(column, $event)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                    @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                        <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                    }\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n", styles: ["@charset \"UTF-8\";bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}bs-table thead th.sort .sort-priority{position:absolute;right:.1em;bottom:.3em;font-size:.65em;font-weight:700;opacity:.7}tfoot>tr>td{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover"] }, { kind: "component", type: BsPaginationComponent, selector: "bs-pagination", inputs: ["pageNumbers", "selectedPageNumber", "numberOfBoxes", "showArrows", "size"], outputs: ["selectedPageNumberChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsDatatableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-datatable', imports: [NgTemplateOutlet, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsTableComponent, BsPaginationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'ascending')\"\n                    [class.sort-desc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'descending')\"\n                    (click)=\"columnHeaderClicked(column)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n", styles: ["@charset \"UTF-8\";tfoot>tr>td{border-bottom:none}bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}\n"] }]
-        }], propDecorators: { columns: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BsDatatableColumnDirective), { isSignal: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }, { type: i0.Output, args: ["settingsChange"] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }, { type: i0.Output, args: ["dataChange"] }] } });
+            args: [{ selector: 'bs-datatable', imports: [NgTemplateOutlet, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsTableComponent, BsPaginationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                    [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                    (mousedown)=\"onHeaderMouseDown($event)\"\n                    (click)=\"columnHeaderClicked(column, $event)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                    @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                        <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                    }\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n", styles: ["@charset \"UTF-8\";bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}bs-table thead th.sort .sort-priority{position:absolute;right:.1em;bottom:.3em;font-size:.65em;font-weight:700;opacity:.7}tfoot>tr>td{border-bottom:none}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }, { type: i0.Output, args: ["dataChange"] }] } });
 
 class BsRowTemplateDirective {
     constructor() {
@@ -142,5 +179,5 @@ class BsRowTemplateContext {
  * Generated bundle index. Do not edit.
  */
 
-export { BsDatatableColumnDirective, BsDatatableComponent, BsRowTemplateContext, BsRowTemplateDirective, DatatableSettings };
+export { BsDatatableColumnDirective, BsDatatableComponent, BsRowTemplateContext, BsRowTemplateDirective, DatatableSettings, DatatableSortBase };
 //# sourceMappingURL=mintplayer-ng-bootstrap-datatable.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-datatable.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable-settings.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable-column/datatable-column.directive.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable/datatable.component.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable/datatable.component.html","../../../../libs/mintplayer-ng-bootstrap/datatable/src/row-template/row-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/mintplayer-ng-bootstrap-datatable.ts"],"sourcesContent":["import { PaginationRequest } from \"@mintplayer/pagination\";\n\nexport class DatatableSettings {\n    constructor(data?: Partial<DatatableSettings>) {\n        Object.assign(this, data);\n\n        if (data && data.perPage) {\n            this.perPage = data.perPage;\n        } else {\n            // Set default value\n            this.perPage = {\n                values: [10, 20, 50],\n                selected: 20\n            };\n        }\n        \n        if (data && data.page) {\n            this.page = data.page;\n        } else {\n            // Set default value\n            this.page = {\n                values: [1],\n                selected: 1\n            };\n        }\n    }\n\n    public sortProperty = '';\n    public sortDirection: 'ascending' | 'descending' = 'ascending';\n    public perPage: { values: number[], selected: number };\n    public page: { values: number[], selected: number };\n\n    public toPagination() {\n        const res = <PaginationRequest>{\n            sortProperty: this.sortProperty,\n            sortDirection: this.sortDirection,\n            perPage: this.perPage.selected,\n            page: this.page.selected\n        };\n        return res;\n    }\n}","import { Directive, inject, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[bsDatatableColumn]',\n})\nexport class BsDatatableColumnDirective {\n  templateRef = inject(TemplateRef);\n  @Input('bsDatatableColumn') public name = '';\n  @Input('bsDatatableColumnSortable') public sortable = true;\n\n}","import { ChangeDetectionStrategy, Component, computed, contentChildren, input, model, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { BsPaginationComponent } from '@mintplayer/ng-bootstrap/pagination';\nimport { DatatableSettings } from '../datatable-settings';\nimport { BsDatatableColumnDirective } from '../datatable-column/datatable-column.directive';\nimport { BsRowTemplateContext } from '../row-template/row-template.directive';\n\n\n@Component({\n  selector: 'bs-datatable',\n  templateUrl: './datatable.component.html',\n  styleUrls: ['./datatable.component.scss'],\n  imports: [NgTemplateOutlet, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsTableComponent, BsPaginationComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsDatatableComponent<TData> {\n\n  readonly columns = contentChildren(BsDatatableColumnDirective);\n  numberOfColumns = computed(() => this.columns().length);\n\n  get columnsArray() {\n    return this.columns();\n  }\n\n  settings = model<DatatableSettings>(new DatatableSettings());\n  data = model<PaginationResponse<TData> | undefined>(undefined);\n\n  rowTemplate?: TemplateRef<BsRowTemplateContext<TData>>;\n\n  columnHeaderClicked(column: BsDatatableColumnDirective) {\n    if (column.sortable) {\n      const currentSettings = this.settings();\n      if (currentSettings.sortProperty !== column.name) {\n        currentSettings.sortProperty = column.name;\n        currentSettings.sortDirection = 'ascending';\n      } else if (currentSettings.sortDirection === 'descending') {\n        currentSettings.sortDirection = 'ascending';\n      } else {\n        currentSettings.sortDirection = 'descending';\n      }\n      this.settings.set(new DatatableSettings(currentSettings));\n    }\n  }\n\n  onPerPageChange(perPage: number) {\n    const currentSettings = this.settings();\n    currentSettings.perPage.selected = perPage;\n    currentSettings.page.selected = 1;\n    this.settings.set(new DatatableSettings(currentSettings));\n  }\n\n  onPageChange(page: number) {\n    const currentSettings = this.settings();\n    currentSettings.page.selected = page;\n    this.settings.set(new DatatableSettings(currentSettings));\n  }\n\n}\n","<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'ascending')\"\n                    [class.sort-desc]=\"column.sortable && (settings().sortProperty === column.name) && (settings().sortDirection === 'descending')\"\n                    (click)=\"columnHeaderClicked(column)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n","import { Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { BsDatatableComponent } from '../datatable/datatable.component';\n\n@Directive({\n  selector: '[bsRowTemplate]',\n})\nexport class BsRowTemplateDirective<TData> {\n\n  private datatableComponent = inject<BsDatatableComponent<TData>>(BsDatatableComponent);\n  private templateRef = inject<TemplateRef<BsRowTemplateContext<TData>>>(TemplateRef);\n\n  constructor() {\n    this.datatableComponent.rowTemplate = this.templateRef;\n\n    effect(() => {\n      const value = this.bsRowTemplateOf();\n      this.datatableComponent.data.set(value);\n    });\n  }\n\n  readonly bsRowTemplateOf = input<PaginationResponse<TData> | undefined>(undefined);\n\n  public static ngTemplateContextGuard<TData>(\n    dir: BsRowTemplateDirective<TData>,\n    ctx: any\n  ): ctx is BsRowTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>> {\n    return true;\n  }\n}\n\nexport class BsRowTemplateContext<TData = unknown> {\n  public $implicit: TData = null!;\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-datatable.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable-settings.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable-column/datatable-column.directive.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable-sort-base.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable/datatable.component.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/src/datatable/datatable.component.html","../../../../libs/mintplayer-ng-bootstrap/datatable/src/row-template/row-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/datatable/mintplayer-ng-bootstrap-datatable.ts"],"sourcesContent":["import { PaginationRequest, SortColumn } from \"@mintplayer/pagination\";\n\nexport class DatatableSettings {\n    constructor(data?: Partial<DatatableSettings>) {\n        Object.assign(this, data);\n\n        if (data && data.perPage) {\n            this.perPage = data.perPage;\n        } else {\n            // Set default value\n            this.perPage = {\n                values: [10, 20, 50],\n                selected: 20\n            };\n        }\n\n        if (data && data.page) {\n            this.page = data.page;\n        } else {\n            // Set default value\n            this.page = {\n                values: [1],\n                selected: 1\n            };\n        }\n    }\n\n    public sortColumns: SortColumn[] = [];\n    public perPage: { values: number[], selected: number };\n    public page: { values: number[], selected: number };\n\n    public toPagination() {\n        const res = <PaginationRequest>{\n            sortColumns: this.sortColumns,\n            perPage: this.perPage.selected,\n            page: this.page.selected\n        };\n        return res;\n    }\n}","import { Directive, inject, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[bsDatatableColumn]',\n})\nexport class BsDatatableColumnDirective {\n  templateRef = inject(TemplateRef);\n  @Input('bsDatatableColumn') public name = '';\n  @Input('bsDatatableColumnSortable') public sortable = true;\n\n}","import { contentChildren, Directive, model } from '@angular/core';\nimport { DatatableSettings } from './datatable-settings';\nimport { BsDatatableColumnDirective } from './datatable-column/datatable-column.directive';\n\n@Directive()\nexport abstract class DatatableSortBase {\n\n  readonly columns = contentChildren(BsDatatableColumnDirective);\n\n  get columnsArray() {\n    return this.columns();\n  }\n\n  settings = model<DatatableSettings>(new DatatableSettings());\n\n  getSortIndex(columnName: string): number {\n    return this.settings().sortColumns.findIndex(c => c.property === columnName);\n  }\n\n  getSortDirection(columnName: string): 'ascending' | 'descending' | null {\n    const col = this.settings().sortColumns.find(c => c.property === columnName);\n    return col?.direction ?? null;\n  }\n\n  onHeaderMouseDown(event: MouseEvent) {\n    if (event.shiftKey) {\n      event.preventDefault();\n    }\n  }\n\n  columnHeaderClicked(column: BsDatatableColumnDirective, event: MouseEvent) {\n    if (!column.sortable) return;\n\n    const currentSettings = this.settings();\n    let sortColumns = currentSettings.sortColumns;\n\n    if (event.shiftKey) {\n      // Multi-column: add/toggle/remove\n      const existingIndex = sortColumns.findIndex(c => c.property === column.name);\n      if (existingIndex === -1) {\n        sortColumns = [...sortColumns, { property: column.name, direction: 'ascending' as const }];\n      } else if (sortColumns[existingIndex].direction === 'ascending') {\n        sortColumns = sortColumns.map((c, i) =>\n          i === existingIndex ? { ...c, direction: 'descending' as const } : c\n        );\n      } else {\n        sortColumns = sortColumns.filter((_, i) => i !== existingIndex);\n      }\n    } else {\n      // Single-column: replace all\n      const existingSingle = sortColumns.length === 1 && sortColumns[0].property === column.name;\n      sortColumns = [{\n        property: column.name,\n        direction: existingSingle && sortColumns[0].direction === 'ascending' ? 'descending' as const : 'ascending' as const\n      }];\n    }\n\n    this.settings.set(new DatatableSettings({ ...currentSettings, sortColumns }));\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, model, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { BsPaginationComponent } from '@mintplayer/ng-bootstrap/pagination';\nimport { DatatableSettings } from '../datatable-settings';\nimport { DatatableSortBase } from '../datatable-sort-base';\nimport { BsRowTemplateContext } from '../row-template/row-template.directive';\n\n\n@Component({\n  selector: 'bs-datatable',\n  templateUrl: './datatable.component.html',\n  styleUrls: ['./datatable.component.scss'],\n  imports: [NgTemplateOutlet, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsTableComponent, BsPaginationComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsDatatableComponent<TData> extends DatatableSortBase {\n\n  numberOfColumns = computed(() => this.columns().length);\n\n  data = model<PaginationResponse<TData> | undefined>(undefined);\n\n  rowTemplate?: TemplateRef<BsRowTemplateContext<TData>>;\n\n  onPerPageChange(perPage: number) {\n    const currentSettings = this.settings();\n    this.settings.set(new DatatableSettings({\n      ...currentSettings,\n      perPage: { ...currentSettings.perPage, selected: perPage },\n      page: { ...currentSettings.page, selected: 1 },\n    }));\n  }\n\n  onPageChange(page: number) {\n    const currentSettings = this.settings();\n    this.settings.set(new DatatableSettings({\n      ...currentSettings,\n      page: { ...currentSettings.page, selected: page },\n    }));\n  }\n\n}\n","<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n    <thead>\n        <tr>\n            @for (column of columnsArray; track column) {\n                <th class=\"text-nowrap\"\n                    [class.sort]=\"column.sortable\"\n                    [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                    [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                    (mousedown)=\"onHeaderMouseDown($event)\"\n                    (click)=\"columnHeaderClicked(column, $event)\">\n                    <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                    @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                        <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                    }\n                </th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!!data() && !!rowTemplate) {\n            @for (item of data()!.data; track $index) {\n                <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n            }\n        }\n    </tbody>\n    <tfoot>\n        <tr>\n            <td [colSpan]=\"numberOfColumns()\">\n                <bs-grid [stopFullWidthAt]=\"'never'\">\n                    <div bsRow>\n                        <div [md]=\"12\">\n                            <bs-pagination class=\"float-start\" [pageNumbers]=\"settings().perPage.values\"\n                                [selectedPageNumber]=\"settings().perPage.selected\" (selectedPageNumberChange)=\"onPerPageChange($event)\"\n                                [showArrows]=\"false\"></bs-pagination>\n                            <bs-pagination class=\"float-end\" [pageNumbers]=\"settings().page.values\"\n                                [selectedPageNumber]=\"settings().page.selected\" (selectedPageNumberChange)=\"onPageChange($event)\"\n                                [showArrows]=\"true\"></bs-pagination>\n                        </div>\n                    </div>\n                </bs-grid>\n            </td>\n        </tr>\n    </tfoot>\n</bs-table>\n","import { Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { BsDatatableComponent } from '../datatable/datatable.component';\n\n@Directive({\n  selector: '[bsRowTemplate]',\n})\nexport class BsRowTemplateDirective<TData> {\n\n  private datatableComponent = inject<BsDatatableComponent<TData>>(BsDatatableComponent);\n  private templateRef = inject<TemplateRef<BsRowTemplateContext<TData>>>(TemplateRef);\n\n  constructor() {\n    this.datatableComponent.rowTemplate = this.templateRef;\n\n    effect(() => {\n      const value = this.bsRowTemplateOf();\n      this.datatableComponent.data.set(value);\n    });\n  }\n\n  readonly bsRowTemplateOf = input<PaginationResponse<TData> | undefined>(undefined);\n\n  public static ngTemplateContextGuard<TData>(\n    dir: BsRowTemplateDirective<TData>,\n    ctx: any\n  ): ctx is BsRowTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>> {\n    return true;\n  }\n}\n\nexport class BsRowTemplateContext<TData = unknown> {\n  public $implicit: TData = null!;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mintplayer-ng-bootstrap-table.mjs

@@ -1,5 +1,14 @@
 import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+
+class BsTableStylesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsTableStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: BsTableStylesComponent, isStandalone: true, selector: "bs-table-styles", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:contents}:host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}:host ::ng-deep a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:host ::ng-deep [type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsTableStylesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-table-styles', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}:host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}:host ::ng-deep a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:host ::ng-deep [type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}\n"] }]
+        }] });
 
 class BsTableComponent {
     constructor() {
@@ -8,16 +17,16 @@ class BsTableComponent {
         this.hover = input(false, ...(ngDevMode ? [{ debugName: "hover" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: BsTableComponent, isStandalone: true, selector: "bs-table", inputs: { isResponsive: { classPropertyName: "isResponsive", publicName: "isResponsive", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n    <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n        [class.mb-0]=\"isResponsive()\"\n        [class.table-striped]=\"striped()\"\n        [class.table-hover]=\"hover()\">\n\n        <ng-content></ng-content>\n\n    </table>\n</div>\n", styles: [":host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}:host ::ng-deep a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:host ::ng-deep [type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}:host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: BsTableComponent, isStandalone: true, selector: "bs-table", inputs: { isResponsive: { classPropertyName: "isResponsive", publicName: "isResponsive", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bs-table-styles>\n    <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n        <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n            [class.mb-0]=\"isResponsive()\"\n            [class.table-striped]=\"striped()\"\n            [class.table-hover]=\"hover()\">\n\n            <ng-content></ng-content>\n\n        </table>\n    </div>\n</bs-table-styles>\n", styles: [":host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: BsTableStylesComponent, selector: "bs-table-styles" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n    <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n        [class.mb-0]=\"isResponsive()\"\n        [class.table-striped]=\"striped()\"\n        [class.table-hover]=\"hover()\">\n\n        <ng-content></ng-content>\n\n    </table>\n</div>\n", styles: [":host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}:host ::ng-deep a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:host ::ng-deep [type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}:host ::ng-deep .table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}:host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"] }]
+            args: [{ selector: 'bs-table', imports: [BsTableStylesComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-table-styles>\n    <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n        <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n            [class.mb-0]=\"isResponsive()\"\n            [class.table-striped]=\"striped()\"\n            [class.table-hover]=\"hover()\">\n\n            <ng-content></ng-content>\n\n        </table>\n    </div>\n</bs-table-styles>\n", styles: [":host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"] }]
         }], propDecorators: { isResponsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isResponsive", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], hover: [{ type: i0.Input, args: [{ isSignal: true, alias: "hover", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsTableComponent };
+export { BsTableComponent, BsTableStylesComponent };
 //# sourceMappingURL=mintplayer-ng-bootstrap-table.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-table.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.html","../../../../libs/mintplayer-ng-bootstrap/table/mintplayer-ng-bootstrap-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'bs-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableComponent {\n  isResponsive = input(false);\n  striped = input(false);\n  hover = input(false);\n}\n","<div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n    <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n        [class.mb-0]=\"isResponsive()\"\n        [class.table-striped]=\"striped()\"\n        [class.table-hover]=\"hover()\">\n\n        <ng-content></ng-content>\n\n    </table>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;AAOE,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,wDAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC;AACtB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,iDAAC;AACrB,IAAA;8GAJY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,mdCR7B,kWAUA,EAAA,MAAA,EAAA,CAAA,wiZAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDFa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,UAAU,EAAA,eAAA,EAGH,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kWAAA,EAAA,MAAA,EAAA,CAAA,wiZAAA,CAAA,EAAA;;;AENjD;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-table.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/table/src/table-styles/table-styles.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.html","../../../../libs/mintplayer-ng-bootstrap/table/mintplayer-ng-bootstrap-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'bs-table-styles',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./table-styles.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableStylesComponent {}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { BsTableStylesComponent } from '../table-styles/table-styles.component';\n\n@Component({\n  selector: 'bs-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  imports: [BsTableStylesComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableComponent {\n  isResponsive = input(false);\n  striped = input(false);\n  hover = input(false);\n}\n","<bs-table-styles>\n    <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n        <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n            [class.mb-0]=\"isResponsive()\"\n            [class.table-striped]=\"striped()\"\n            [class.table-hover]=\"hover()\">\n\n            <ng-content></ng-content>\n\n        </table>\n    </div>\n</bs-table-styles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,2EAJvB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8/YAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8/YAAA,CAAA,EAAA;;;MCIpC,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,wDAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC;AACtB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,iDAAC;AACrB,IAAA;8GAJY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,yaAYA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDLY,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGrB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WAGX,CAAC,sBAAsB,CAAC,EAAA,eAAA,EAChB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yaAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}

package/fesm2022/mintplayer-ng-bootstrap-virtual-datatable.mjs

@@ -0,0 +1,162 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, input, ChangeDetectionStrategy, Component, TemplateRef, Directive } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/cdk/scrolling';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { BsTableComponent, BsTableStylesComponent } from '@mintplayer/ng-bootstrap/table';
+import { DatatableSortBase } from '@mintplayer/ng-bootstrap/datatable';
+import { DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, from, of } from 'rxjs';
+import { startWith, filter, map, distinctUntilChanged, switchMap, catchError } from 'rxjs/operators';
+
+class BsVirtualDatatableComponent extends DatatableSortBase {
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+        this.ngZone = inject(NgZone);
+        this.dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : []));
+        this.itemSize = input(48, ...(ngDevMode ? [{ debugName: "itemSize" }] : []));
+    }
+    ngAfterViewInit() {
+        this.setupScrollSync();
+    }
+    ngOnDestroy() {
+        this.scrollCleanup?.();
+    }
+    setupScrollSync() {
+        const el = this.elementRef.nativeElement;
+        const headerScrollContainer = el.querySelector('.table-responsive');
+        const viewport = el.querySelector('cdk-virtual-scroll-viewport');
+        if (!headerScrollContainer || !viewport)
+            return;
+        let syncing = false;
+        const onHeaderScroll = () => {
+            if (syncing)
+                return;
+            syncing = true;
+            viewport.scrollLeft = headerScrollContainer.scrollLeft;
+            syncing = false;
+        };
+        const onViewportScroll = () => {
+            if (syncing)
+                return;
+            syncing = true;
+            headerScrollContainer.scrollLeft = viewport.scrollLeft;
+            syncing = false;
+        };
+        this.ngZone.runOutsideAngular(() => {
+            headerScrollContainer.addEventListener('scroll', onHeaderScroll, { passive: true });
+            viewport.addEventListener('scroll', onViewportScroll, { passive: true });
+        });
+        this.scrollCleanup = () => {
+            headerScrollContainer.removeEventListener('scroll', onHeaderScroll);
+            viewport.removeEventListener('scroll', onViewportScroll);
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsVirtualDatatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsVirtualDatatableComponent, isStandalone: true, selector: "bs-virtual-datatable", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"virtual-datatable-container\">\n    <bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\">\n        <thead>\n            <tr>\n                @for (column of columnsArray; track column) {\n                    <th class=\"text-nowrap\"\n                        [class.sort]=\"column.sortable\"\n                        [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                        [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                        (mousedown)=\"onHeaderMouseDown($event)\"\n                        (click)=\"columnHeaderClicked(column, $event)\">\n                        <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                        @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                            <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                        }\n                    </th>\n                }\n            </tr>\n        </thead>\n    </bs-table>\n\n    <bs-table-styles>\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize()\" class=\"virtual-scroll-viewport\">\n            <table class=\"table table-striped table-hover\">\n                <tbody>\n                    <tr *cdkVirtualFor=\"let item of dataSource()\" class=\"virtual-row\">\n                        @if (item && rowTemplate) {\n                            <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n                        } @else {\n                            @for (column of columnsArray; track column) {\n                                <td>&nbsp;</td>\n                            }\n                        }\n                    </tr>\n                </tbody>\n            </table>\n        </cdk-virtual-scroll-viewport>\n    </bs-table-styles>\n</div>\n", styles: ["@charset \"UTF-8\";bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}bs-table thead th.sort .sort-priority{position:absolute;right:.1em;bottom:.3em;font-size:.65em;font-weight:700;opacity:.7}:host{display:block;height:100%}.virtual-datatable-container{display:flex;flex-direction:column;height:100%}.virtual-datatable-container bs-table{flex-shrink:0}bs-table ::ng-deep table,.virtual-scroll-viewport table{table-layout:fixed}bs-table ::ng-deep .table-responsive{scrollbar-gutter:stable}.virtual-scroll-viewport{flex:1 1 auto;min-height:0;scrollbar-gutter:stable}.virtual-scroll-viewport table{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover"] }, { kind: "component", type: BsTableStylesComponent, selector: "bs-table-styles" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsVirtualDatatableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-virtual-datatable', imports: [NgTemplateOutlet, ScrollingModule, BsTableComponent, BsTableStylesComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"virtual-datatable-container\">\n    <bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\">\n        <thead>\n            <tr>\n                @for (column of columnsArray; track column) {\n                    <th class=\"text-nowrap\"\n                        [class.sort]=\"column.sortable\"\n                        [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                        [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                        (mousedown)=\"onHeaderMouseDown($event)\"\n                        (click)=\"columnHeaderClicked(column, $event)\">\n                        <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                        @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                            <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                        }\n                    </th>\n                }\n            </tr>\n        </thead>\n    </bs-table>\n\n    <bs-table-styles>\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize()\" class=\"virtual-scroll-viewport\">\n            <table class=\"table table-striped table-hover\">\n                <tbody>\n                    <tr *cdkVirtualFor=\"let item of dataSource()\" class=\"virtual-row\">\n                        @if (item && rowTemplate) {\n                            <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n                        } @else {\n                            @for (column of columnsArray; track column) {\n                                <td>&nbsp;</td>\n                            }\n                        }\n                    </tr>\n                </tbody>\n            </table>\n        </cdk-virtual-scroll-viewport>\n    </bs-table-styles>\n</div>\n", styles: ["@charset \"UTF-8\";bs-table thead th.sort{position:relative;cursor:pointer;padding-right:2rem}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}bs-table thead th.sort .sort-priority{position:absolute;right:.1em;bottom:.3em;font-size:.65em;font-weight:700;opacity:.7}:host{display:block;height:100%}.virtual-datatable-container{display:flex;flex-direction:column;height:100%}.virtual-datatable-container bs-table{flex-shrink:0}bs-table ::ng-deep table,.virtual-scroll-viewport table{table-layout:fixed}bs-table ::ng-deep .table-responsive{scrollbar-gutter:stable}.virtual-scroll-viewport{flex:1 1 auto;min-height:0;scrollbar-gutter:stable}.virtual-scroll-viewport table{margin-bottom:0}\n"] }]
+        }], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], itemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSize", required: false }] }] } });
+
+class VirtualDatatableDataSource extends DataSource {
+    constructor(fetchFn, pageSize = 50) {
+        super();
+        this.cachedPages = new Map();
+        this.totalRecords = 0;
+        this.dataStream = new BehaviorSubject([]);
+        this.fetchFn = fetchFn;
+        this.pageSize = pageSize;
+    }
+    connect(collectionViewer) {
+        // Support reconnection after disconnect (which completes the previous dataStream)
+        this.dataStream = new BehaviorSubject([]);
+        this.cachedPages.clear();
+        this.totalRecords = 0;
+        this.subscription = collectionViewer.viewChange.pipe(startWith({ start: 0, end: this.pageSize }), filter(range => range.end > range.start), map(range => this.getPageIndices(range)), distinctUntilChanged((a, b) => a.join() === b.join()), switchMap(pages => from(this.fetchPages(pages)).pipe(catchError(() => of(this.dataStream.value))))).subscribe(data => this.dataStream.next(data));
+        return this.dataStream;
+    }
+    disconnect() {
+        this.subscription?.unsubscribe();
+        this.dataStream.complete();
+    }
+    get length() {
+        return this.totalRecords;
+    }
+    reset() {
+        this.cachedPages.clear();
+        this.totalRecords = 0;
+        this.dataStream.next([]);
+    }
+    getPageIndices(range) {
+        const startPage = Math.floor(range.start / this.pageSize);
+        const endPage = Math.floor((range.end - 1) / this.pageSize);
+        const pages = [];
+        for (let i = startPage; i <= endPage; i++) {
+            pages.push(i);
+        }
+        return pages;
+    }
+    async fetchPages(pageIndices) {
+        const uncachedPages = pageIndices.filter(p => !this.cachedPages.has(p));
+        const results = await Promise.all(uncachedPages.map(async (pageIndex) => {
+            const skip = pageIndex * this.pageSize;
+            const result = await this.fetchFn(skip, this.pageSize);
+            return { pageIndex, result };
+        }));
+        for (const { pageIndex, result } of results) {
+            this.cachedPages.set(pageIndex, result.data);
+        }
+        if (results.length > 0) {
+            this.totalRecords = results[0].result.totalRecords;
+        }
+        // Build the full data array with placeholders for unloaded pages
+        const totalPages = Math.ceil(this.totalRecords / this.pageSize);
+        const data = [];
+        for (let i = 0; i < totalPages; i++) {
+            const page = this.cachedPages.get(i);
+            if (page) {
+                data.push(...page);
+            }
+            else {
+                // Fill with empty slots to maintain correct virtual scroll positioning
+                const remaining = Math.min(this.pageSize, this.totalRecords - i * this.pageSize);
+                data.push(...new Array(remaining));
+            }
+        }
+        return data;
+    }
+}
+
+class BsVirtualRowTemplateDirective {
+    constructor() {
+        this.datatableComponent = inject(BsVirtualDatatableComponent);
+        this.templateRef = inject(TemplateRef);
+        this.datatableComponent.rowTemplate = this.templateRef;
+    }
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsVirtualRowTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: BsVirtualRowTemplateDirective, isStandalone: true, selector: "[bsVirtualRowTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsVirtualRowTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsVirtualRowTemplate]',
+                }]
+        }], ctorParameters: () => [] });
+class BsVirtualRowTemplateContext {
+    constructor() {
+        this.$implicit = null;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsVirtualDatatableComponent, BsVirtualRowTemplateContext, BsVirtualRowTemplateDirective, VirtualDatatableDataSource };
+//# sourceMappingURL=mintplayer-ng-bootstrap-virtual-datatable.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-virtual-datatable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-virtual-datatable.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/virtual-datatable/src/virtual-datatable/virtual-datatable.component.ts","../../../../libs/mintplayer-ng-bootstrap/virtual-datatable/src/virtual-datatable/virtual-datatable.component.html","../../../../libs/mintplayer-ng-bootstrap/virtual-datatable/src/virtual-datatable-data-source.ts","../../../../libs/mintplayer-ng-bootstrap/virtual-datatable/src/virtual-row-template/virtual-row-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/virtual-datatable/mintplayer-ng-bootstrap-virtual-datatable.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, inject, input, NgZone, OnDestroy, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { BsTableComponent, BsTableStylesComponent } from '@mintplayer/ng-bootstrap/table';\nimport { DatatableSortBase } from '@mintplayer/ng-bootstrap/datatable';\nimport { VirtualDatatableDataSource } from '../virtual-datatable-data-source';\nimport { BsVirtualRowTemplateContext } from '../virtual-row-template/virtual-row-template.directive';\n\n@Component({\n  selector: 'bs-virtual-datatable',\n  templateUrl: './virtual-datatable.component.html',\n  styleUrls: ['./virtual-datatable.component.scss'],\n  imports: [NgTemplateOutlet, ScrollingModule, BsTableComponent, BsTableStylesComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsVirtualDatatableComponent<TData> extends DatatableSortBase implements AfterViewInit, OnDestroy {\n\n  private readonly elementRef = inject(ElementRef);\n  private readonly ngZone = inject(NgZone);\n  private scrollCleanup?: () => void;\n\n  dataSource = input.required<VirtualDatatableDataSource<TData>>();\n  itemSize = input(48);\n\n  rowTemplate?: TemplateRef<BsVirtualRowTemplateContext<TData>>;\n\n  ngAfterViewInit() {\n    this.setupScrollSync();\n  }\n\n  ngOnDestroy() {\n    this.scrollCleanup?.();\n  }\n\n  private setupScrollSync() {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    const headerScrollContainer = el.querySelector('.table-responsive') as HTMLElement;\n    const viewport = el.querySelector('cdk-virtual-scroll-viewport') as HTMLElement;\n\n    if (!headerScrollContainer || !viewport) return;\n\n    let syncing = false;\n\n    const onHeaderScroll = () => {\n      if (syncing) return;\n      syncing = true;\n      viewport.scrollLeft = headerScrollContainer.scrollLeft;\n      syncing = false;\n    };\n\n    const onViewportScroll = () => {\n      if (syncing) return;\n      syncing = true;\n      headerScrollContainer.scrollLeft = viewport.scrollLeft;\n      syncing = false;\n    };\n\n    this.ngZone.runOutsideAngular(() => {\n      headerScrollContainer.addEventListener('scroll', onHeaderScroll, { passive: true });\n      viewport.addEventListener('scroll', onViewportScroll, { passive: true });\n    });\n\n    this.scrollCleanup = () => {\n      headerScrollContainer.removeEventListener('scroll', onHeaderScroll);\n      viewport.removeEventListener('scroll', onViewportScroll);\n    };\n  }\n}\n","<div class=\"virtual-datatable-container\">\n    <bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\">\n        <thead>\n            <tr>\n                @for (column of columnsArray; track column) {\n                    <th class=\"text-nowrap\"\n                        [class.sort]=\"column.sortable\"\n                        [class.sort-asc]=\"column.sortable && getSortDirection(column.name) === 'ascending'\"\n                        [class.sort-desc]=\"column.sortable && getSortDirection(column.name) === 'descending'\"\n                        (mousedown)=\"onHeaderMouseDown($event)\"\n                        (click)=\"columnHeaderClicked(column, $event)\">\n                        <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n                        @if (settings().sortColumns.length > 1 && getSortIndex(column.name) >= 0) {\n                            <span class=\"sort-priority\">{{ getSortIndex(column.name) + 1 }}</span>\n                        }\n                    </th>\n                }\n            </tr>\n        </thead>\n    </bs-table>\n\n    <bs-table-styles>\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize()\" class=\"virtual-scroll-viewport\">\n            <table class=\"table table-striped table-hover\">\n                <tbody>\n                    <tr *cdkVirtualFor=\"let item of dataSource()\" class=\"virtual-row\">\n                        @if (item && rowTemplate) {\n                            <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n                        } @else {\n                            @for (column of columnsArray; track column) {\n                                <td>&nbsp;</td>\n                            }\n                        }\n                    </tr>\n                </tbody>\n            </table>\n        </cdk-virtual-scroll-viewport>\n    </bs-table-styles>\n</div>\n","import { CollectionViewer, DataSource } from '@angular/cdk/collections';\nimport { BehaviorSubject, Observable, Subscription, from, of } from 'rxjs';\nimport { catchError, distinctUntilChanged, filter, map, startWith, switchMap } from 'rxjs/operators';\n\nexport class VirtualDatatableDataSource<T> extends DataSource<T> {\n  private readonly fetchFn: (skip: number, take: number) => Promise<{ data: T[]; totalRecords: number }>;\n  private readonly pageSize: number;\n  private readonly cachedPages = new Map<number, T[]>();\n  private totalRecords = 0;\n  private dataStream = new BehaviorSubject<T[]>([]);\n  private subscription?: Subscription;\n\n  constructor(\n    fetchFn: (skip: number, take: number) => Promise<{ data: T[]; totalRecords: number }>,\n    pageSize = 50\n  ) {\n    super();\n    this.fetchFn = fetchFn;\n    this.pageSize = pageSize;\n  }\n\n  connect(collectionViewer: CollectionViewer): Observable<T[]> {\n    // Support reconnection after disconnect (which completes the previous dataStream)\n    this.dataStream = new BehaviorSubject<T[]>([]);\n    this.cachedPages.clear();\n    this.totalRecords = 0;\n\n    this.subscription = collectionViewer.viewChange.pipe(\n      startWith({ start: 0, end: this.pageSize }),\n      filter(range => range.end > range.start),\n      map(range => this.getPageIndices(range)),\n      distinctUntilChanged((a, b) => a.join() === b.join()),\n      switchMap(pages => from(this.fetchPages(pages)).pipe(\n        catchError(() => of(this.dataStream.value))\n      ))\n    ).subscribe(data => this.dataStream.next(data));\n\n    return this.dataStream;\n  }\n\n  disconnect(): void {\n    this.subscription?.unsubscribe();\n    this.dataStream.complete();\n  }\n\n  get length(): number {\n    return this.totalRecords;\n  }\n\n  reset(): void {\n    this.cachedPages.clear();\n    this.totalRecords = 0;\n    this.dataStream.next([]);\n  }\n\n  private getPageIndices(range: { start: number; end: number }): number[] {\n    const startPage = Math.floor(range.start / this.pageSize);\n    const endPage = Math.floor((range.end - 1) / this.pageSize);\n    const pages: number[] = [];\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  private async fetchPages(pageIndices: number[]): Promise<T[]> {\n    const uncachedPages = pageIndices.filter(p => !this.cachedPages.has(p));\n\n    const results = await Promise.all(\n      uncachedPages.map(async pageIndex => {\n        const skip = pageIndex * this.pageSize;\n        const result = await this.fetchFn(skip, this.pageSize);\n        return { pageIndex, result };\n      })\n    );\n\n    for (const { pageIndex, result } of results) {\n      this.cachedPages.set(pageIndex, result.data);\n    }\n    if (results.length > 0) {\n      this.totalRecords = results[0].result.totalRecords;\n    }\n\n    // Build the full data array with placeholders for unloaded pages\n    const totalPages = Math.ceil(this.totalRecords / this.pageSize);\n    const data: T[] = [];\n    for (let i = 0; i < totalPages; i++) {\n      const page = this.cachedPages.get(i);\n      if (page) {\n        data.push(...page);\n      } else {\n        // Fill with empty slots to maintain correct virtual scroll positioning\n        const remaining = Math.min(this.pageSize, this.totalRecords - i * this.pageSize);\n        data.push(...new Array<T>(remaining));\n      }\n    }\n    return data;\n  }\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { BsVirtualDatatableComponent } from '../virtual-datatable/virtual-datatable.component';\n\n@Directive({\n  selector: '[bsVirtualRowTemplate]',\n})\nexport class BsVirtualRowTemplateDirective<TData> {\n\n  private datatableComponent = inject<BsVirtualDatatableComponent<TData>>(BsVirtualDatatableComponent);\n  private templateRef = inject<TemplateRef<BsVirtualRowTemplateContext<TData>>>(TemplateRef);\n\n  constructor() {\n    this.datatableComponent.rowTemplate = this.templateRef;\n  }\n\n  public static ngTemplateContextGuard<TData>(\n    dir: BsVirtualRowTemplateDirective<TData>,\n    ctx: any\n  ): ctx is BsVirtualRowTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>> {\n    return true;\n  }\n}\n\nexport class BsVirtualRowTemplateContext<TData = unknown> {\n  public $implicit: TData = null!;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-bootstrap",
   "private": false,
-  "version": "21.9.2",
+  "version": "21.11.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",
@@ -344,6 +344,10 @@
       "types": "./types/mintplayer-ng-bootstrap-viewport.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-viewport.mjs"
     },
+    "./virtual-datatable": {
+      "types": "./types/mintplayer-ng-bootstrap-virtual-datatable.d.ts",
+      "default": "./fesm2022/mintplayer-ng-bootstrap-virtual-datatable.mjs"
+    },
     "./word-count": {
       "types": "./types/mintplayer-ng-bootstrap-word-count.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-word-count.mjs"
@@ -362,7 +366,7 @@
     "ngx-highlightjs": "^10.0.0",
     "@mintplayer/ng-click-outside": "^21.2.0",
     "@mintplayer/ng-animations": "^21.1.0",
-    "@mintplayer/pagination": "^2.2.0",
+    "@mintplayer/pagination": "^2.3.0",
     "@mintplayer/ng-focus-on-load": "^21.2.0",
     "@mintplayer/ng-swiper": "^21.3.0",
     "@mintplayer/scheduler-core": "^1.1.0",

package/types/mintplayer-ng-bootstrap-datatable.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
 import { TemplateRef } from '@angular/core';
-import { PaginationRequest, PaginationResponse } from '@mintplayer/pagination';
+import { SortColumn, PaginationRequest, PaginationResponse } from '@mintplayer/pagination';
 
 declare class DatatableSettings {
     constructor(data?: Partial<DatatableSettings>);
-    sortProperty: string;
-    sortDirection: 'ascending' | 'descending';
+    sortColumns: SortColumn[];
     perPage: {
         values: number[];
         selected: number;
@@ -25,6 +24,18 @@ declare class BsDatatableColumnDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<BsDatatableColumnDirective, "[bsDatatableColumn]", never, { "name": { "alias": "bsDatatableColumn"; "required": false; }; "sortable": { "alias": "bsDatatableColumnSortable"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare abstract class DatatableSortBase {
+    readonly columns: i0.Signal<readonly BsDatatableColumnDirective[]>;
+    get columnsArray(): readonly BsDatatableColumnDirective[];
+    settings: i0.ModelSignal<DatatableSettings>;
+    getSortIndex(columnName: string): number;
+    getSortDirection(columnName: string): 'ascending' | 'descending' | null;
+    onHeaderMouseDown(event: MouseEvent): void;
+    columnHeaderClicked(column: BsDatatableColumnDirective, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableSortBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableSortBase, never, never, { "settings": { "alias": "settings"; "required": false; "isSignal": true; }; }, { "settings": "settingsChange"; }, ["columns"], never, true, never>;
+}
+
 declare class BsRowTemplateDirective<TData> {
     private datatableComponent;
     private templateRef;
@@ -38,18 +49,14 @@ declare class BsRowTemplateContext<TData = unknown> {
     $implicit: TData;
 }
 
-declare class BsDatatableComponent<TData> {
-    readonly columns: i0.Signal<readonly BsDatatableColumnDirective[]>;
+declare class BsDatatableComponent<TData> extends DatatableSortBase {
     numberOfColumns: i0.Signal<number>;
-    get columnsArray(): readonly BsDatatableColumnDirective[];
-    settings: i0.ModelSignal<DatatableSettings>;
     data: i0.ModelSignal<PaginationResponse<TData> | undefined>;
     rowTemplate?: TemplateRef<BsRowTemplateContext<TData>>;
-    columnHeaderClicked(column: BsDatatableColumnDirective): void;
     onPerPageChange(perPage: number): void;
     onPageChange(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsDatatableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsDatatableComponent<any>, "bs-datatable", never, { "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "settings": "settingsChange"; "data": "dataChange"; }, ["columns"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsDatatableComponent<any>, "bs-datatable", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; }, never, never, true, never>;
 }
 
-export { BsDatatableColumnDirective, BsDatatableComponent, BsRowTemplateContext, BsRowTemplateDirective, DatatableSettings };
+export { BsDatatableColumnDirective, BsDatatableComponent, BsRowTemplateContext, BsRowTemplateDirective, DatatableSettings, DatatableSortBase };

package/types/mintplayer-ng-bootstrap-table.d.ts

@@ -1,11 +1,16 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 
 declare class BsTableComponent {
-    isResponsive: _angular_core.InputSignal<boolean>;
-    striped: _angular_core.InputSignal<boolean>;
-    hover: _angular_core.InputSignal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsTableComponent, "bs-table", never, { "isResponsive": { "alias": "isResponsive"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    isResponsive: i0.InputSignal<boolean>;
+    striped: i0.InputSignal<boolean>;
+    hover: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsTableComponent, "bs-table", never, { "isResponsive": { "alias": "isResponsive"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { BsTableComponent };
+declare class BsTableStylesComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsTableStylesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsTableStylesComponent, "bs-table-styles", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { BsTableComponent, BsTableStylesComponent };

package/types/mintplayer-ng-bootstrap-virtual-datatable.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+import { DatatableSortBase } from '@mintplayer/ng-bootstrap/datatable';
+import { DataSource, CollectionViewer } from '@angular/cdk/collections';
+import { Observable } from 'rxjs';
+
+declare class VirtualDatatableDataSource<T> extends DataSource<T> {
+    private readonly fetchFn;
+    private readonly pageSize;
+    private readonly cachedPages;
+    private totalRecords;
+    private dataStream;
+    private subscription?;
+    constructor(fetchFn: (skip: number, take: number) => Promise<{
+        data: T[];
+        totalRecords: number;
+    }>, pageSize?: number);
+    connect(collectionViewer: CollectionViewer): Observable<T[]>;
+    disconnect(): void;
+    get length(): number;
+    reset(): void;
+    private getPageIndices;
+    private fetchPages;
+}
+
+declare class BsVirtualRowTemplateDirective<TData> {
+    private datatableComponent;
+    private templateRef;
+    constructor();
+    static ngTemplateContextGuard<TData>(dir: BsVirtualRowTemplateDirective<TData>, ctx: any): ctx is BsVirtualRowTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsVirtualRowTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BsVirtualRowTemplateDirective<any>, "[bsVirtualRowTemplate]", never, {}, {}, never, never, true, never>;
+}
+declare class BsVirtualRowTemplateContext<TData = unknown> {
+    $implicit: TData;
+}
+
+declare class BsVirtualDatatableComponent<TData> extends DatatableSortBase implements AfterViewInit, OnDestroy {
+    private readonly elementRef;
+    private readonly ngZone;
+    private scrollCleanup?;
+    dataSource: i0.InputSignal<VirtualDatatableDataSource<TData>>;
+    itemSize: i0.InputSignal<number>;
+    rowTemplate?: TemplateRef<BsVirtualRowTemplateContext<TData>>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupScrollSync;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsVirtualDatatableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsVirtualDatatableComponent<any>, "bs-virtual-datatable", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BsVirtualDatatableComponent, BsVirtualRowTemplateContext, BsVirtualRowTemplateDirective, VirtualDatatableDataSource };