@eui/components 18.0.0-next.69 → 18.0.0-next.70

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

@@ -115,7 +115,7 @@ var EuiIconSvgComponent = class _EuiIconSvgComponent {
         <image [attr.href]="iconUrl" [class]="'eui-icon-svg'" attr.style="{{iconStyle}} {{style}}"></image>
     </svg>
 </ng-container>
-`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
         <image [attr.href]="iconUrl" [class]="'eui-icon-svg'" attr.style="{{iconStyle}} {{style}}"></image>
     </svg>
 </ng-container>
-`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'] }]
+`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'] }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Optional
 }, {

package/fesm2022/eui-components-eui-icon.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-icon/eui-icon-svg.component.ts", "../../eui-icon/eui-icon-svg.component.html", "../../eui-icon/eui-icon-color.component.ts", "../../eui-icon/eui-icon.module.ts"],
   "sourcesContent": ["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    Inject,\n    Optional,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n    selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n    templateUrl: './eui-icon-svg.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent implements AfterContentInit, OnChanges, OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n    @Input() fillColor: string;\n    @Input() set = 'eui';\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n    @Input() style = '';\n    @Input() iconUrl: string;\n    @Input() transform = '';\n    @Input() euiVariant: string; // fake it as used in showcase on samples loops (eui-tabs f.e.) shouldn't be\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            // Always refer to the baseStatesDirective\n            'eui-icon-svg',\n            this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n            // own cmp state => reflected with the scss states\n            this.euiStart ? 'eui-icon-svg--start' : '',\n            this.euiEnd ? 'eui-icon-svg--end' : '',\n            this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n            this.isLoading ? `eui-icon-svg--loading eui-icon-svg--size-${this.size}`: '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.aria-label')\n    @Input('aria-label') ariaLabel = 'Icon';\n\n    public iconName: string;\n    public assetsBaseUrl = 'assets';\n    public iconStyle: string;\n\n    @Input({ transform: booleanAttribute }) ariaHidden = true;\n    @Input({ transform: booleanAttribute }) focusable = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n    @Input({ transform: booleanAttribute }) euiStart = false;\n    @Input({ transform: booleanAttribute }) euiEnd = false;\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n    ) {\n    }\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.size) {\n            if (c.size.currentValue !== c.size.previousValue) {\n                this._setStyle();\n            }\n        }\n        if (c && c.fillColor) {\n            if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n                this._setStyle();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n        this._setStyle();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'eui';\n        } else {\n            if (this.set === 'sharp' || this.set === 'outline') {\n                this.iconName = `${this.icon}-${this.set}`;\n            } else {\n                this.iconName = this.icon;\n            }\n        }\n    }\n\n    private _setStyle(): void {\n        let fill = '';\n        if (this.fillColor) {\n            fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n        }\n        const height = `height: var(--eui-is-${this.size});`;\n        const width = `width: var(--eui-is-${this.size});`;\n        this.iconStyle = `${fill} ${height} ${width}`;\n    }\n}\n", "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-container>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n    template: `\n        <span [class]=\"iconClass\">\n            <span *ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n        </span>\n    `,\n})\nexport class EuiIconColorComponent {\n    public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input() iconClass;\n\n    getCssClasses(): string {\n        return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n    }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\n\nconst CMP = [\n    EuiIconSvgComponent,\n    EuiIconColorComponent,\n];\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [...CMP],\n    exports: [...CMP],\n})\nexport class EuiIconModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Component", "HostBinding", "Input", "i0"]
 }

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

@@ -587,7 +587,7 @@ var EuiTableV2Component = class _EuiTableV2Component {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: _EuiTableV2Component, deps: [{ token: i03.ElementRef }, { token: i03.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i03.Renderer2 }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border: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-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue"\n        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 row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border: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-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
   }
 };
 i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: EuiTableV2Component, decorators: [{
@@ -597,7 +597,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", n
       directive: BaseStatesDirective,
       inputs: []
     }
-  ], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n        <table class="{{ cssClasses }}" [style.width]="hostWidth">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]="stickyHeaderTopPosition">\n                    <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]="bodyTemplate"\n                                [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n                    <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border: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-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'] }]
+  ], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class="eui-table-v2__scroll-viewport"\n        [itemSize]="itemSize"\n        [style.overflow]="cdkVirtualScrollViewportOverflowValue"\n        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 row) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]="bodyTemplate"\n                        [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]="itemSize">\n        <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border: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-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'] }]
 }], ctorParameters: () => [{ type: i03.ElementRef }, { type: i03.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i03.Renderer2 }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -1082,27 +1082,22 @@ var EuiTableV2SortableColComponent = class _EuiTableV2SortableColComponent {
     <div class="eui-table-v2__sortable-col-content-label">
         <ng-content></ng-content>
 
-        @if (!isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+        <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            @if (!isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="swap-vertical:outline"></eui-icon-svg>
-            </button>
-        }
-        @if (order === 'asc' && isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            }
+            @if (order === 'asc' && isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="arrow-up:outline" fillColor="primary" [aria-label]="'eui.euitable.ASCENDING-ICON' | translate"></eui-icon-svg>
-            </button>
-        }
-        @if (order === 'desc' && isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            }
+            @if (order === 'desc' && isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="arrow-down:outline" fillColor="primary" [aria-label]="'eui.euitable.DESCENDING-ICON' | translate"></eui-icon-svg>
-            </button>
-        }
+            }
+        </button>
         @if (sortedIndex && !sortDisabled) {
             <button euiSizeS euiButton euiBasicButton (click)="changeSort()">
                 <span class="eui-table-v2__sortable-col-multisort-index">{{ sortedIndex }}</span>
             </button>
         }
-
     </div>
 </div>
 `, dependencies: [{ kind: "component", type: i24.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: i33.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i42.TranslatePipe, name: "translate" }] });
@@ -1114,27 +1109,22 @@ i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1",
     <div class="eui-table-v2__sortable-col-content-label">
         <ng-content></ng-content>
 
-        @if (!isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+        <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            @if (!isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="swap-vertical:outline"></eui-icon-svg>
-            </button>
-        }
-        @if (order === 'asc' && isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            }
+            @if (order === 'asc' && isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="arrow-up:outline" fillColor="primary" [aria-label]="'eui.euitable.ASCENDING-ICON' | translate"></eui-icon-svg>
-            </button>
-        }
-        @if (order === 'desc' && isSorted && !sortDisabled) {
-            <button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
+            }
+            @if (order === 'desc' && isSorted && !sortDisabled) {
                 <eui-icon-svg class="sort-icon" icon="arrow-down:outline" fillColor="primary" [aria-label]="'eui.euitable.DESCENDING-ICON' | translate"></eui-icon-svg>
-            </button>
-        }
+            }
+        </button>
         @if (sortedIndex && !sortDisabled) {
             <button euiSizeS euiButton euiBasicButton (click)="changeSort()">
                 <span class="eui-table-v2__sortable-col-multisort-index">{{ sortedIndex }}</span>
             </button>
         }
-
     </div>
 </div>
 ` }]