@eui/components 19.2.2-snapshot-1746543961415 → 19.2.2-snapshot-1746624054534

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

@@ -913,7 +913,7 @@ class EuiTableV2Component {
         return prop ? prop.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self) : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTableV2Component, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTableV2Component, isStandalone: true, 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] }, 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: i0, template: "@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        tabindex=\"0\">\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 $index) {\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        @for (__ of nbCols; track $index) {\n            <td><eui-skeleton line euiRounded></eui-skeleton></td>\n        }\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-s-primary-fill);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-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-19 .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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .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-19 .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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i5.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTableV2Component, isStandalone: true, 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] }, 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: i0, template: "@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        tabindex=\"0\">\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 $index) {\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        @for (__ of nbCols; track $index) {\n            <td><eui-skeleton line euiRounded></eui-skeleton></td>\n        }\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-s-primary-base);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-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-19 .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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .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-19 .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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i5.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTableV2Component, decorators: [{
             type: Component,
@@ -935,7 +935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                             directive: BaseStatesDirective,
                             inputs: [],
                         },
-                    ], template: "@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        tabindex=\"0\">\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 $index) {\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        @for (__ of nbCols; track $index) {\n            <td><eui-skeleton line euiRounded></eui-skeleton></td>\n        }\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-s-primary-fill);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-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-19 .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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .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-19 .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: "@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        tabindex=\"0\">\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 $index) {\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        @for (__ of nbCols; track $index) {\n            <td><eui-skeleton line euiRounded></eui-skeleton></td>\n        }\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-s-primary-base);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-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-19 .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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .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-19 .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: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1004,7 +1004,7 @@ class EuiTableComponent {
         return prop ? prop.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self) : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTableComponent, deps: [{ token: EuiTableSortService }, { token: i0.ChangeDetectorRef }, { token: EuiTableSelectableRowService }, { token: i0.ElementRef }, { token: i3.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTableComponent, isStandalone: true, selector: "eui-table, table[euiTable]", inputs: { rows: "rows", propId: "propId", e2eAttr: "e2eAttr", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", loading: ["loading", "loading", booleanAttribute], asyncTable: ["asyncTable", "asyncTable", booleanAttribute], paginable: ["paginable", "paginable", booleanAttribute], euiTableResponsive: ["euiTableResponsive", "euiTableResponsive", booleanAttribute], euiTableFixedLayout: ["euiTableFixedLayout", "euiTableFixedLayout", booleanAttribute], euiTableDraggable: ["euiTableDraggable", "euiTableDraggable", booleanAttribute], euiTableCards: ["euiTableCards", "euiTableCards", booleanAttribute], euiTableBordered: ["euiTableBordered", "euiTableBordered", booleanAttribute], euiTableCompact: ["euiTableCompact", "euiTableCompact", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyColumns: ["hasStickyColumns", "hasStickyColumns", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isHoverable: ["isHoverable", "isHoverable", booleanAttribute] }, outputs: { selectedRows: "selectedRows", sortChange: "sortChange", multiSortChange: "multiSortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableSortService, EuiTableSelectableRowService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ 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: i0, template: "@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 rowsRendered; let i = $index; track $index) {\n            <ng-template\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n            </ng-template>\n        }\n\n        @if (emptyMessageTemplate && rowsRendered.length === 0) {\n            <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n        }\n    </tbody>\n}\n@if (footerTemplate) {\n    <tfoot #tfootRef>\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n    </tfoot>\n}\n", styles: [".eui-19 .eui-table__scrollable-wrapper{overflow:auto;will-change:transform}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-19 .eui-table{--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-active-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-active-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-19 .eui-table thead>tr>th,.eui-19 .eui-table tbody>tr>td,.eui-19 .eui-table tfoot>tr>td{vertical-align:middle}.eui-19 .eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-19 .eui-table--bordered td,.eui-19 .eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-19 .eui-table.eui-table--compact thead tr th{padding:var(--eui-s-s)}.eui-19 .eui-table.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))}.eui-19 .eui-table.eui-table--compact tbody tr td{padding:0 var(--eui-s-s)}.eui-19 .eui-table--responsive{width:100%}.eui-19 .eui-table--fixed-layout{table-layout:fixed}.eui-19 .eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-19 .eui-table--hoverable tbody tr:hover,.eui-19 .eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-19 .eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-19 .eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table--cols-orderable tr{display:table-row}.eui-19 .eui-table--cols-orderable tr th{cursor:move}.eui-19 .eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-19 .eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-s-primary-fill);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-19 .eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-19 .eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-19 .eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-19 .eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-19 .eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-19 .eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-19 .eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-19 .eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-19 .eui-table tbody tr.eui-table__row--selected,.eui-19 .eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-19 .eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table__sticky-container{overflow:auto;will-change:transform}.eui-19 .eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__sticky-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-19 .eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--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-19 .eui-table:not(.eui-table-cards) .actionsColumn,.eui-19 .eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table__sticky-container{height:auto!important;width:auto!important}.eui-19 .eui-table--sticky-columns th,.eui-19 .eui-table--sticky-columns td,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-19 .eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table__filter--responsive{width:100%}.eui-19 .eui-table__filter-input{padding-left:var(--eui-s-3xl)!important}@media screen and (max-width: 767px){.eui-19 .eui-table__filter--responsive{display:block;width:100%}}.eui-19 .eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-19 .eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-19 .eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-19 .eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-19 .eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-19 .eui-table-cards thead{width:100%}.eui-19 .eui-table-cards thead tr{align-items:center;height:auto}.eui-19 .eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody{width:100%}.eui-19 .eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-19 .eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-19 .eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody tr:hover{background-color:transparent}.eui-19 .eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTableComponent, isStandalone: true, selector: "eui-table, table[euiTable]", inputs: { rows: "rows", propId: "propId", e2eAttr: "e2eAttr", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", loading: ["loading", "loading", booleanAttribute], asyncTable: ["asyncTable", "asyncTable", booleanAttribute], paginable: ["paginable", "paginable", booleanAttribute], euiTableResponsive: ["euiTableResponsive", "euiTableResponsive", booleanAttribute], euiTableFixedLayout: ["euiTableFixedLayout", "euiTableFixedLayout", booleanAttribute], euiTableDraggable: ["euiTableDraggable", "euiTableDraggable", booleanAttribute], euiTableCards: ["euiTableCards", "euiTableCards", booleanAttribute], euiTableBordered: ["euiTableBordered", "euiTableBordered", booleanAttribute], euiTableCompact: ["euiTableCompact", "euiTableCompact", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyColumns: ["hasStickyColumns", "hasStickyColumns", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isHoverable: ["isHoverable", "isHoverable", booleanAttribute] }, outputs: { selectedRows: "selectedRows", sortChange: "sortChange", multiSortChange: "multiSortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableSortService, EuiTableSelectableRowService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ 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: i0, template: "@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 rowsRendered; let i = $index; track $index) {\n            <ng-template\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n            </ng-template>\n        }\n\n        @if (emptyMessageTemplate && rowsRendered.length === 0) {\n            <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n        }\n    </tbody>\n}\n@if (footerTemplate) {\n    <tfoot #tfootRef>\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n    </tfoot>\n}\n", styles: [".eui-19 .eui-table__scrollable-wrapper{overflow:auto;will-change:transform}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-19 .eui-table{--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-active-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-active-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-19 .eui-table thead>tr>th,.eui-19 .eui-table tbody>tr>td,.eui-19 .eui-table tfoot>tr>td{vertical-align:middle}.eui-19 .eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-19 .eui-table--bordered td,.eui-19 .eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-19 .eui-table.eui-table--compact thead tr th{padding:var(--eui-s-s)}.eui-19 .eui-table.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))}.eui-19 .eui-table.eui-table--compact tbody tr td{padding:0 var(--eui-s-s)}.eui-19 .eui-table--responsive{width:100%}.eui-19 .eui-table--fixed-layout{table-layout:fixed}.eui-19 .eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-19 .eui-table--hoverable tbody tr:hover,.eui-19 .eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-19 .eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-19 .eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table--cols-orderable tr{display:table-row}.eui-19 .eui-table--cols-orderable tr th{cursor:move}.eui-19 .eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-19 .eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-s-primary-base);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-19 .eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-19 .eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-19 .eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-19 .eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-19 .eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-19 .eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-19 .eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-19 .eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-19 .eui-table tbody tr.eui-table__row--selected,.eui-19 .eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-19 .eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table__sticky-container{overflow:auto;will-change:transform}.eui-19 .eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__sticky-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-19 .eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--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-19 .eui-table:not(.eui-table-cards) .actionsColumn,.eui-19 .eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table__sticky-container{height:auto!important;width:auto!important}.eui-19 .eui-table--sticky-columns th,.eui-19 .eui-table--sticky-columns td,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-19 .eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table__filter--responsive{width:100%}.eui-19 .eui-table__filter-input{padding-left:var(--eui-s-3xl)!important}@media screen and (max-width: 767px){.eui-19 .eui-table__filter--responsive{display:block;width:100%}}.eui-19 .eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-19 .eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-19 .eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-19 .eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-19 .eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-19 .eui-table-cards thead{width:100%}.eui-19 .eui-table-cards thead tr{align-items:center;height:auto}.eui-19 .eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody{width:100%}.eui-19 .eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-19 .eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-19 .eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody tr:hover{background-color:transparent}.eui-19 .eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTableComponent, decorators: [{
             type: Component,
@@ -1015,7 +1015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         },
                     ], imports: [
                         NgTemplateOutlet,
-                    ], template: "@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 rowsRendered; let i = $index; track $index) {\n            <ng-template\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n            </ng-template>\n        }\n\n        @if (emptyMessageTemplate && rowsRendered.length === 0) {\n            <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n        }\n    </tbody>\n}\n@if (footerTemplate) {\n    <tfoot #tfootRef>\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n    </tfoot>\n}\n", styles: [".eui-19 .eui-table__scrollable-wrapper{overflow:auto;will-change:transform}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-19 .eui-table{--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-active-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-active-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-19 .eui-table thead>tr>th,.eui-19 .eui-table tbody>tr>td,.eui-19 .eui-table tfoot>tr>td{vertical-align:middle}.eui-19 .eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-19 .eui-table--bordered td,.eui-19 .eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-19 .eui-table.eui-table--compact thead tr th{padding:var(--eui-s-s)}.eui-19 .eui-table.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))}.eui-19 .eui-table.eui-table--compact tbody tr td{padding:0 var(--eui-s-s)}.eui-19 .eui-table--responsive{width:100%}.eui-19 .eui-table--fixed-layout{table-layout:fixed}.eui-19 .eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-19 .eui-table--hoverable tbody tr:hover,.eui-19 .eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-19 .eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-19 .eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table--cols-orderable tr{display:table-row}.eui-19 .eui-table--cols-orderable tr th{cursor:move}.eui-19 .eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-19 .eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-s-primary-fill);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-19 .eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-19 .eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-19 .eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-19 .eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-19 .eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-19 .eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-19 .eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-19 .eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-19 .eui-table tbody tr.eui-table__row--selected,.eui-19 .eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-19 .eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table__sticky-container{overflow:auto;will-change:transform}.eui-19 .eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__sticky-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-19 .eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--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-19 .eui-table:not(.eui-table-cards) .actionsColumn,.eui-19 .eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table__sticky-container{height:auto!important;width:auto!important}.eui-19 .eui-table--sticky-columns th,.eui-19 .eui-table--sticky-columns td,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-19 .eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table__filter--responsive{width:100%}.eui-19 .eui-table__filter-input{padding-left:var(--eui-s-3xl)!important}@media screen and (max-width: 767px){.eui-19 .eui-table__filter--responsive{display:block;width:100%}}.eui-19 .eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-19 .eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-19 .eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-19 .eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-19 .eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-19 .eui-table-cards thead{width:100%}.eui-19 .eui-table-cards thead tr{align-items:center;height:auto}.eui-19 .eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody{width:100%}.eui-19 .eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-19 .eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-19 .eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody tr:hover{background-color:transparent}.eui-19 .eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"] }]
+                    ], template: "@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 rowsRendered; let i = $index; track $index) {\n            <ng-template\n                [ngTemplateOutlet]=\"bodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n            </ng-template>\n        }\n\n        @if (emptyMessageTemplate && rowsRendered.length === 0) {\n            <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n        }\n    </tbody>\n}\n@if (footerTemplate) {\n    <tfoot #tfootRef>\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n    </tfoot>\n}\n", styles: [".eui-19 .eui-table__scrollable-wrapper{overflow:auto;will-change:transform}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-19 .eui-table{--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-active-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-active-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-19 .eui-table thead>tr>th,.eui-19 .eui-table tbody>tr>td,.eui-19 .eui-table tfoot>tr>td{vertical-align:middle}.eui-19 .eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-19 .eui-table--bordered td,.eui-19 .eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-19 .eui-table.eui-table--compact thead tr th{padding:var(--eui-s-s)}.eui-19 .eui-table.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))}.eui-19 .eui-table.eui-table--compact tbody tr td{padding:0 var(--eui-s-s)}.eui-19 .eui-table--responsive{width:100%}.eui-19 .eui-table--fixed-layout{table-layout:fixed}.eui-19 .eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-19 .eui-table--hoverable tbody tr:hover,.eui-19 .eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-19 .eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-19 .eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table--cols-orderable tr{display:table-row}.eui-19 .eui-table--cols-orderable tr th{cursor:move}.eui-19 .eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-19 .eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-s-primary-base);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-19 .eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-19 .eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-19 .eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-19 .eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-19 .eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-19 .eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-19 .eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-19 .eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-19 .eui-table tbody tr.eui-table__row--selected,.eui-19 .eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-19 .eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-19 .eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-19 .eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-19 .eui-table__sticky-container{overflow:auto;will-change:transform}.eui-19 .eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table__sticky-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-19 .eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-19 .eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-19 .eui-table:not(.eui-table-cards).eui-table--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-19 .eui-table:not(.eui-table-cards) .actionsColumn,.eui-19 .eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table__sticky-container{height:auto!important;width:auto!important}.eui-19 .eui-table--sticky-columns th,.eui-19 .eui-table--sticky-columns td,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-19 .eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table__filter--responsive{width:100%}.eui-19 .eui-table__filter-input{padding-left:var(--eui-s-3xl)!important}@media screen and (max-width: 767px){.eui-19 .eui-table__filter--responsive{display:block;width:100%}}.eui-19 .eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-19 .eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-19 .eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-19 .eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-19 .eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-19 .eui-table-cards thead{width:100%}.eui-19 .eui-table-cards thead tr{align-items:center;height:auto}.eui-19 .eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody{width:100%}.eui-19 .eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-19 .eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-19 .eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-19 .eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-19 .eui-table-cards tbody tr:hover{background-color:transparent}.eui-19 .eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-19 .eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"] }]
         }], ctorParameters: () => [{ type: EuiTableSortService }, { type: i0.ChangeDetectorRef }, { type: EuiTableSelectableRowService }, { type: i0.ElementRef }, { type: i3.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -519,7 +519,7 @@ class EuiTabsV2Component {
         return fullyVisible;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTabsV2Component, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.AnimationBuilder }, { token: i2.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTabsV2Component, isStandalone: true, selector: "eui-tabs-v2", inputs: { e2eAttr: "e2eAttr", activeTabIndex: "activeTabIndex", ariaLabel: "ariaLabel", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute] }, outputs: { tabClose: "tabClose", tabActivate: "tabActivate", tabClick: "tabClick" }, host: { properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabV2Component) }], viewQueries: [{ propertyName: "euiTabsHeadersContainer", first: true, predicate: ["euiTabsHeadersContainer"], descendants: true }, { propertyName: "euiTabsHeaders", first: true, predicate: ["euiTabsHeaders"], descendants: true }, { propertyName: "euiTabListItems", predicate: ["euiTabListItems"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #euiTabsHeadersContainer class=\"eui-tab\" [class.eui-tab--scrolling]=\"scrolling\">\n    <ul #euiTabsHeaders class=\"eui-tab-headers\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n        @for (tab of tabs; let i = $index; track tab) {\n            @if (tab.isVisible$ | async) {\n                <li #euiTabListItems\n                    class=\"eui-tab-header\"\n                    id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                    [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                    role=\"tab\"\n                    attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                    [attr.aria-selected]=\"i === activeTabIndex\"\n                    [ngClass]=\"tab.baseStatesDirective.euiVariant ? 'eui-tab-header--' + tab.baseStatesDirective.euiVariant : ''\"\n                    [class.eui-tab-header--active]=\"i === activeTabIndex\"\n                    [class.eui-tab-header--disabled]=\"tab.isDisabled$ | async\"\n                    attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                    (click)=\"tabListItemClick(i)\"\n                    (keydown)=\"onKeydown(i, $event)\">\n                    <ng-template [cdkPortalOutlet]=\"tab.templateHeader.templatePortal\"></ng-template>\n\n                    @if (tab.isClosable$ | async) {\n                        <eui-icon-button\n                            [tabindex]=\"-1\"\n                            ariaLabel=\"Closable\"\n                            euiRounded\n                            class=\"eui-tab-close-button\"\n                            icon=\"close:outline\"\n                            (buttonClick)=\"close(i, $event)\">\n                        </eui-icon-button>\n                    }\n                </li>\n            }\n        }\n    </ul>\n\n    <div class=\"eui-tabs-navigation\">\n        <div class=\"eui-tabs-navigation__left-item\">\n            <button\n                (click)=\"goToLeft()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationLeftButtonDisabled\"\n                aria-label=\"Scroll left\">\n                <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-tabs-navigation__right-item\">\n            <button\n                (click)=\"goToRight()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationRightButtonDisabled\"\n                aria-label=\"Scroll right\">\n                <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n\n    <ng-content select=\"eui-tabs-v2-right-content\"></ng-content>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eui-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n", styles: [".eui-19 :host.eui-tabs .eui-tab-header{--_color: var(--eui-c-s-secondary);--_border-color: transparent;--_border-color-hover: var(--eui-c-s-secondary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--active{--_color: var(--eui-c-active);--_border-color: var(--eui-c-active);--_border-color-hover: var(--eui-c-active)}.eui-19 :host.eui-tabs .eui-tab-header--primary{--_color: var(--eui-c-s-primary);--_border-color: var(--eui-c-s-primary);--_border-color-hover: var(--eui-c-s-primary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--secondary{--_color: var(--eui-c-s-secondary);--_border-color-hover: var(--eui-c-s-secondary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--info{--_color: var(--eui-c-s-info);--_border-color-hover: var(--eui-c-s-info-bg)}.eui-19 :host.eui-tabs .eui-tab-header--success{--_color: var(--eui-c-s-success);--_border-color-hover: var(--eui-c-s-success-bg)}.eui-19 :host.eui-tabs .eui-tab-header--warning{--_color: var(--eui-c-s-warning);--_border-color-hover: var(--eui-c-s-warning-bg)}.eui-19 :host.eui-tabs .eui-tab-header--danger{--_color: var(--eui-c-s-danger);--_border-color-hover: var(--eui-c-s-danger-bg)}.eui-19 :host.eui-tabs .eui-tab-header--disabled{--_color: var(--eui-c-disabled);--_border-color-hover: transparent}.eui-19 :host.eui-tabs .eui-tab{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;overflow:hidden;position:relative}.eui-19 :host.eui-tabs .eui-tab-headers{display:flex;flex-shrink:0;list-style:none;margin:0;padding:0}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--_color);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label{display:block;font-weight:700;line-height:var(--eui-s-l);color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label__sublabel{font-weight:400;color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--active{border-color:var(--_border-color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--disabled{cursor:not-allowed;pointer-events:none}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:hover:not(.eui-tab-header--active){background:var(--eui-c-hover);border-color:var(--_border-color-hover)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers{width:100%;justify-content:space-between}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers .eui-tab-header{width:100%;display:flex;justify-content:center}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;top:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item ::ng-deep .eui-button.eui-button--icon-only,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item ::ng-deep .eui-button.eui-button--icon-only{height:100%}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item{left:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{right:0}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tab-headers{padding-left:var(--eui-s-3xl)}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__right-item{display:block}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body{padding:var(--eui-s-s)}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body.eui-tab-v2__body--no-padding{padding:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTabsV2Component, isStandalone: true, selector: "eui-tabs-v2", inputs: { e2eAttr: "e2eAttr", activeTabIndex: "activeTabIndex", ariaLabel: "ariaLabel", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute] }, outputs: { tabClose: "tabClose", tabActivate: "tabActivate", tabClick: "tabClick" }, host: { properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabV2Component) }], viewQueries: [{ propertyName: "euiTabsHeadersContainer", first: true, predicate: ["euiTabsHeadersContainer"], descendants: true }, { propertyName: "euiTabsHeaders", first: true, predicate: ["euiTabsHeaders"], descendants: true }, { propertyName: "euiTabListItems", predicate: ["euiTabListItems"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #euiTabsHeadersContainer class=\"eui-tab\" [class.eui-tab--scrolling]=\"scrolling\">\n    <ul #euiTabsHeaders class=\"eui-tab-headers\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n        @for (tab of tabs; let i = $index; track tab) {\n            @if (tab.isVisible$ | async) {\n                <li #euiTabListItems\n                    class=\"eui-tab-header\"\n                    id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                    [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                    role=\"tab\"\n                    attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                    [attr.aria-selected]=\"i === activeTabIndex\"\n                    [ngClass]=\"tab.baseStatesDirective.euiVariant ? 'eui-tab-header--' + tab.baseStatesDirective.euiVariant : ''\"\n                    [class.eui-tab-header--active]=\"i === activeTabIndex\"\n                    [class.eui-tab-header--disabled]=\"tab.isDisabled$ | async\"\n                    attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                    (click)=\"tabListItemClick(i)\"\n                    (keydown)=\"onKeydown(i, $event)\">\n                    <ng-template [cdkPortalOutlet]=\"tab.templateHeader.templatePortal\"></ng-template>\n\n                    @if (tab.isClosable$ | async) {\n                        <eui-icon-button\n                            [tabindex]=\"-1\"\n                            ariaLabel=\"Closable\"\n                            euiRounded\n                            class=\"eui-tab-close-button\"\n                            icon=\"close:outline\"\n                            (buttonClick)=\"close(i, $event)\">\n                        </eui-icon-button>\n                    }\n                </li>\n            }\n        }\n    </ul>\n\n    <div class=\"eui-tabs-navigation\">\n        <div class=\"eui-tabs-navigation__left-item\">\n            <button\n                (click)=\"goToLeft()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationLeftButtonDisabled\"\n                aria-label=\"Scroll left\">\n                <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-tabs-navigation__right-item\">\n            <button\n                (click)=\"goToRight()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationRightButtonDisabled\"\n                aria-label=\"Scroll right\">\n                <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n\n    <ng-content select=\"eui-tabs-v2-right-content\"></ng-content>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eui-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n", styles: [".eui-19 :host.eui-tabs .eui-tab-header{--_color: var(--eui-c-s-secondary);--_border-color: transparent;--_border-color-hover: var(--eui-c-s-secondary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--active{--_color: var(--eui-c-active);--_border-color: var(--eui-c-active);--_border-color-hover: var(--eui-c-active)}.eui-19 :host.eui-tabs .eui-tab-header--primary{--_color: var(--eui-c-s-primary);--_border-color: var(--eui-c-s-primary);--_border-color-hover: var(--eui-c-s-primary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--secondary{--_color: var(--eui-c-s-secondary);--_border-color-hover: var(--eui-c-s-secondary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--info{--_color: var(--eui-c-s-info);--_border-color-hover: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--success{--_color: var(--eui-c-s-success);--_border-color-hover: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--warning{--_color: var(--eui-c-s-warning);--_border-color-hover: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--danger{--_color: var(--eui-c-s-danger);--_border-color-hover: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--disabled{--_color: var(--eui-c-disabled);--_border-color-hover: transparent}.eui-19 :host.eui-tabs .eui-tab{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;overflow:hidden;position:relative}.eui-19 :host.eui-tabs .eui-tab-headers{display:flex;flex-shrink:0;list-style:none;margin:0;padding:0}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--_color);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label{display:block;font-weight:700;line-height:var(--eui-s-l);color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label__sublabel{font-weight:400;color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--active{border-color:var(--_border-color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--disabled{cursor:not-allowed;pointer-events:none}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:hover:not(.eui-tab-header--active){background:var(--eui-c-hover);border-color:var(--_border-color-hover)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers{width:100%;justify-content:space-between}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers .eui-tab-header{width:100%;display:flex;justify-content:center}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;top:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item ::ng-deep .eui-button.eui-button--icon-only,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item ::ng-deep .eui-button.eui-button--icon-only{height:100%}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item{left:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{right:0}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tab-headers{padding-left:var(--eui-s-3xl)}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__right-item{display:block}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body{padding:var(--eui-s-s)}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body.eui-tab-v2__body--no-padding{padding:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTabsV2Component, decorators: [{
             type: Component,
@@ -530,7 +530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         ...EUI_ICON,
                         ...EUI_BUTTON,
                         ...EUI_ICON_BUTTON,
-                    ], template: "<div #euiTabsHeadersContainer class=\"eui-tab\" [class.eui-tab--scrolling]=\"scrolling\">\n    <ul #euiTabsHeaders class=\"eui-tab-headers\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n        @for (tab of tabs; let i = $index; track tab) {\n            @if (tab.isVisible$ | async) {\n                <li #euiTabListItems\n                    class=\"eui-tab-header\"\n                    id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                    [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                    role=\"tab\"\n                    attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                    [attr.aria-selected]=\"i === activeTabIndex\"\n                    [ngClass]=\"tab.baseStatesDirective.euiVariant ? 'eui-tab-header--' + tab.baseStatesDirective.euiVariant : ''\"\n                    [class.eui-tab-header--active]=\"i === activeTabIndex\"\n                    [class.eui-tab-header--disabled]=\"tab.isDisabled$ | async\"\n                    attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                    (click)=\"tabListItemClick(i)\"\n                    (keydown)=\"onKeydown(i, $event)\">\n                    <ng-template [cdkPortalOutlet]=\"tab.templateHeader.templatePortal\"></ng-template>\n\n                    @if (tab.isClosable$ | async) {\n                        <eui-icon-button\n                            [tabindex]=\"-1\"\n                            ariaLabel=\"Closable\"\n                            euiRounded\n                            class=\"eui-tab-close-button\"\n                            icon=\"close:outline\"\n                            (buttonClick)=\"close(i, $event)\">\n                        </eui-icon-button>\n                    }\n                </li>\n            }\n        }\n    </ul>\n\n    <div class=\"eui-tabs-navigation\">\n        <div class=\"eui-tabs-navigation__left-item\">\n            <button\n                (click)=\"goToLeft()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationLeftButtonDisabled\"\n                aria-label=\"Scroll left\">\n                <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-tabs-navigation__right-item\">\n            <button\n                (click)=\"goToRight()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationRightButtonDisabled\"\n                aria-label=\"Scroll right\">\n                <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n\n    <ng-content select=\"eui-tabs-v2-right-content\"></ng-content>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eui-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n", styles: [".eui-19 :host.eui-tabs .eui-tab-header{--_color: var(--eui-c-s-secondary);--_border-color: transparent;--_border-color-hover: var(--eui-c-s-secondary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--active{--_color: var(--eui-c-active);--_border-color: var(--eui-c-active);--_border-color-hover: var(--eui-c-active)}.eui-19 :host.eui-tabs .eui-tab-header--primary{--_color: var(--eui-c-s-primary);--_border-color: var(--eui-c-s-primary);--_border-color-hover: var(--eui-c-s-primary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--secondary{--_color: var(--eui-c-s-secondary);--_border-color-hover: var(--eui-c-s-secondary-bg)}.eui-19 :host.eui-tabs .eui-tab-header--info{--_color: var(--eui-c-s-info);--_border-color-hover: var(--eui-c-s-info-bg)}.eui-19 :host.eui-tabs .eui-tab-header--success{--_color: var(--eui-c-s-success);--_border-color-hover: var(--eui-c-s-success-bg)}.eui-19 :host.eui-tabs .eui-tab-header--warning{--_color: var(--eui-c-s-warning);--_border-color-hover: var(--eui-c-s-warning-bg)}.eui-19 :host.eui-tabs .eui-tab-header--danger{--_color: var(--eui-c-s-danger);--_border-color-hover: var(--eui-c-s-danger-bg)}.eui-19 :host.eui-tabs .eui-tab-header--disabled{--_color: var(--eui-c-disabled);--_border-color-hover: transparent}.eui-19 :host.eui-tabs .eui-tab{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;overflow:hidden;position:relative}.eui-19 :host.eui-tabs .eui-tab-headers{display:flex;flex-shrink:0;list-style:none;margin:0;padding:0}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--_color);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label{display:block;font-weight:700;line-height:var(--eui-s-l);color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label__sublabel{font-weight:400;color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--active{border-color:var(--_border-color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--disabled{cursor:not-allowed;pointer-events:none}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:hover:not(.eui-tab-header--active){background:var(--eui-c-hover);border-color:var(--_border-color-hover)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers{width:100%;justify-content:space-between}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers .eui-tab-header{width:100%;display:flex;justify-content:center}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;top:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item ::ng-deep .eui-button.eui-button--icon-only,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item ::ng-deep .eui-button.eui-button--icon-only{height:100%}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item{left:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{right:0}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tab-headers{padding-left:var(--eui-s-3xl)}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__right-item{display:block}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body{padding:var(--eui-s-s)}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body.eui-tab-v2__body--no-padding{padding:0}\n"] }]
+                    ], template: "<div #euiTabsHeadersContainer class=\"eui-tab\" [class.eui-tab--scrolling]=\"scrolling\">\n    <ul #euiTabsHeaders class=\"eui-tab-headers\" [attr.data-offset]=\"currentOffset\" role=\"tablist\" [attr.aria-label]=\"ariaLabel\">\n        @for (tab of tabs; let i = $index; track tab) {\n            @if (tab.isVisible$ | async) {\n                <li #euiTabListItems\n                    class=\"eui-tab-header\"\n                    id=\"tab-{{ i + 1 }}-{{ tabId }}\"\n                    [tabindex]=\"i === activeTabIndex ? '0' : '-1'\"\n                    role=\"tab\"\n                    attr.aria-controls=\"tabpanel-{{ i + 1 }}-{{ tabId }}\"\n                    [attr.aria-selected]=\"i === activeTabIndex\"\n                    [ngClass]=\"tab.baseStatesDirective.euiVariant ? 'eui-tab-header--' + tab.baseStatesDirective.euiVariant : ''\"\n                    [class.eui-tab-header--active]=\"i === activeTabIndex\"\n                    [class.eui-tab-header--disabled]=\"tab.isDisabled$ | async\"\n                    attr.aria-disabled=\"{{ tab.isDisabled$ | async }}\"\n                    (click)=\"tabListItemClick(i)\"\n                    (keydown)=\"onKeydown(i, $event)\">\n                    <ng-template [cdkPortalOutlet]=\"tab.templateHeader.templatePortal\"></ng-template>\n\n                    @if (tab.isClosable$ | async) {\n                        <eui-icon-button\n                            [tabindex]=\"-1\"\n                            ariaLabel=\"Closable\"\n                            euiRounded\n                            class=\"eui-tab-close-button\"\n                            icon=\"close:outline\"\n                            (buttonClick)=\"close(i, $event)\">\n                        </eui-icon-button>\n                    }\n                </li>\n            }\n        }\n    </ul>\n\n    <div class=\"eui-tabs-navigation\">\n        <div class=\"eui-tabs-navigation__left-item\">\n            <button\n                (click)=\"goToLeft()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationLeftButtonDisabled\"\n                aria-label=\"Scroll left\">\n                <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-tabs-navigation__right-item\">\n            <button\n                (click)=\"goToRight()\"\n                euiButton\n                euiIconButton\n                euiBasicButton\n                type=\"button\"\n                [euiDisabled]=\"navigationRightButtonDisabled\"\n                aria-label=\"Scroll right\">\n                <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n\n    <ng-content select=\"eui-tabs-v2-right-content\"></ng-content>\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {\n        <div id=\"tabpanel-{{ i + 1 }}-{{ tabId }}\" class=\"eui-tab-body-container\" role=\"tabpanel\" attr.aria-labelledby=\"tab-{{ i + 1 }}-{{ tabId }}\">\n            <ng-template [cdkPortalOutlet]=\"tab.templateBody.templatePortal\" (attached)=\"onAttached(i + 1)\"></ng-template>\n        </div>\n    }\n}\n", styles: [".eui-19 :host.eui-tabs .eui-tab-header{--_color: var(--eui-c-s-secondary);--_border-color: transparent;--_border-color-hover: var(--eui-c-s-secondary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--active{--_color: var(--eui-c-active);--_border-color: var(--eui-c-active);--_border-color-hover: var(--eui-c-active)}.eui-19 :host.eui-tabs .eui-tab-header--primary{--_color: var(--eui-c-s-primary);--_border-color: var(--eui-c-s-primary);--_border-color-hover: var(--eui-c-s-primary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--secondary{--_color: var(--eui-c-s-secondary);--_border-color-hover: var(--eui-c-s-secondary-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--info{--_color: var(--eui-c-s-info);--_border-color-hover: var(--eui-c-s-info-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--success{--_color: var(--eui-c-s-success);--_border-color-hover: var(--eui-c-s-success-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--warning{--_color: var(--eui-c-s-warning);--_border-color-hover: var(--eui-c-s-warning-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--danger{--_color: var(--eui-c-s-danger);--_border-color-hover: var(--eui-c-s-danger-surface-light)}.eui-19 :host.eui-tabs .eui-tab-header--disabled{--_color: var(--eui-c-disabled);--_border-color-hover: transparent}.eui-19 :host.eui-tabs .eui-tab{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;overflow:hidden;position:relative}.eui-19 :host.eui-tabs .eui-tab-headers{display:flex;flex-shrink:0;list-style:none;margin:0;padding:0}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--_color);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label{display:block;font-weight:700;line-height:var(--eui-s-l);color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header ::ng-deep .eui-label__sublabel{font-weight:400;color:var(--_color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--active{border-color:var(--_border-color)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header--disabled{cursor:not-allowed;pointer-events:none}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:hover:not(.eui-tab-header--active){background:var(--eui-c-hover);border-color:var(--_border-color-hover)}.eui-19 :host.eui-tabs .eui-tab-headers .eui-tab-header:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers{width:100%;justify-content:space-between}.eui-19 :host.eui-tabs--main-navigation .eui-tab-headers .eui-tab-header{width:100%;display:flex;justify-content:center}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;top:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item ::ng-deep .eui-button.eui-button--icon-only,.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item ::ng-deep .eui-button.eui-button--icon-only{height:100%}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__left-item{left:0}.eui-19 :host.eui-tabs .eui-tabs-navigation .eui-tabs-navigation__right-item{right:0}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tab-headers{padding-left:var(--eui-s-3xl)}.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__left-item,.eui-19 :host.eui-tabs .eui-tab--scrolling .eui-tabs-navigation .eui-tabs-navigation__right-item{display:block}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body{padding:var(--eui-s-s)}.eui-19 :host.eui-tabs .eui-tab-body-container ::ng-deep .eui-tab-v2__body.eui-tab-v2__body--no-padding{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.AnimationBuilder }, { type: i2.EuiAppShellService }], propDecorators: { elementClass: [{
                 type: HostBinding,
                 args: ['class']