@eui/components 18.0.0-next.44 → 18.0.0-next.46

package/fesm2022/eui-components-eui-table-v2.mjs

@@ -80,13 +80,13 @@ var EuiTableV2SelectableRowService = class _EuiTableV2SelectableRowService {
     return this.lastSelectedRow;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTableV2SelectableRowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTableV2SelectableRowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTableV2SelectableRowService });
+    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiTableV2SelectableRowService });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiTableV2SelectableRowService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiTableV2SelectableRowService, decorators: [{
   type: Injectable
 }] });
 
@@ -126,13 +126,13 @@ var EuiTableV2SortService = class _EuiTableV2SortService {
     this.isCurrentMultiSortable = sorts.length > 1;
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiTableV2SortService, deps: [], target: i02.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiTableV2SortService, deps: [], target: i02.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i02.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiTableV2SortService });
+    this.ɵprov = i02.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiTableV2SortService });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiTableV2SortService, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiTableV2SortService, decorators: [{
   type: Injectable2
 }] });
 
@@ -586,20 +586,20 @@ var EuiTableV2Component = class _EuiTableV2Component {
     return prop ? prop.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj || self) : null;
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTableV2Component, deps: [{ token: i03.ElementRef }, { token: i03.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i03.Renderer2 }], target: i03.ɵɵFactoryTarget.Component });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiTableV2Component, deps: [{ token: i03.ElementRef }, { token: i03.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i03.Renderer2 }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiTableV2Component, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiTableV2Component, decorators: [{
   type: Component,
   args: [{ selector: "eui-table-v2, table[euiTableV2]", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], hostDirectives: [
     {
       directive: BaseStatesDirective,
       inputs: []
     }
-  ], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'] }]
+  ], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'] }]
 }], ctorParameters: () => [{ type: i03.ElementRef }, { type: i03.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i03.Renderer2 }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -691,13 +691,13 @@ var EuiTableV2StickyColDirective = class _EuiTableV2StickyColDirective {
     this.class = "eui-table-v2__col--sticky";
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiTableV2StickyColDirective, deps: [], target: i04.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiTableV2StickyColDirective, deps: [], target: i04.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i04.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiTableV2StickyColDirective, selector: "th[isStickyCol], td[isStickyCol]", host: { properties: { "class": "this.class" } }, ngImport: i04 });
+    this.ɵdir = i04.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiTableV2StickyColDirective, selector: "th[isStickyCol], td[isStickyCol]", host: { properties: { "class": "this.class" } }, ngImport: i04 });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiTableV2StickyColDirective, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: EuiTableV2StickyColDirective, decorators: [{
   type: Directive,
   args: [{
     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -731,13 +731,13 @@ var EuiTableV2ExpandableRowDirective = class _EuiTableV2ExpandableRowDirective {
     this.animationPlayer.play();
   }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: _EuiTableV2ExpandableRowDirective, deps: [{ token: i05.ElementRef }, { token: i1.AnimationBuilder }], target: i05.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _EuiTableV2ExpandableRowDirective, deps: [{ token: i05.ElementRef }, { token: i1.AnimationBuilder }], target: i05.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i05.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiTableV2ExpandableRowDirective, selector: "tr[isExpandableRow]", host: { properties: { "class": "this.string" } }, ngImport: i05 });
+    this.ɵdir = i05.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiTableV2ExpandableRowDirective, selector: "tr[isExpandableRow]", host: { properties: { "class": "this.string" } }, ngImport: i05 });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: EuiTableV2ExpandableRowDirective, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: EuiTableV2ExpandableRowDirective, decorators: [{
   type: Directive2,
   args: [{
     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -783,13 +783,13 @@ var EuiTableV2SelectableHeaderComponent = class _EuiTableV2SelectableHeaderCompo
     }
   }
   static {
-    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i06, type: _EuiTableV2SelectableHeaderComponent, deps: [{ token: EuiTableV2SelectableRowService }], target: i06.ɵɵFactoryTarget.Component });
+    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _EuiTableV2SelectableHeaderComponent, deps: [{ token: EuiTableV2SelectableRowService }], target: i06.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2SelectableHeaderComponent, selector: "tr[isHeaderSelectable]", inputs: { isHeaderSelectable: ["isHeaderSelectable", "isHeaderSelectable", booleanAttribute2] }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true }], ngImport: i06, template: '@if (isHeaderSelectable) {\n    <th class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (!isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState(true)" />\n            }\n            @if (isCheckedIndeterminate) {\n                <input aria-label="Indeterminate" euiInputCheckBox indeterminate (click)="toggleCheckedState(false)" />\n            }\n            @if (isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Checked" euiInputCheckBox checked="true" (click)="toggleCheckedState(false)" />\n            }\n        </div>\n    </th>\n}\n<ng-content></ng-content>\n', dependencies: [{ kind: "component", type: i2.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }] });
+    this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiTableV2SelectableHeaderComponent, selector: "tr[isHeaderSelectable]", inputs: { isHeaderSelectable: ["isHeaderSelectable", "isHeaderSelectable", booleanAttribute2] }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true }], ngImport: i06, template: '@if (isHeaderSelectable) {\n    <th class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (!isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState(true)" />\n            }\n            @if (isCheckedIndeterminate) {\n                <input aria-label="Indeterminate" euiInputCheckBox indeterminate (click)="toggleCheckedState(false)" />\n            }\n            @if (isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Checked" euiInputCheckBox checked="true" (click)="toggleCheckedState(false)" />\n            }\n        </div>\n    </th>\n}\n<ng-content></ng-content>\n', dependencies: [{ kind: "component", type: i2.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }] });
   }
 };
-i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i06, type: EuiTableV2SelectableHeaderComponent, decorators: [{
+i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: EuiTableV2SelectableHeaderComponent, decorators: [{
   type: Component2,
   args: [{ selector: "tr[isHeaderSelectable]", template: '@if (isHeaderSelectable) {\n    <th class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (!isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState(true)" />\n            }\n            @if (isCheckedIndeterminate) {\n                <input aria-label="Indeterminate" euiInputCheckBox indeterminate (click)="toggleCheckedState(false)" />\n            }\n            @if (isChecked && !isCheckedIndeterminate) {\n                <input aria-label="Checked" euiInputCheckBox checked="true" (click)="toggleCheckedState(false)" />\n            }\n        </div>\n    </th>\n}\n<ng-content></ng-content>\n' }]
 }], ctorParameters: () => [{ type: EuiTableV2SelectableRowService }], propDecorators: { checkbox: [{
@@ -873,13 +873,13 @@ var EuiTableV2SelectableRowComponent = class _EuiTableV2SelectableRowComponent {
     e.stopPropagation();
   }
   static {
-    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i07, type: _EuiTableV2SelectableRowComponent, deps: [{ token: EuiTableV2SelectableRowService }, { token: i07.ElementRef }], target: i07.ɵɵFactoryTarget.Component });
+    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _EuiTableV2SelectableRowComponent, deps: [{ token: EuiTableV2SelectableRowService }, { token: i07.ElementRef }], target: i07.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2SelectableRowComponent, selector: "tr[isDataSelectable]", inputs: { isDataSelectable: "isDataSelectable", isChecked: ["isChecked", "isChecked", booleanAttribute3], isKeyboardSelectable: ["isKeyboardSelectable", "isKeyboardSelectable", booleanAttribute3] }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i07, template: '@if (isDataSelectable) {\n    <td class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (isChecked) {\n                <input aria-label="default checkbox checked" euiInputCheckBox checked="true" (click)="toggleCheckedState($event)" />\n            }\n            @if (!isChecked) {\n                <input aria-label="default checkbox unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState($event)" />\n            }\n        </div>\n    </td>\n}\n<ng-content></ng-content>\n', dependencies: [{ kind: "component", type: i22.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }] });
+    this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiTableV2SelectableRowComponent, selector: "tr[isDataSelectable]", inputs: { isDataSelectable: "isDataSelectable", isChecked: ["isChecked", "isChecked", booleanAttribute3], isKeyboardSelectable: ["isKeyboardSelectable", "isKeyboardSelectable", booleanAttribute3] }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i07, template: '@if (isDataSelectable) {\n    <td class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (isChecked) {\n                <input aria-label="default checkbox checked" euiInputCheckBox checked="true" (click)="toggleCheckedState($event)" />\n            }\n            @if (!isChecked) {\n                <input aria-label="default checkbox unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState($event)" />\n            }\n        </div>\n    </td>\n}\n<ng-content></ng-content>\n', dependencies: [{ kind: "component", type: i22.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }] });
   }
 };
-i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i07, type: EuiTableV2SelectableRowComponent, decorators: [{
+i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: EuiTableV2SelectableRowComponent, decorators: [{
   type: Component3,
   args: [{ selector: "tr[isDataSelectable]", template: '@if (isDataSelectable) {\n    <td class="eui-table__cell-select">\n        <div class="eui-table__cell-select-checkbox-container">\n            @if (isChecked) {\n                <input aria-label="default checkbox checked" euiInputCheckBox checked="true" (click)="toggleCheckedState($event)" />\n            }\n            @if (!isChecked) {\n                <input aria-label="default checkbox unchecked" euiInputCheckBox checked="false" (click)="toggleCheckedState($event)" />\n            }\n        </div>\n    </td>\n}\n<ng-content></ng-content>\n' }]
 }], ctorParameters: () => [{ type: EuiTableV2SelectableRowService }, { type: i07.ElementRef }], propDecorators: { isDataSelectable: [{
@@ -940,10 +940,10 @@ var EuiTableV2FilterComponent = class _EuiTableV2FilterComponent {
     this.filterInput.nativeElement.focus();
   }
   static {
-    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i08, type: _EuiTableV2FilterComponent, deps: [], target: i08.ɵɵFactoryTarget.Component });
+    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _EuiTableV2FilterComponent, deps: [], target: i08.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiTableV2FilterComponent, selector: "eui-table-v2-filter", inputs: { placeholder: "placeholder" }, outputs: { filterChange: "filterChange" }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true, read: ElementRef5 }], ngImport: i08, template: `<div class="eui-table-v2__filter">
+    this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiTableV2FilterComponent, selector: "eui-table-v2-filter", inputs: { placeholder: "placeholder" }, outputs: { filterChange: "filterChange" }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true, read: ElementRef5 }], ngImport: i08, template: `<div class="eui-table-v2__filter">
     <form [formGroup]="form">
         <input
             #filterInput
@@ -959,7 +959,7 @@ var EuiTableV2FilterComponent = class _EuiTableV2FilterComponent {
 `, dependencies: [{ kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i12.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i23.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i32.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i08.ViewEncapsulation.None });
   }
 };
-i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i08, type: EuiTableV2FilterComponent, decorators: [{
+i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: EuiTableV2FilterComponent, decorators: [{
   type: Component4,
   args: [{ selector: "eui-table-v2-filter", encapsulation: ViewEncapsulation3.None, template: `<div class="eui-table-v2__filter">
     <form [formGroup]="form">
@@ -1000,13 +1000,13 @@ var EuiTableV2HighlightPipe = class _EuiTableV2HighlightPipe {
     }
   }
   static {
-    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i09, type: _EuiTableV2HighlightPipe, deps: [], target: i09.ɵɵFactoryTarget.Pipe });
+    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: _EuiTableV2HighlightPipe, deps: [], target: i09.ɵɵFactoryTarget.Pipe });
   }
   static {
-    this.ɵpipe = i09.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i09, type: _EuiTableV2HighlightPipe, name: "euiTableV2Highlight" });
+    this.ɵpipe = i09.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i09, type: _EuiTableV2HighlightPipe, name: "euiTableV2Highlight" });
   }
 };
-i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i09, type: EuiTableV2HighlightPipe, decorators: [{
+i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: EuiTableV2HighlightPipe, decorators: [{
   type: Pipe,
   args: [{
     name: "euiTableV2Highlight"
@@ -1077,10 +1077,10 @@ var EuiTableV2SortableColComponent = class _EuiTableV2SortableColComponent {
     this.euiTableV2SortService.setSort(this.sortOn, order, this.isMultiSortable);
   }
   static {
-    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i010, type: _EuiTableV2SortableColComponent, deps: [{ token: EuiTableV2SortService }, { token: i010.ElementRef }], target: i010.ɵɵFactoryTarget.Component });
+    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: _EuiTableV2SortableColComponent, deps: [{ token: EuiTableV2SortService }, { token: i010.ElementRef }], target: i010.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2SortableColComponent, selector: "th[isSortable]", inputs: { sortOn: "sortOn", sortOrder: "sortOrder", defaultOrder: ["defaultOrder", "defaultOrder", booleanAttribute4], sortDisabled: ["sortDisabled", "sortDisabled", booleanAttribute4], isMultiSortable: ["isMultiSortable", "isMultiSortable", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "euiDropdown", first: true, predicate: ["euiDropdown"], descendants: true }], ngImport: i010, template: `<div class="eui-table-v2__sortable-col-content">
+    this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiTableV2SortableColComponent, selector: "th[isSortable]", inputs: { sortOn: "sortOn", sortOrder: "sortOrder", defaultOrder: ["defaultOrder", "defaultOrder", booleanAttribute4], sortDisabled: ["sortDisabled", "sortDisabled", booleanAttribute4], isMultiSortable: ["isMultiSortable", "isMultiSortable", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "euiDropdown", first: true, predicate: ["euiDropdown"], descendants: true }], ngImport: i010, template: `<div class="eui-table-v2__sortable-col-content">
     <div class="eui-table-v2__sortable-col-content-label">
         <ng-content></ng-content>
 
@@ -1110,7 +1110,7 @@ var EuiTableV2SortableColComponent = class _EuiTableV2SortableColComponent {
 `, dependencies: [{ kind: "component", type: i24.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i33.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i42.TranslatePipe, name: "translate" }] });
   }
 };
-i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i010, type: EuiTableV2SortableColComponent, decorators: [{
+i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: EuiTableV2SortableColComponent, decorators: [{
   type: Component5,
   args: [{ selector: "th[isSortable]", template: `<div class="eui-table-v2__sortable-col-content">
     <div class="eui-table-v2__sortable-col-content-label">
@@ -1177,10 +1177,10 @@ import { EuiListModule } from "@eui/components/eui-list";
 import * as i011 from "@angular/core";
 var EuiTableV2Module = class _EuiTableV2Module {
   static {
-    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i011, type: _EuiTableV2Module, deps: [], target: i011.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: _EuiTableV2Module, deps: [], target: i011.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i011.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i011, type: _EuiTableV2Module, declarations: [
+    this.ɵmod = i011.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i011, type: _EuiTableV2Module, declarations: [
       EuiTableV2Component,
       EuiTableV2SelectableHeaderComponent,
       EuiTableV2SelectableRowComponent,
@@ -1214,7 +1214,7 @@ var EuiTableV2Module = class _EuiTableV2Module {
     ] });
   }
   static {
-    this.ɵinj = i011.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i011, type: _EuiTableV2Module, imports: [
+    this.ɵinj = i011.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: _EuiTableV2Module, imports: [
       CommonModule,
       EuiTemplateDirectiveModule,
       ScrollingModule,
@@ -1230,7 +1230,7 @@ var EuiTableV2Module = class _EuiTableV2Module {
     ] });
   }
 };
-i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i011, type: EuiTableV2Module, decorators: [{
+i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: EuiTableV2Module, decorators: [{
   type: NgModule,
   args: [{
     imports: [