@eui/components 18.0.0-next.32 → 18.0.0-next.34

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

@@ -138,7 +138,7 @@ var EuiTabComponent = class _EuiTabComponent {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i03, type: _EuiTabComponent, deps: [{ token: i1.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTabComponent, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute2], isVisible: ["isVisible", "isVisible", booleanAttribute2], isActive: ["isActive", "isActive", booleanAttribute2], isDisabled: ["isDisabled", "isDisabled", booleanAttribute2], hasBackgroundFilled: ["hasBackgroundFilled", "hasBackgroundFilled", booleanAttribute2], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute2] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: "<ng-content></ng-content>\n", styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-ctx-c-white);color:var(--eui-ctx-c-s);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-ctx-c-ac);background:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-ctx-c-p-bg);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-ctx-c-s-light);fill:var(--eui-ctx-c-s-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-ctx-c-s-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-ctx-c-s-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-ctx-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-ctx-c-p)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-left:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-ctx-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary{color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--success{color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--warning{color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--danger{color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--accent{color:var(--eui-ctx-c-ac-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-ctx-c-in);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-ctx-c-su);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-ctx-c-wa);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-ctx-c-da);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}\n'] });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTabComponent, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute2], isVisible: ["isVisible", "isVisible", booleanAttribute2], isActive: ["isActive", "isActive", booleanAttribute2], isDisabled: ["isDisabled", "isDisabled", booleanAttribute2], hasBackgroundFilled: ["hasBackgroundFilled", "hasBackgroundFilled", booleanAttribute2], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute2] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: "<ng-content></ng-content>\n", styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-secondary);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-c-accent);background:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-c-primary-bg);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-c-secondary-light);fill:var(--eui-c-secondary-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-c-primary);fill:var(--eui-c-primary);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-secondary-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-secondary-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-left:3px solid var(--eui-c-primary);color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary{color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-c-info)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-tabs .eui-tab-item--success{color:var(--eui-c-success)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success)}.eui-tabs .eui-tab-item--warning{color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--danger{color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--accent{color:var(--eui-c-accent-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-c-primary);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-c-secondary-bg-light);color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-c-info);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-c-warning);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-c-accent);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}\n'] });
   }
 };
 i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i03, type: EuiTabComponent, decorators: [{
@@ -158,7 +158,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiVariant"
       ]
     }
-  ], template: "<ng-content></ng-content>\n", styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-ctx-c-white);color:var(--eui-ctx-c-s);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-ctx-c-ac);background:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-ctx-c-p-bg);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-ctx-c-s-light);fill:var(--eui-ctx-c-s-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-ctx-c-s-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-ctx-c-s-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-ctx-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-ctx-c-p)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-left:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-ctx-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary{color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--success{color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--warning{color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--danger{color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--accent{color:var(--eui-ctx-c-ac-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-ctx-c-in);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-ctx-c-su);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-ctx-c-wa);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-ctx-c-da);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}\n'] }]
+  ], template: "<ng-content></ng-content>\n", styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-secondary);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-c-accent);background:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-c-primary-bg);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-c-secondary-light);fill:var(--eui-c-secondary-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-c-primary);fill:var(--eui-c-primary);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-secondary-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-secondary-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-left:3px solid var(--eui-c-primary);color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary{color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-c-info)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-tabs .eui-tab-item--success{color:var(--eui-c-success)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success)}.eui-tabs .eui-tab-item--warning{color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--danger{color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--accent{color:var(--eui-c-accent-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-c-primary);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-c-secondary-bg-light);color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-c-info);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-c-warning);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-c-accent);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { url: [{
   type: Input2
 }], e2eAttr: [{
@@ -468,12 +468,12 @@ var EuiTabsComponent = class _EuiTabsComponent {
     this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i04, type: _EuiTabsComponent, deps: [{ token: i04.ChangeDetectorRef }, { token: i12.Router }, { token: i2.AnimationBuilder }], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiTabsComponent, selector: "eui-tabs", inputs: { styleClass: "styleClass", tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute3], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute3], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute3], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute3] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "_tabs", predicate: i04.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "host", first: true, predicate: ["host"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef3 }], usesOnChanges: true, ngImport: i04, template: '<div\n    #host\n    class="eui-tabs {{ styleClass }}"\n    [class.eui-tabs--main-navigation]="isMainNavigation"\n    [class.eui-tabs--vertical]="isVerticalTabs"\n    attr.data-e2e="{{ e2eAttr }}">\n    <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs">\n        <div\n            #euiTabsItems\n            class="eui-tabs__items"\n            [class.eui-tabs__items--horizontal]="!isVerticalTabs"\n            [class.eui-tabs__items--scrolling]="scrolling"\n            (cdkObserveContent)="onContentChanges()">\n            <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist">\n                @for (tab of tabs; let i = $index; track tab) {\n                    @if (tab.isVisible) {\n                        <div\n                            tabindex="0"\n                            role="tab"\n                            class="eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}"\n                            [class.eui-tab-item--closable]="tab.isClosable"\n                            [class.eui-tab-item--active]="activeTabIndex === i"\n                            [class.eui-tab-item--disabled]="tab.isDisabled"\n                            [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled"\n                            [attr.aria-disabled]="tab.isDisabled"\n                            (click)="changeTab(i)"\n                            [euiTooltip]="tab.tooltip"\n                            (keyup)="onKeyUp($event, i)">\n                            <div class="eui-tab-item__label">\n                                <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template>\n                            </div>\n                            @if (tab.isClosable) {\n                                <button\n                                    (click)="closeTab(i, $event)"\n                                    euiButton\n                                    euiIconButton\n                                    euiBasicButton\n                                    euiRounded\n                                    euiSizeXS\n                                    type="button"\n                                    aria-label="Close tab button"\n                                    class="eui-u-ml-s">\n                                    <eui-icon-svg\n                                        icon="eui-ecl-close"\n                                        size="l"\n                                        fillColor="grey-75"\n                                        class="eui-tab__close-icon"\n                                        aria-label="Close icon">\n                                    </eui-icon-svg>\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </div>\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="eui-chevron-back"></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="eui-chevron-forward"></eui-icon-svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class="eui-tabs__right-content">\n            <ng-content select="euiTabsRightContent"></ng-content>\n        </div>\n    </div>\n\n    @for (tab of tabs; let i = $index; track tab) {\n        @if (i === activeTabIndex && tab.templateContent) {\n            <div class="eui-tab-content-wrapper" tabindex="0">\n                <ng-template [cdkPortalOutlet]="tab.templateContent.templatePortal"></ng-template>\n            </div>\n        }\n    }\n</div>\n', styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-ctx-c-white);color:var(--eui-ctx-c-s);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-ctx-c-ac);background:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-ctx-c-p-bg);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-ctx-c-s-light);fill:var(--eui-ctx-c-s-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-ctx-c-s-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-ctx-c-s-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-ctx-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-ctx-c-p)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-left:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-ctx-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary{color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--success{color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--warning{color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--danger{color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--accent{color:var(--eui-ctx-c-ac-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-ctx-c-in);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-ctx-c-su);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-ctx-c-wa);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-ctx-c-da);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}\n'], dependencies: [{ 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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i7.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i04.ViewEncapsulation.None });
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiTabsComponent, selector: "eui-tabs", inputs: { styleClass: "styleClass", tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute3], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute3], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute3], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute3] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "_tabs", predicate: i04.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "host", first: true, predicate: ["host"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef3 }], usesOnChanges: true, ngImport: i04, template: '<div\n    #host\n    class="eui-tabs {{ styleClass }}"\n    [class.eui-tabs--main-navigation]="isMainNavigation"\n    [class.eui-tabs--vertical]="isVerticalTabs"\n    attr.data-e2e="{{ e2eAttr }}">\n    <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs">\n        <div\n            #euiTabsItems\n            class="eui-tabs__items"\n            [class.eui-tabs__items--horizontal]="!isVerticalTabs"\n            [class.eui-tabs__items--scrolling]="scrolling"\n            (cdkObserveContent)="onContentChanges()">\n            <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist">\n                @for (tab of tabs; let i = $index; track tab) {\n                    @if (tab.isVisible) {\n                        <div\n                            tabindex="0"\n                            role="tab"\n                            class="eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}"\n                            [class.eui-tab-item--closable]="tab.isClosable"\n                            [class.eui-tab-item--active]="activeTabIndex === i"\n                            [class.eui-tab-item--disabled]="tab.isDisabled"\n                            [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled"\n                            [attr.aria-disabled]="tab.isDisabled"\n                            (click)="changeTab(i)"\n                            [euiTooltip]="tab.tooltip"\n                            (keyup)="onKeyUp($event, i)">\n                            <div class="eui-tab-item__label">\n                                <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template>\n                            </div>\n                            @if (tab.isClosable) {\n                                <button\n                                    (click)="closeTab(i, $event)"\n                                    euiButton\n                                    euiIconButton\n                                    euiBasicButton\n                                    euiRounded\n                                    euiSizeXS\n                                    type="button"\n                                    aria-label="Close tab button"\n                                    class="eui-u-ml-s">\n                                    <eui-icon-svg\n                                        icon="eui-ecl-close"\n                                        size="l"\n                                        fillColor="grey-75"\n                                        class="eui-tab__close-icon"\n                                        aria-label="Close icon">\n                                    </eui-icon-svg>\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </div>\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="eui-chevron-back"></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="eui-chevron-forward"></eui-icon-svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class="eui-tabs__right-content">\n            <ng-content select="euiTabsRightContent"></ng-content>\n        </div>\n    </div>\n\n    @for (tab of tabs; let i = $index; track tab) {\n        @if (i === activeTabIndex && tab.templateContent) {\n            <div class="eui-tab-content-wrapper" tabindex="0">\n                <ng-template [cdkPortalOutlet]="tab.templateContent.templatePortal"></ng-template>\n            </div>\n        }\n    }\n</div>\n', styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-secondary);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-c-accent);background:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-c-primary-bg);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-c-secondary-light);fill:var(--eui-c-secondary-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-c-primary);fill:var(--eui-c-primary);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-secondary-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-secondary-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-left:3px solid var(--eui-c-primary);color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary{color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-c-info)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-tabs .eui-tab-item--success{color:var(--eui-c-success)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success)}.eui-tabs .eui-tab-item--warning{color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--danger{color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--accent{color:var(--eui-c-accent-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-c-primary);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-c-secondary-bg-light);color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-c-info);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-c-warning);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-c-accent);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}\n'], dependencies: [{ 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", "ariaLabelledby", "role", "style", "iconUrl", "transform", "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: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i7.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i04.ViewEncapsulation.None });
   }
 };
 i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i04, type: EuiTabsComponent, decorators: [{
   type: Component4,
-  args: [{ selector: "eui-tabs", encapsulation: ViewEncapsulation.None, template: '<div\n    #host\n    class="eui-tabs {{ styleClass }}"\n    [class.eui-tabs--main-navigation]="isMainNavigation"\n    [class.eui-tabs--vertical]="isVerticalTabs"\n    attr.data-e2e="{{ e2eAttr }}">\n    <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs">\n        <div\n            #euiTabsItems\n            class="eui-tabs__items"\n            [class.eui-tabs__items--horizontal]="!isVerticalTabs"\n            [class.eui-tabs__items--scrolling]="scrolling"\n            (cdkObserveContent)="onContentChanges()">\n            <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist">\n                @for (tab of tabs; let i = $index; track tab) {\n                    @if (tab.isVisible) {\n                        <div\n                            tabindex="0"\n                            role="tab"\n                            class="eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}"\n                            [class.eui-tab-item--closable]="tab.isClosable"\n                            [class.eui-tab-item--active]="activeTabIndex === i"\n                            [class.eui-tab-item--disabled]="tab.isDisabled"\n                            [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled"\n                            [attr.aria-disabled]="tab.isDisabled"\n                            (click)="changeTab(i)"\n                            [euiTooltip]="tab.tooltip"\n                            (keyup)="onKeyUp($event, i)">\n                            <div class="eui-tab-item__label">\n                                <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template>\n                            </div>\n                            @if (tab.isClosable) {\n                                <button\n                                    (click)="closeTab(i, $event)"\n                                    euiButton\n                                    euiIconButton\n                                    euiBasicButton\n                                    euiRounded\n                                    euiSizeXS\n                                    type="button"\n                                    aria-label="Close tab button"\n                                    class="eui-u-ml-s">\n                                    <eui-icon-svg\n                                        icon="eui-ecl-close"\n                                        size="l"\n                                        fillColor="grey-75"\n                                        class="eui-tab__close-icon"\n                                        aria-label="Close icon">\n                                    </eui-icon-svg>\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </div>\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="eui-chevron-back"></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="eui-chevron-forward"></eui-icon-svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class="eui-tabs__right-content">\n            <ng-content select="euiTabsRightContent"></ng-content>\n        </div>\n    </div>\n\n    @for (tab of tabs; let i = $index; track tab) {\n        @if (i === activeTabIndex && tab.templateContent) {\n            <div class="eui-tab-content-wrapper" tabindex="0">\n                <ng-template [cdkPortalOutlet]="tab.templateContent.templatePortal"></ng-template>\n            </div>\n        }\n    }\n</div>\n', styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-ctx-c-s-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-ctx-c-white);color:var(--eui-ctx-c-s);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-ctx-c-ac);background:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-ctx-c-p-bg);border-bottom:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-ctx-c-s-light);fill:var(--eui-ctx-c-s-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-ctx-c-s-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-ctx-c-s-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-ctx-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-ctx-c-p)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-ctx-c-s-bg-light);border-left:3px solid var(--eui-ctx-c-p);color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-ctx-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary{color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-ctx-c-s-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-ctx-c-in)}.eui-tabs .eui-tab-item--success{color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-ctx-c-su)}.eui-tabs .eui-tab-item--warning{color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-ctx-c-wa)}.eui-tabs .eui-tab-item--danger{color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-ctx-c-da)}.eui-tabs .eui-tab-item--accent{color:var(--eui-ctx-c-ac-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-s)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-ctx-c-in);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-ctx-c-su);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-ac)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-ctx-c-wa);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-ctx-c-da);color:var(--eui-ctx-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-ctx-c-p)}\n'] }]
+  args: [{ selector: "eui-tabs", encapsulation: ViewEncapsulation.None, template: '<div\n    #host\n    class="eui-tabs {{ styleClass }}"\n    [class.eui-tabs--main-navigation]="isMainNavigation"\n    [class.eui-tabs--vertical]="isVerticalTabs"\n    attr.data-e2e="{{ e2eAttr }}">\n    <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs">\n        <div\n            #euiTabsItems\n            class="eui-tabs__items"\n            [class.eui-tabs__items--horizontal]="!isVerticalTabs"\n            [class.eui-tabs__items--scrolling]="scrolling"\n            (cdkObserveContent)="onContentChanges()">\n            <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist">\n                @for (tab of tabs; let i = $index; track tab) {\n                    @if (tab.isVisible) {\n                        <div\n                            tabindex="0"\n                            role="tab"\n                            class="eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}"\n                            [class.eui-tab-item--closable]="tab.isClosable"\n                            [class.eui-tab-item--active]="activeTabIndex === i"\n                            [class.eui-tab-item--disabled]="tab.isDisabled"\n                            [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled"\n                            [attr.aria-disabled]="tab.isDisabled"\n                            (click)="changeTab(i)"\n                            [euiTooltip]="tab.tooltip"\n                            (keyup)="onKeyUp($event, i)">\n                            <div class="eui-tab-item__label">\n                                <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template>\n                            </div>\n                            @if (tab.isClosable) {\n                                <button\n                                    (click)="closeTab(i, $event)"\n                                    euiButton\n                                    euiIconButton\n                                    euiBasicButton\n                                    euiRounded\n                                    euiSizeXS\n                                    type="button"\n                                    aria-label="Close tab button"\n                                    class="eui-u-ml-s">\n                                    <eui-icon-svg\n                                        icon="eui-ecl-close"\n                                        size="l"\n                                        fillColor="grey-75"\n                                        class="eui-tab__close-icon"\n                                        aria-label="Close icon">\n                                    </eui-icon-svg>\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </div>\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="eui-chevron-back"></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="eui-chevron-forward"></eui-icon-svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class="eui-tabs__right-content">\n            <ng-content select="euiTabsRightContent"></ng-content>\n        </div>\n    </div>\n\n    @for (tab of tabs; let i = $index; track tab) {\n        @if (i === activeTabIndex && tab.templateContent) {\n            <div class="eui-tab-content-wrapper" tabindex="0">\n                <ng-template [cdkPortalOutlet]="tab.templateContent.templatePortal"></ng-template>\n            </div>\n        }\n    }\n</div>\n', styles: ['.eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-secondary-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-m)}.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-base-spacing-s)}.eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:none;border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-secondary);cursor:pointer;display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-tabs .eui-tab-item__label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-tabs .eui-tab-item:focus{border-bottom:3px solid var(--eui-c-accent);background:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--active{background-color:var(--eui-c-primary-bg);border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--hidden{display:none}.eui-tabs .eui-tab-item .eui-tab__close-icon{cursor:pointer;color:var(--eui-c-secondary-light);fill:var(--eui-c-secondary-light);opacity:.7}.eui-tabs .eui-tab-item .eui-tab__close-icon:hover>svg{color:var(--eui-c-primary);fill:var(--eui-c-primary);opacity:1}.eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-secondary-lighter);cursor:not-allowed;pointer-events:none}.eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-secondary-lightest)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s) 0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-secondary-bg-light);border-left:3px solid var(--eui-c-primary);color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus{border-left:3px solid transparent}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-s);position:relative}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-tabs--main-navigation .eui-tabs__items,.eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-tabs--main-navigation .eui-tab-item--active,.eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-tabs .eui-tab-item:hover,.eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary{color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item--secondary{color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-secondary-light)}.eui-tabs .eui-tab-item--info{color:var(--eui-c-info)}.eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-tabs .eui-tab-item--success{color:var(--eui-c-success)}.eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success)}.eui-tabs .eui-tab-item--warning{color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning)}.eui-tabs .eui-tab-item--danger{color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger)}.eui-tabs .eui-tab-item--accent{color:var(--eui-c-accent-bg)}.eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled{background:none}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary{background-color:var(--eui-c-primary);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--primary.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary{background-color:var(--eui-c-secondary-bg-light);color:var(--eui-c-secondary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--secondary.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info{background-color:var(--eui-c-info);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--info.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success{background-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--success.eui-tab-item--active{border-bottom-color:var(--eui-c-accent)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning{background-color:var(--eui-c-warning);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--warning.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger{background-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--danger.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent{background-color:var(--eui-c-accent);color:var(--eui-c-black)}.eui-tabs .eui-tab-item.eui-tab-item--background-filled.eui-tab-item--accent.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}\n'] }]
 }], ctorParameters: () => [{ type: i04.ChangeDetectorRef }, { type: i12.Router }, { type: i2.AnimationBuilder }], propDecorators: { styleClass: [{
   type: Input3
 }], tabs: [{

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-tabs/eui-tab-content/eui-tab-content.component.ts", "../../eui-tabs/eui-tab-label/eui-tab-label.component.ts", "../../eui-tabs/eui-tab/eui-tab.component.ts", "../../eui-tabs/eui-tab/eui-tab.component.html", "../../eui-tabs/eui-tabs.component.ts", "../../eui-tabs/eui-tabs.component.html", "../../eui-tabs/eui-tabs.module.ts"],
   "sourcesContent": ["import { Component, Input, TemplateRef, ViewChild, ViewContainerRef, AfterViewInit, booleanAttribute } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\n\n@Component({\n    selector: 'eui-tab-content, euiTabContent',\n    template: ` <ng-template #euiTabContent>\n        <div tabindex=\"0\" class=\"eui-tab-content\" [class.eui-tab-content--no-padding]=\"this.hasNoContentPadding\">\n            <ng-content></ng-content>\n        </div>\n    </ng-template>`,\n})\nexport class EuiTabContentComponent implements AfterViewInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @ViewChild('euiTabContent') templateRef: TemplateRef<any>;\n\n    public templatePortal: TemplatePortal;\n\n    @Input({ transform: booleanAttribute }) hasNoContentPadding = false;\n\n    constructor(private viewContainerRef: ViewContainerRef) {}\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    }\n}\n", "import { Component, TemplateRef, ViewChild, ViewContainerRef, AfterViewInit, Directive } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\n\n@Component({\n    selector: 'eui-tab-label, euiTabLabel',\n    template: `\n    <ng-template #euiTabLabel>\n        <div class=\"eui-u-flex eui-u-flex-column\">\n            <div class=\"eui-u-flex eui-u-flex-row eui-u-flex-justify-content-center\">\n                <ng-content></ng-content>\n            </div>\n            <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n        </div>\n    </ng-template>`,\n})\nexport class EuiTabLabelComponent implements AfterViewInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @ViewChild('euiTabLabel') templateRef: TemplateRef<any>;\n\n    public templatePortal: TemplatePortal | null;\n\n    constructor(private viewContainerRef: ViewContainerRef) {}\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    }\n}\n\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'euiTabSubLabel' })\nexport class EuiTabSubLabelDirective {}\n", "import { Component, ContentChild, Input, booleanAttribute } from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiTabContentComponent } from '../eui-tab-content/eui-tab-content.component';\nimport { EuiTabLabelComponent } from '../eui-tab-label/eui-tab-label.component';\n\n@Component({\n    selector: 'eui-tab',\n    templateUrl: './eui-tab.component.html',\n    styleUrls: ['../styles/_index.scss'],\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiDisabled',\n                'euiPrimary',\n                'euiSecondary',\n                'euiInfo',\n                'euiSuccess',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiTabComponent {\n    @Input() url: string;\n    @Input() e2eAttr = 'eui-tab';\n    @Input() tooltip: string;\n    @Input({ transform: booleanAttribute }) isClosable = false;\n    @Input({ transform: booleanAttribute }) isVisible = true;\n    @Input({ transform: booleanAttribute }) isActive = false;\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    @Input({ transform: booleanAttribute }) hasBackgroundFilled = false;\n    @Input({ transform: booleanAttribute }) isHandleCloseOnClose = false;\n\n    @ContentChild(EuiTabLabelComponent)\n    get templateLabel(): EuiTabLabelComponent {\n        return this._templateLabel;\n    }\n    set templateLabel(value: EuiTabLabelComponent) {\n        this.setTemplateLabelInput(value);\n    }\n    protected _templateLabel: EuiTabLabelComponent;\n\n    @ContentChild(EuiTabContentComponent)\n    get templateContent(): EuiTabContentComponent {\n        return this._templateContent;\n    }\n    set templateContent(value: EuiTabContentComponent) {\n        this.setTemplateContentInput(value);\n    }\n    protected _templateContent: EuiTabContentComponent;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {\n    }\n\n    protected setTemplateLabelInput(value: EuiTabLabelComponent): void {\n        if (value) {\n            this._templateLabel = value;\n        }\n    }\n\n    protected setTemplateContentInput(value: EuiTabContentComponent): void {\n        if (value) {\n            this._templateContent = value;\n        }\n    }\n}\n", "<ng-content></ng-content>\n", "import {\n    Component,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    Input,\n    OnDestroy,\n    Output,\n    QueryList,\n    HostListener,\n    ViewEncapsulation,\n    forwardRef,\n    OnChanges,\n    AfterViewInit,\n    ViewChildren,\n    ViewContainerRef,\n    ViewChild,\n    ElementRef,\n    ChangeDetectorRef,\n    SimpleChanges,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\nimport { animate, AnimationBuilder, AnimationFactory, AnimationPlayer, style } from '@angular/animations';\nimport { Subject, Subscription, filter, startWith, takeUntil } from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\n\nimport { EuiTabComponent } from './eui-tab/eui-tab.component';\n\n@Component({\n    selector: 'eui-tabs',\n    templateUrl: './eui-tabs.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTabsComponent implements OnDestroy, AfterViewInit, OnChanges {\n    @Input() styleClass: string;\n    @Input() tabs: EuiTabComponent[] = [];\n    @Input() activeTabIndex = null;\n    @Input() e2eAttr = 'eui-tabs';\n    @Input() pathMatch: 'prefix' | 'full' = 'prefix';\n\n    @Output() tabClose = new EventEmitter<{ tab: EuiTabComponent; index: number }>();\n    @Output() tabSelect = new EventEmitter<{ tab: EuiTabComponent; index: number }>();\n\n    @ContentChildren(forwardRef(() => EuiTabComponent), { descendants: false }) _tabs: QueryList<EuiTabComponent>;\n    @ViewChildren('euiTabLabelItem', { read: ViewContainerRef }) euiTabLabelItems: QueryList<ViewContainerRef>;\n    @ViewChild('euiTabsItems') euiTabsItems: ElementRef;\n    @ViewChild('euiTabsItemsWrapper') euiTabsItemsWrapper: ElementRef;\n    @ViewChild('host') host: ElementRef;\n\n    public scrolling = false;\n    public navigationLeftButtonDisabled = true;\n    public navigationRightButtonDisabled = false;\n    public currentOffset = 0;\n\n    @Input({ transform: booleanAttribute }) isMainNavigation = false;\n    @Input({ transform: booleanAttribute }) isHandleChangeTab = false;\n    @Input({ transform: booleanAttribute }) isSubTabs = false;\n    @Input({ transform: booleanAttribute }) isVerticalTabs = false;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private routerSubscription: Subscription;\n    private player: AnimationPlayer;\n    private observer: ResizeObserver;\n    private stepMove = 400;\n    /**\n     * For race condition reason, the wrapper width is not correctly calculated when the component passes from no-scroll state to scroll\n     * state. To fix this issue, we count the number of times the getScrollingStatus method is called.\n     *\n     * Scenario 1: The number of tabs does not require any scroll:\n     * - Without any fix the scroll will have a delta of 64 at the first activation, then on the first no-scroll to scroll state,\n     * - we had 64 to the move\n     *\n     * Scenario 2: The number of tabs requires a scroll:\n     * - In this case the wrapper width is correctly calculated, so we don't need to add the delta\n     */\n    private scrollingCount = 0;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private router: Router,\n        private builder: AnimationBuilder,\n    ) {}\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c.activeTabIndex) {\n            setTimeout(\n                () => {\n                    const activeTab = this.euiTabsItemsWrapper.nativeElement.children.item(c.activeTabIndex.currentValue);\n                    const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n                    const wrapperWidth = this.euiTabsItemsWrapper.nativeElement.clientWidth;\n\n                    if (activeTab && !this.isActiveTabFullyVisible(activeTab)) {\n                        let scrollTo = 0;\n                        let subsetWidth = 0;\n                        for (let i = 0; i <= c.activeTabIndex.currentValue; i++) {\n                            subsetWidth += this.euiTabsItemsWrapper.nativeElement.children.item(i).clientWidth;\n                        }\n\n                        scrollTo = containerWidth / 2 - subsetWidth;\n\n                        if (Math.abs(scrollTo) > wrapperWidth - containerWidth + 32) {\n                            scrollTo = -(wrapperWidth - containerWidth + 32);\n                        }\n\n                        if (scrollTo > 0) {\n                            scrollTo = 0;\n                        }\n\n                        if (c.activeTabIndex.isFirstChange() && c.activeTabIndex.currentValue > 0) {\n                            this.setScrollTo(scrollTo, false);\n                        } else {\n                            this.setScrollTo(scrollTo);\n                        }\n                    }\n                },\n                c.activeTabIndex.isFirstChange() && c.activeTabIndex.currentValue > 0 ? 500 : 0,\n            );\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        this.observer = new (window as any).ResizeObserver(() => {\n            this.getScrollingStatus();\n            this.cd.detectChanges();\n        });\n\n        this.observer.observe(this.host.nativeElement);\n\n        this._tabs.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {\n            this.tabs = this._tabs.toArray();\n\n            if (this.routerSubscription) {\n                this.routerSubscription.unsubscribe();\n            }\n\n            this.routerSubscription = this.router.events\n                .pipe(\n                    filter((e) => e instanceof NavigationEnd),\n                    takeUntil(this.destroy$),\n                    startWith({ url: this.router.url }),\n                )\n                .subscribe((e: NavigationEnd) => {\n                    const tabsWithUrl = this.tabs.filter((t) => t.url !== null);\n                    if (tabsWithUrl.length === this.tabs.length) {\n                        let tabIndex = -1;\n                        if (this.pathMatch === 'full') {\n                            tabIndex = tabsWithUrl.findIndex((t) => e.url === t.url);\n                        } else {\n                            tabIndex = tabsWithUrl.findIndex((t) => {\n                                const regex = new RegExp(t.url + '(/?)');\n                                return regex.test(e.url);\n                            });\n                        }\n\n                        this.tabs = this.tabs.map((t, i) =>\n                            tabIndex === i ? Object.assign(t, { isActive: true }) : Object.assign(t, { isActive: false }),\n                        );\n\n                        if (this.tabs.findIndex((t) => t.isActive) !== -1) {\n                            this.activeTabIndex = this.tabs.findIndex((t) => t.isActive);\n                        }\n\n                        this.cd.detectChanges();\n                    }\n                });\n\n            if (!this.activeTabIndex) {\n                this.activeTabIndex = this.tabs.findIndex((t) => t.isActive) !== -1 ? this.tabs.findIndex((t) => t.isActive) : 0;\n            }\n\n            this.cd.detectChanges();\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.observer?.unobserve(this.host.nativeElement);\n    }\n\n    @HostListener('window:resize', ['$event'])\n    onResize(): void {\n        this.getScrollingStatus();\n    }\n\n    public onContentChanges(): void {\n        this.getScrollingStatus();\n    }\n\n    public goToLeft(): void {\n        let scrollTo = this.currentOffset + this.stepMove;\n        if (scrollTo > 0) {\n            scrollTo = 0;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    public goToRight(): void {\n        const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n        const wrapperWidth = this.euiTabsItemsWrapper.nativeElement.clientWidth;\n\n        let scrollTo = this.currentOffset - this.stepMove;\n\n        if (Math.abs(scrollTo) > wrapperWidth - containerWidth) {\n            scrollTo = -(wrapperWidth - containerWidth) - 32;\n        }\n\n        this.setScrollTo(scrollTo);\n    }\n\n    public changeTab(index: number): void {\n        if (this.isHandleChangeTab) {\n            this.tabSelect.emit({ tab: this.tabs[index], index });\n        } else {\n            if (this.tabs[index] && !this.tabs[index].isDisabled) {\n                if (this.tabs[this.activeTabIndex]) {\n                    this.tabs[this.activeTabIndex].isActive = false;\n                }\n                this.tabs[index].isActive = true;\n\n                const activeTab = this.euiTabsItemsWrapper.nativeElement.children.item(index);\n                const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n                const wrapperWidth = this.euiTabsItemsWrapper.nativeElement.clientWidth;\n\n                if (activeTab && !this.isActiveTabFullyVisible(activeTab) && !this.isVerticalTabs) {\n                    let scrollTo = 0;\n                    let subsetWidth = 0;\n                    for (let i = 0; i <= index; i++) {\n                        subsetWidth += this.euiTabsItemsWrapper.nativeElement.children.item(i).clientWidth;\n                    }\n\n                    scrollTo = containerWidth / 2 - subsetWidth;\n\n                    if (Math.abs(scrollTo) > wrapperWidth - containerWidth + 32) {\n                        scrollTo = -(wrapperWidth - containerWidth + 32);\n                    }\n\n                    if (scrollTo > 0) {\n                        scrollTo = 0;\n                    }\n\n                    this.setScrollTo(scrollTo);\n                }\n\n                if (!this.tabs[index].url) {\n                    this.activeTabIndex = index;\n                    this.tabSelect.emit({ tab: this.tabs[index], index });\n                } else {\n                    this.activeTabIndex = index;\n                    this.router.navigateByUrl(this.tabs[index].url);\n                }\n            }\n        }\n    }\n\n    public onKeyUp(e: KeyboardEvent, index: number): void {\n        if (e.code === 'Enter' || e.code === 'Space') {\n            if (this.tabs[index] && !this.tabs[index].isDisabled) {\n                this.tabs.map((t, i) => (i === index ? Object.assign(t, { isActive: true }) : Object.assign(t, { isActive: false })));\n\n                if (!this.tabs[index].url) {\n                    this.activeTabIndex = index;\n                    this.tabSelect.emit({ tab: this.tabs[index], index });\n                } else {\n                    this.activeTabIndex = index;\n                    this.router.navigateByUrl(this.tabs[index].url);\n                }\n            }\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public closeTab(index: number, e: any): void {\n        const tab = this.tabs[index];\n        if (!this.tabs[index].isHandleCloseOnClose) {\n            this.close(e.index);\n            this.tabs = this.tabs.filter((t, i) => i !== index);\n        }\n\n        this.tabClose.emit({ tab, index });\n        e.stopPropagation();\n    }\n\n    /**\n     * Close a tab pass in parameter.\n     *\n     * @usageNotes\n     * ```html\n     * <eui-tabs #tabs>\n     *     <eui-tab isClosable isHandleCloseOnClose>\n     *         <eui-tab-label>Tab label</eui-tab-label>\n     *         <eui-tab-content>Tab content</eui-tab-content>\n     *     </eui-tab>\n     * </eui-tabs>\n     * ```\n     * ...\n     * ```typescript\n     * this.tabs.close(1);\n     * ```\n     * @param index Index of the tab to close\n     */\n    public close(index: number): void {\n        if (index === this.activeTabIndex) {\n            const previousVisibleIndex = this.tabs.indexOf(this.tabs[index - 1]);\n\n            if (previousVisibleIndex < 0) {\n                this.changeTab(0);\n            } else {\n                this.changeTab(previousVisibleIndex);\n            }\n        } else {\n            if (index < this.activeTabIndex) {\n                this.activeTabIndex = this.activeTabIndex - 1;\n            }\n        }\n\n        this.tabs = this.tabs.filter((t, i) => i !== index);\n    }\n\n    private isActiveTabFullyVisible(activeTab: HTMLDivElement): boolean {\n        const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n        return activeTab.offsetLeft - 48 >= 0 && activeTab.offsetLeft + activeTab.clientWidth < containerWidth - 48;\n    }\n\n    private setScrollTo(scrollTo: number, isAnimated = true): void {\n        const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n        const wrapperWidth = this.euiTabsItemsWrapper.nativeElement.clientWidth;\n\n        const timings = isAnimated ? '500ms cubic-bezier(0.35, 0, 0.25, 1)' : 0;\n        const animation: AnimationFactory = this.builder.build([animate(timings, style({ 'margin-left': +scrollTo + 'px' }))]);\n\n        this.player = animation.create(this.euiTabsItemsWrapper.nativeElement);\n        this.player.play();\n\n        this.currentOffset = scrollTo;\n\n        if (scrollTo === 0) {\n            this.navigationLeftButtonDisabled = true;\n        }\n        if (Math.abs(this.currentOffset) < wrapperWidth - containerWidth + 32) {\n            this.navigationRightButtonDisabled = false;\n        }\n        if (this.currentOffset < 0) {\n            this.navigationLeftButtonDisabled = false;\n        }\n        if (Math.abs(scrollTo) === wrapperWidth - containerWidth + 32) {\n            this.navigationRightButtonDisabled = true;\n        }\n\n        this.cd.detectChanges();\n    }\n\n    private getScrollingStatus(): void {\n        const containerWidth = this.euiTabsItems.nativeElement.clientWidth;\n        const wrapperWidth = this.euiTabsItemsWrapper.nativeElement.clientWidth;\n\n        this.scrolling = containerWidth < wrapperWidth;\n\n        if (!this.scrolling) {\n            this.scrollingCount = 0;\n            this.setScrollTo(0);\n        } else {\n            if (wrapperWidth - containerWidth <= Math.abs(this.currentOffset) + 32) {\n                const deltaFix = this.scrollingCount === 0 ? 64 : 0;\n                const scrollTo = -(wrapperWidth - containerWidth) - 32 - deltaFix;\n\n                this.setScrollTo(scrollTo);\n\n                this.currentOffset = scrollTo;\n            } else {\n                if (Math.abs(this.currentOffset) < wrapperWidth - containerWidth + 32) {\n                    this.navigationRightButtonDisabled = false;\n                }\n                if (this.currentOffset < 0) {\n                    this.navigationLeftButtonDisabled = false;\n                }\n            }\n\n            this.scrollingCount++;\n        }\n\n        this.cd.detectChanges();\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiTabsRightContent' })\nexport class EuiTabsRightContentTagDirective {\n    @HostBinding('class') elementClass = 'eui-tabs__right-content-wrapper';\n}\n/* eslint-enable */\n", "<div\n    #host\n    class=\"eui-tabs {{ styleClass }}\"\n    [class.eui-tabs--main-navigation]=\"isMainNavigation\"\n    [class.eui-tabs--vertical]=\"isVerticalTabs\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n        <div\n            #euiTabsItems\n            class=\"eui-tabs__items\"\n            [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n            [class.eui-tabs__items--scrolling]=\"scrolling\"\n            (cdkObserveContent)=\"onContentChanges()\">\n            <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n                @for (tab of tabs; let i = $index; track tab) {\n                    @if (tab.isVisible) {\n                        <div\n                            tabindex=\"0\"\n                            role=\"tab\"\n                            class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n                            [class.eui-tab-item--closable]=\"tab.isClosable\"\n                            [class.eui-tab-item--active]=\"activeTabIndex === i\"\n                            [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n                            [class.eui-tab-item--background-filled]=\"tab.hasBackgroundFilled\"\n                            [attr.aria-disabled]=\"tab.isDisabled\"\n                            (click)=\"changeTab(i)\"\n                            [euiTooltip]=\"tab.tooltip\"\n                            (keyup)=\"onKeyUp($event, i)\">\n                            <div class=\"eui-tab-item__label\">\n                                <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n                            </div>\n                            @if (tab.isClosable) {\n                                <button\n                                    (click)=\"closeTab(i, $event)\"\n                                    euiButton\n                                    euiIconButton\n                                    euiBasicButton\n                                    euiRounded\n                                    euiSizeXS\n                                    type=\"button\"\n                                    aria-label=\"Close tab button\"\n                                    class=\"eui-u-ml-s\">\n                                    <eui-icon-svg\n                                        icon=\"eui-ecl-close\"\n                                        size=\"l\"\n                                        fillColor=\"grey-75\"\n                                        class=\"eui-tab__close-icon\"\n                                        aria-label=\"Close icon\">\n                                    </eui-icon-svg>\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </div>\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=\"eui-chevron-back\"></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=\"eui-chevron-forward\"></eui-icon-svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"eui-tabs__right-content\">\n            <ng-content select=\"euiTabsRightContent\"></ng-content>\n        </div>\n    </div>\n\n    @for (tab of tabs; let i = $index; track tab) {\n        @if (i === activeTabIndex && tab.templateContent) {\n            <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n                <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n            </div>\n        }\n    }\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiTabComponent } from './eui-tab/eui-tab.component';\nimport { EuiTabsComponent, EuiTabsRightContentTagDirective } from './eui-tabs.component';\nimport { EuiTabLabelComponent, EuiTabSubLabelDirective } from './eui-tab-label/eui-tab-label.component';\nimport { EuiTabContentComponent } from './eui-tab-content/eui-tab-content.component';\n\n@NgModule({\n    imports: [CommonModule, PortalModule, EuiIconModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule],\n    exports: [\n        EuiTabsComponent,\n        EuiTabComponent,\n        EuiTabsRightContentTagDirective,\n        EuiTabLabelComponent,\n        EuiTabSubLabelDirective,\n        EuiTabContentComponent,\n    ],\n    declarations: [\n        EuiTabsComponent,\n        EuiTabComponent,\n        EuiTabsRightContentTagDirective,\n        EuiTabLabelComponent,\n        EuiTabSubLabelDirective,\n        EuiTabContentComponent,\n    ],\n})\nexport class EuiTabsModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Component", "ViewChild", "TemplatePortal", "i0", "Component", "Input", "booleanAttribute", "i0", "Component", "Directive", "Input", "ViewContainerRef", "ViewChild", "booleanAttribute", "i0"]
 }

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

@@ -188,12 +188,12 @@ var EuiTextareaComponent = class _EuiTextareaComponent extends BaseDirective {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiTextareaComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiTextareaComponent, selector: "textarea[euiTextArea]", inputs: { disabled: "disabled", readonly: "readonly", id: "id", isInvalid: "isInvalid", e2eAttr: "e2eAttr" }, host: { listeners: { "input": "onInputChange($event.target.value)", "blur": "onBlur($event.target.value)" }, properties: { "class": "this.class", "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.id": "this.id", "attr.data-e2e": "this.e2eAttr" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => _EuiTextareaComponent), multi: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-textarea__wrapper .eui-textarea{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;height:auto;resize:vertical}.eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:auto}.eui-textarea__wrapper .eui-textarea--invalid,.eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-ctx-c-da)}.eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-textarea__wrapper .eui-textarea--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-textarea__wrapper .eui-textarea--disabled,.eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-textarea__wrapper .eui-textarea__value-container,.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper{appearance:none;display:none}.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-ctx-c-s-bg-light);display:inline-flex;word-break:break-word}.eui-textarea__wrapper .eui-textarea--readonly{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea--readonly .eui-textarea__value-container{min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-textarea__wrapper .eui-textarea--invalid{border:1px solid var(--eui-ctx-c-da)}\n'], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiTextareaComponent, selector: "textarea[euiTextArea]", inputs: { disabled: "disabled", readonly: "readonly", id: "id", isInvalid: "isInvalid", e2eAttr: "e2eAttr" }, host: { listeners: { "input": "onInputChange($event.target.value)", "blur": "onBlur($event.target.value)" }, properties: { "class": "this.class", "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.id": "this.id", "attr.data-e2e": "this.e2eAttr" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => _EuiTextareaComponent), multi: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-textarea__wrapper .eui-textarea{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;height:auto;resize:vertical}.eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-c-secondary-lighter)!important;opacity:1}.eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-c-secondary-bg-light)!important;border:1px solid var(--eui-c-secondary-lighter)!important;color:var(--eui-c-secondary-light);pointer-events:auto}.eui-textarea__wrapper .eui-textarea--invalid,.eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-c-danger)}.eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-c-secondary-lighter)}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-textarea__wrapper .eui-textarea--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-textarea__wrapper .eui-textarea--disabled,.eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-textarea__wrapper .eui-textarea__value-container,.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper{appearance:none;display:none}.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-c-secondary-bg-light);display:inline-flex;word-break:break-word}.eui-textarea__wrapper .eui-textarea--readonly{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea--readonly .eui-textarea__value-container{min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-textarea__wrapper .eui-textarea--invalid{border:1px solid var(--eui-c-danger)}\n'], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiTextareaComponent, decorators: [{
   type: Component,
-  args: [{ selector: "textarea[euiTextArea]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }], styles: ['.eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-textarea__wrapper .eui-textarea{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;height:auto;resize:vertical}.eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:auto}.eui-textarea__wrapper .eui-textarea--invalid,.eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-ctx-c-da)}.eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-textarea__wrapper .eui-textarea--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-textarea__wrapper .eui-textarea--disabled,.eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-textarea__wrapper .eui-textarea__value-container,.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper{appearance:none;display:none}.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-ctx-c-s-bg-light);display:inline-flex;word-break:break-word}.eui-textarea__wrapper .eui-textarea--readonly{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea--readonly .eui-textarea__value-container{min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-textarea__wrapper .eui-textarea--invalid{border:1px solid var(--eui-ctx-c-da)}\n'] }]
+  args: [{ selector: "textarea[euiTextArea]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }], styles: ['.eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-textarea__wrapper .eui-textarea{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;height:auto;resize:vertical}.eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-c-secondary-lighter)!important;opacity:1}.eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-c-secondary-bg-light)!important;border:1px solid var(--eui-c-secondary-lighter)!important;color:var(--eui-c-secondary-light);pointer-events:auto}.eui-textarea__wrapper .eui-textarea--invalid,.eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-c-danger)}.eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-c-secondary-lighter)}.eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-textarea__wrapper .eui-textarea--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-textarea__wrapper .eui-textarea--disabled,.eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-textarea__wrapper .eui-textarea__value-container,.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper{appearance:none;display:none}.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-c-secondary-bg-light);display:inline-flex;word-break:break-word}.eui-textarea__wrapper .eui-textarea--readonly{appearance:none;display:none}.eui-textarea__wrapper .eui-textarea--readonly .eui-textarea__value-container{min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-textarea__wrapper .eui-textarea--invalid{border:1px solid var(--eui-c-danger)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
   type: HostBinding,
   args: ["class"]

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

@@ -414,7 +414,7 @@ var EuiTimebarComponent = class _EuiTimebarComponent {
     </div>
     <div *ngIf="endLabel" class="col-2"></div>
 </div>
-`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-ctx-c-s-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-ctx-c-p);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-ctx-c-s-light);border-radius:var(--eui-border-radius-base);color:var(--eui-ctx-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-base-spacing-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-ctx-c-p);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-ctx-c-da);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-base-spacing-m) - var(--eui-base-spacing-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-base-spacing-m) - 2px);color:var(--eui-ctx-c-da);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-base-spacing-s);margin-top:3rem}.eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0;width:100%}.eui-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-ctx-c-p);border-radius:100%;color:var(--eui-ctx-c-white);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-ctx-c-in)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-ctx-c-su)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-ctx-c-wa)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-ctx-c-da)}.eui-timebar__step--info{border-color:var(--eui-ctx-c-in)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-in)}.eui-timebar__step--success{border-color:var(--eui-ctx-c-su)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-su)}.eui-timebar__step--warning{border-color:var(--eui-ctx-c-wa)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-wa)}.eui-timebar__step--danger{border-color:var(--eui-ctx-c-da)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-da)}.eui-timebar__legend-item-icon{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);width:var(--eui-base-spacing-3xl);height:var(--eui-base-spacing-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-ctx-c-in)}.eui-timebar__legend-item-icon--success{color:var(--eui-ctx-c-su)}.eui-timebar__legend-item-icon--warning{color:var(--eui-ctx-c-wa)}.eui-timebar__legend-item-icon--danger{color:var(--eui-ctx-c-da)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-base-spacing-m)}.eui-timebar__legend{margin-bottom:var(--eui-base-spacing-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-secondary-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-secondary-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-base-spacing-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-base-spacing-m) - var(--eui-base-spacing-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-base-spacing-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-base-spacing-s);margin-top:3rem}.eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0;width:100%}.eui-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-base-spacing-3xl);height:var(--eui-base-spacing-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-base-spacing-m)}.eui-timebar__legend{margin-bottom:var(--eui-base-spacing-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiTimebarComponent, decorators: [{
@@ -569,7 +569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
     </div>
     <div *ngIf="endLabel" class="col-2"></div>
 </div>
-`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-ctx-c-s-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-ctx-c-p);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-ctx-c-s-light);border-radius:var(--eui-border-radius-base);color:var(--eui-ctx-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-base-spacing-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-ctx-c-p);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-ctx-c-da);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-base-spacing-m) - var(--eui-base-spacing-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-base-spacing-m) - 2px);color:var(--eui-ctx-c-da);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-base-spacing-s);margin-top:3rem}.eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0;width:100%}.eui-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-ctx-c-p);border-radius:100%;color:var(--eui-ctx-c-white);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-ctx-c-in)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-ctx-c-su)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-ctx-c-wa)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-ctx-c-da)}.eui-timebar__step--info{border-color:var(--eui-ctx-c-in)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-in)}.eui-timebar__step--success{border-color:var(--eui-ctx-c-su)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-su)}.eui-timebar__step--warning{border-color:var(--eui-ctx-c-wa)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-wa)}.eui-timebar__step--danger{border-color:var(--eui-ctx-c-da)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-ctx-c-da)}.eui-timebar__legend-item-icon{color:var(--eui-ctx-c-p);fill:var(--eui-ctx-c-p);width:var(--eui-base-spacing-3xl);height:var(--eui-base-spacing-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-ctx-c-in)}.eui-timebar__legend-item-icon--success{color:var(--eui-ctx-c-su)}.eui-timebar__legend-item-icon--warning{color:var(--eui-ctx-c-wa)}.eui-timebar__legend-item-icon--danger{color:var(--eui-ctx-c-da)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-base-spacing-m)}.eui-timebar__legend{margin-bottom:var(--eui-base-spacing-l);margin-left:18px}}\n"] }]
+`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-secondary-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-secondary-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-base-spacing-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-base-spacing-m) - var(--eui-base-spacing-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-base-spacing-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-base-spacing-s);margin-top:3rem}.eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) 0;width:100%}.eui-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-base-spacing-3xl);height:var(--eui-base-spacing-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-base-spacing-m)}.eui-timebar__legend{margin-bottom:var(--eui-base-spacing-l);margin-left:18px}}\n"] }]
 }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ChangeDetectorRef }], propDecorators: { container: [{
   type: ViewChild,
   args: ["container"]