@open-rlb/ng-bootstrap 3.3.30 → 3.3.32

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -11194,7 +11194,7 @@ class DataTableComponent {
         if (this.tableStripedColumns()) {
             classes.push('table-striped-columns');
         }
-        if (this.tableHover()) {
+        if (this.tableHover() && this.items().length > 0) {
             classes.push('table-hover');
         }
         if (this.tableBordered()) {
@@ -11258,14 +11258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         // This automatically adds the 'dt-card-style' class to the <rlb-dt-table>
                         // element in the DOM if cardStyle() is true.
                         '[class.dt-card-style]': 'cardStyle()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        RouterLink,
-                        NgClass,
-                        SelectComponent,
-                        FormsModule,
-                        OptionComponent,
-                        DataTableActionComponent,
-                    ], template: "@if (creationStrategy() !== 'none' || title() || showRefresh()) {\n<div class=\"row mb-3\">\n  <div class=\"col\">\n    @if (title()) {\n    <h3 class=\"float-start\">{{ title() }}</h3>\n    }\n    @if (showRefresh()) {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"refreshItem.emit()\"\n      [disabled]=\"loading()\">\n      <i class=\"fa-solid fa-arrows-rotate\"></i>\n    </button>\n    }\n    @if (creationStrategy() === 'page') {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" [routerLink]=\"creationUrl()\">\n      <i class=\"fa-solid fa-plus\"></i>\n    </button>\n    }\n    @if (creationStrategy() === 'modal') {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"createItem.emit()\">\n      <i class=\"fa-solid fa-plus\"></i>\n    </button>\n    }\n  </div>\n</div>\n}\n<div class=\"table-responsive\">\n  <table [ngClass]=\"getTableClasses()\">\n    <thead>\n      <tr>\n        <ng-container #projectedDisplayColumns></ng-container>\n        @if (hasActions()) {\n        <th>\n          <span class=\"float-end pe-2\">\n            Actions\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n        @if (!loading()) {\n            <!-- ng-container for standard structural projected rows -->\n            <ng-container #projectedRows></ng-container>\n        }\n\n    <!-- 2. For internal states native HTML tr/td -->\n        @if (!loading() && items().length === 0 && rows().length === 0) {\n            <tr class=\"text-center\">\n                <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n                    <ng-container #projectedNoItems></ng-container>\n                </td>\n            </tr>\n        }\n\n        @if (loading()) {\n            <tr class=\"text-center\">\n                <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n                    <ng-container #projectedLoading></ng-container>\n                </td>\n            </tr>\n        }\n    </tbody>\n    @if (paginationMode() !== 'none') {\n    <tfoot>\n      <tr>\n          <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n            @if (paginationMode() === 'load-more') {\n            <button type=\"button\" class=\"btn btn-primary float-end btn-sm mt-2\" [disabled]=\"loading()\"\n              (click)=\"loadMore.emit()\">\n              {{ loadMoreLabel() }}\n            </button>\n            }\n            @if (paginationMode() === 'pages') {\n            <nav aria-label=\"Page navigation example\">\n              <ul class=\"pagination float-end pagination-sm\">\n                <li class=\"page-item\">\n                  <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === 1\" href=\"#\" aria-label=\"Previous\"\n                    (click)=\"prev($event)\">\n                    <span aria-hidden=\"true\">&laquo;</span>\n                  </a>\n                </li>\n                @for (page of visiblePages(); track page) {\n                <li class=\"page-item\" [class.active]=\"currentPage() === page\" [class.disabled]=\"page === '...'\">\n                  <a class=\"page-link d-block\" href=\"#\" (click)=\"selectPage($event, page)\">\n                    {{ page }}\n                  </a>\n                </li>\n                }\n                <li class=\"page-item\">\n                  <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === pages()\" href=\"#\" aria-label=\"Next\"\n                    (click)=\"next($event)\">\n                    <span aria-hidden=\"true\">&raquo;</span>\n                  </a>\n                </li>\n              </ul>\n              <ul class=\"ps-0 float-end me-3\">\n                <rlb-select size=\"small\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\"\n                  [disabled]=\"items().length === 0\">\n                  <rlb-option [value]=\"10\">10</rlb-option>\n                  <rlb-option [value]=\"20\">20</rlb-option>\n                  <rlb-option [value]=\"50\">50</rlb-option>\n                  <rlb-option [value]=\"100\">100</rlb-option>\n                </rlb-select>\n              </ul>\n            </nav>\n            }\n        </td>\n      </tr>\n    </tfoot>\n    }\n  </table>\n</div>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink, NgClass, SelectComponent, FormsModule, OptionComponent], template: "@if (creationStrategy() !== 'none' || title() || showRefresh()) {\n<div class=\"row mb-3\">\n  <div class=\"col\">\n    @if (title()) {\n    <h3 class=\"float-start\">{{ title() }}</h3>\n    }\n    @if (showRefresh()) {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"refreshItem.emit()\"\n      [disabled]=\"loading()\">\n      <i class=\"fa-solid fa-arrows-rotate\"></i>\n    </button>\n    }\n    @if (creationStrategy() === 'page') {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" [routerLink]=\"creationUrl()\">\n      <i class=\"fa-solid fa-plus\"></i>\n    </button>\n    }\n    @if (creationStrategy() === 'modal') {\n    <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"createItem.emit()\">\n      <i class=\"fa-solid fa-plus\"></i>\n    </button>\n    }\n  </div>\n</div>\n}\n<div class=\"table-responsive\">\n  <table [ngClass]=\"getTableClasses()\">\n    <thead>\n      <tr>\n        <ng-container #projectedDisplayColumns></ng-container>\n        @if (hasActions()) {\n        <th>\n          <span class=\"float-end pe-2\">\n            Actions\n          </span>\n        </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n        @if (!loading()) {\n            <!-- ng-container for standard structural projected rows -->\n            <ng-container #projectedRows></ng-container>\n        }\n\n    <!-- 2. For internal states native HTML tr/td -->\n        @if (!loading() && items().length === 0 && rows().length === 0) {\n            <tr class=\"text-center\">\n                <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n                    <ng-container #projectedNoItems></ng-container>\n                </td>\n            </tr>\n        }\n\n        @if (loading()) {\n            <tr class=\"text-center\">\n                <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n                    <ng-container #projectedLoading></ng-container>\n                </td>\n            </tr>\n        }\n    </tbody>\n    @if (paginationMode() !== 'none') {\n    <tfoot>\n      <tr>\n          <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n            @if (paginationMode() === 'load-more') {\n            <button type=\"button\" class=\"btn btn-primary float-end btn-sm mt-2\" [disabled]=\"loading()\"\n              (click)=\"loadMore.emit()\">\n              {{ loadMoreLabel() }}\n            </button>\n            }\n            @if (paginationMode() === 'pages') {\n            <nav aria-label=\"Page navigation example\">\n              <ul class=\"pagination float-end pagination-sm\">\n                <li class=\"page-item\">\n                  <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === 1\" href=\"#\" aria-label=\"Previous\"\n                    (click)=\"prev($event)\">\n                    <span aria-hidden=\"true\">&laquo;</span>\n                  </a>\n                </li>\n                @for (page of visiblePages(); track page) {\n                <li class=\"page-item\" [class.active]=\"currentPage() === page\" [class.disabled]=\"page === '...'\">\n                  <a class=\"page-link d-block\" href=\"#\" (click)=\"selectPage($event, page)\">\n                    {{ page }}\n                  </a>\n                </li>\n                }\n                <li class=\"page-item\">\n                  <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === pages()\" href=\"#\" aria-label=\"Next\"\n                    (click)=\"next($event)\">\n                    <span aria-hidden=\"true\">&raquo;</span>\n                  </a>\n                </li>\n              </ul>\n              <ul class=\"ps-0 float-end me-3\">\n                <rlb-select size=\"small\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\"\n                  [disabled]=\"items().length === 0\">\n                  <rlb-option [value]=\"10\">10</rlb-option>\n                  <rlb-option [value]=\"20\">20</rlb-option>\n                  <rlb-option [value]=\"50\">50</rlb-option>\n                  <rlb-option [value]=\"100\">100</rlb-option>\n                </rlb-select>\n              </ul>\n            </nav>\n            }\n        </td>\n      </tr>\n    </tfoot>\n    }\n  </table>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], creationStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "creation-strategy", required: false }] }], creationUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "creation-url", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], paginationMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination-mode", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], tableHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-hover", required: false }] }], tableStriped: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-striped", required: false }] }], tableStripedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-striped-columns", required: false }] }], tableBordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-bordered", required: false }] }], tableBorderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-borderless", required: false }] }], tableSmall: [{ type: i0.Input, args: [{ isSignal: true, alias: "table-small", required: false }] }], showRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "show-refresh", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "total-items", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "current-page", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "page-size", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], loadMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreLabel", required: false }] }], cardStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "card-style", required: false }] }], createItem: [{ type: i0.Output, args: ["create-item"] }], refreshItem: [{ type: i0.Output, args: ["refresh-item"] }], loadMore: [{ type: i0.Output, args: ["load-more"] }], currentPageChange: [{ type: i0.Output, args: ["current-pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["page-sizeChange"] }], pagination: [{ type: i0.Output, args: ["pagination"] }], _projectedDisplayColumns: [{ type: i0.ViewChild, args: ['projectedDisplayColumns', { ...{
                             read: ViewContainerRef,
                         }, isSignal: true }] }], rows: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataTableRowComponent), { isSignal: true }] }], columns: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataTableHeaderComponent), { isSignal: true }] }], _projectedNoItems: [{ type: i0.ViewChild, args: ['projectedNoItems', { ...{ read: ViewContainerRef }, isSignal: true }] }], _projectedLoading: [{ type: i0.ViewChild, args: ['projectedLoading', { ...{ read: ViewContainerRef }, isSignal: true }] }], _projectedRows: [{ type: i0.ViewChild, args: ['projectedRows', { ...{ read: ViewContainerRef }, isSignal: true }] }], noItemsBlock: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataTableNoItemsComponent), { isSignal: true }] }], loadingBlock: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataTableLoadingComponent), { isSignal: true }] }] } });