@eui/components 18.0.0-next.28 → 18.0.0-next.29

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

@@ -146,7 +146,7 @@ var EuiPageColumnComponent = class _EuiPageColumnComponent {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i03, type: _EuiPageColumnComponent, deps: [{ token: forwardRef(() => EuiPageColumnsComponent), host: true, optional: true }, { token: i1.EuiAppShellService }, { token: i2.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i03, template: '<div\n    *ngIf="label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible"\n    class="eui-page-column__header"\n    [class.eui-page-column__header--with-icons]="isCollapsedWithIcons">\n    <div *ngIf="!customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <div *ngIf="label" class="eui-page-column__header-left-content-label">\n            <ng-content *ngIf="customHeaderCollapsedContent" select="eui-page-column-header-collapsed-content"></ng-content>\n            <ng-container *ngIf="!isCollapsedWithIcons">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf="subLabel" class="eui-page-column__header-left-content-sub-label">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf="customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <ng-content select="eui-page-column-header-left-content"></ng-content>\n    </div>\n\n    <div class="eui-page-column__header-right-content">\n        <span *ngIf="customHeaderRightContent" class="eui-page-column__header-right-content-body">\n            <ng-content select="eui-page-column-header-right-content"></ng-content>\n        </span>\n        <button\n            *ngIf="isCollapsible"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type="button"\n            (click)="onToggle()"\n            [attr.aria-label]="isCollapsed ? expandAriaLabel : collapseAriaLabel"\n            class="eui-page-column__header-toggle">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-down"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-up"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-back"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf="customHeaderBodyContent"\n    class="eui-page-column__header-left-content-body"\n    [class.eui-page-column__header-left-content-body--shrinked]="isHeaderBodyShrinked">\n    <ng-content select="eui-page-column-header-body"></ng-content>\n</div>\n<div\n    class="eui-page-column__body"\n    cdkScrollable\n    tabindex="0"\n    [class.eui-page-column--collapsed-with-icons]="isCollapsedWithIcons"\n    (scroll)="hasHeaderBodyShrinkable ? onBodyScoll($event) : null">\n    <ng-content select="eui-page-column-body"></ng-content>\n</div>\n<div *ngIf="customFooterContent" class="eui-page-column__footer" [class.eui-page-column__footer--highlighted]="isHighlighted">\n    <ng-content select="eui-page-column-footer"></ng-content>\n</div>\n', dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.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: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiPageColumnComponent, selector: "eui-page-column", inputs: { size: "size", label: "label", subLabel: "subLabel", autocloseContainerWidth: "autocloseContainerWidth", expandAriaLabel: "expandAriaLabel", collapseAriaLabel: "collapseAriaLabel", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute], isCollapsedWithIcons: ["isCollapsedWithIcons", "isCollapsedWithIcons", booleanAttribute], hasSidebarMenu: ["hasSidebarMenu", "hasSidebarMenu", booleanAttribute], hasHeaderBodyShrinkable: ["hasHeaderBodyShrinkable", "hasHeaderBodyShrinkable", booleanAttribute], isAutocloseOnContainerResize: ["isAutocloseOnContainerResize", "isAutocloseOnContainerResize", booleanAttribute] }, outputs: { collapse: "collapse", headerCollapse: "headerCollapse" }, host: { listeners: { "window:scroll": "onBodyScoll($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customHeaderBodyContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderBodyContentDirective), descendants: true }, { propertyName: "customHeaderLeftContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderLeftContentDirective), descendants: true }, { propertyName: "customHeaderRightContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderRightContentDirective), descendants: true }, { propertyName: "customHeaderCollapsedContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective), descendants: true }, { propertyName: "customFooterContent", first: true, predicate: i03.forwardRef(() => EuiPageColumnFooterContentDirective), descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i03, template: '<div\n    *ngIf="label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible"\n    class="eui-page-column__header"\n    [class.eui-page-column__header--with-icons]="isCollapsedWithIcons">\n    <div *ngIf="!customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <div *ngIf="label" class="eui-page-column__header-left-content-label">\n            <ng-content *ngIf="customHeaderCollapsedContent" select="eui-page-column-header-collapsed-content"></ng-content>\n            <ng-container *ngIf="!isCollapsedWithIcons">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf="subLabel" class="eui-page-column__header-left-content-sub-label">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf="customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <ng-content select="eui-page-column-header-left-content"></ng-content>\n    </div>\n\n    <div class="eui-page-column__header-right-content">\n        <span *ngIf="customHeaderRightContent" class="eui-page-column__header-right-content-body">\n            <ng-content select="eui-page-column-header-right-content"></ng-content>\n        </span>\n        <button\n            *ngIf="isCollapsible"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type="button"\n            (click)="onToggle()"\n            [attr.aria-label]="isCollapsed ? expandAriaLabel : collapseAriaLabel"\n            class="eui-page-column__header-toggle">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-down"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-up"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-back"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf="customHeaderBodyContent"\n    class="eui-page-column__header-left-content-body"\n    [class.eui-page-column__header-left-content-body--shrinked]="isHeaderBodyShrinked">\n    <ng-content select="eui-page-column-header-body"></ng-content>\n</div>\n<div\n    class="eui-page-column__body"\n    cdkScrollable\n    tabindex="0"\n    [class.eui-page-column--collapsed-with-icons]="isCollapsedWithIcons"\n    (scroll)="hasHeaderBodyShrinkable ? onBodyScoll($event) : null">\n    <ng-content select="eui-page-column-body"></ng-content>\n</div>\n<div *ngIf="customFooterContent" class="eui-page-column__footer" [class.eui-page-column__footer--highlighted]="isHighlighted">\n    <ng-content select="eui-page-column-footer"></ng-content>\n</div>\n', dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.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: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i03.ViewEncapsulation.None });
   }
 };
 i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i03, type: EuiPageColumnComponent, decorators: [{
@@ -162,7 +162,8 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiSize2XL",
         "euiSize3XL",
         "euiSize4XL",
-        "euiSizeVariant"
+        "euiSizeVariant",
+        "euiHighlighted"
       ]
     }
   ], template: '<div\n    *ngIf="label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible"\n    class="eui-page-column__header"\n    [class.eui-page-column__header--with-icons]="isCollapsedWithIcons">\n    <div *ngIf="!customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <div *ngIf="label" class="eui-page-column__header-left-content-label">\n            <ng-content *ngIf="customHeaderCollapsedContent" select="eui-page-column-header-collapsed-content"></ng-content>\n            <ng-container *ngIf="!isCollapsedWithIcons">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf="subLabel" class="eui-page-column__header-left-content-sub-label">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf="customHeaderLeftContent" class="eui-page-column__header-left-content">\n        <ng-content select="eui-page-column-header-left-content"></ng-content>\n    </div>\n\n    <div class="eui-page-column__header-right-content">\n        <span *ngIf="customHeaderRightContent" class="eui-page-column__header-right-content-body">\n            <ng-content select="eui-page-column-header-right-content"></ng-content>\n        </span>\n        <button\n            *ngIf="isCollapsible"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type="button"\n            (click)="onToggle()"\n            [attr.aria-label]="isCollapsed ? expandAriaLabel : collapseAriaLabel"\n            class="eui-page-column__header-toggle">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-down"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="eui-chevron-up"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="eui-chevron-back"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf="customHeaderBodyContent"\n    class="eui-page-column__header-left-content-body"\n    [class.eui-page-column__header-left-content-body--shrinked]="isHeaderBodyShrinked">\n    <ng-content select="eui-page-column-header-body"></ng-content>\n</div>\n<div\n    class="eui-page-column__body"\n    cdkScrollable\n    tabindex="0"\n    [class.eui-page-column--collapsed-with-icons]="isCollapsedWithIcons"\n    (scroll)="hasHeaderBodyShrinkable ? onBodyScoll($event) : null">\n    <ng-content select="eui-page-column-body"></ng-content>\n</div>\n<div *ngIf="customFooterContent" class="eui-page-column__footer" [class.eui-page-column__footer--highlighted]="isHighlighted">\n    <ng-content select="eui-page-column-footer"></ng-content>\n</div>\n' }]
@@ -422,7 +423,9 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
 
 // components/eui-page-footer/eui-page-footer.component.mjs
 import { Component as Component7, HostBinding as HostBinding7, ViewEncapsulation as ViewEncapsulation13, Input as Input4 } from "@angular/core";
+import { BaseStatesDirective as BaseStatesDirective3 } from "@eui/components/shared";
 import * as i07 from "@angular/core";
+import * as i13 from "@eui/components/shared";
 var EuiPageFooterComponent = class _EuiPageFooterComponent {
   constructor() {
     this.e2eAttr = "eui-page-footer";
@@ -434,12 +437,19 @@ var EuiPageFooterComponent = class _EuiPageFooterComponent {
     this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i07, type: _EuiPageFooterComponent, deps: [], target: i07.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiPageFooterComponent, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i07, template: "<ng-content></ng-content>\n", encapsulation: i07.ViewEncapsulation.None });
+    this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiPageFooterComponent, selector: "eui-page-footer", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i13.BaseStatesDirective, inputs: ["euiHighlighted", "euiHighlighted"] }], ngImport: i07, template: "<ng-content></ng-content>\n", encapsulation: i07.ViewEncapsulation.None });
   }
 };
 i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i07, type: EuiPageFooterComponent, decorators: [{
   type: Component7,
-  args: [{ selector: "eui-page-footer", encapsulation: ViewEncapsulation13.None, template: "<ng-content></ng-content>\n" }]
+  args: [{ selector: "eui-page-footer", encapsulation: ViewEncapsulation13.None, hostDirectives: [
+    {
+      directive: BaseStatesDirective3,
+      inputs: [
+        "euiHighlighted"
+      ]
+    }
+  ], template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding7,
   args: ["class"]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-page/components/eui-page-columns/eui-page-columns.component.ts", "../../eui-page/components/eui-page-columns/eui-page-columns.component.html", "../../eui-page/eui-page.component.ts", "../../eui-page/eui-page.component.html", "../../eui-page/components/eui-page-column/eui-page-column.component.ts", "../../eui-page/components/eui-page-column/eui-page-column.component.html", "../../eui-page/components/eui-page-content/eui-page-content.component.ts", "../../eui-page/components/eui-page-content/eui-page-content.component.html", "../../eui-page/components/eui-page-header/eui-page-header.component.ts", "../../eui-page/components/eui-page-header/eui-page-header.component.html", "../../eui-page/components/eui-page-hero-header/eui-page-hero-header.component.ts", "../../eui-page/components/eui-page-hero-header/eui-page-hero-header.component.html", "../../eui-page/components/eui-page-footer/eui-page-footer.component.ts", "../../eui-page/components/eui-page-footer/eui-page-footer.component.html", "../../eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.ts", "../../eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.html", "../../eui-page/components/eui-page-top-content/eui-page-top-content.component.ts", "../../eui-page/components/eui-page-top-content/eui-page-top-content.component.html", "../../eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.ts", "../../eui-page/components/eui-page-header/components/eui-page-header-body.component.ts", "../../eui-page/components/eui-page-header/components/eui-page-header-action-items.component.ts", "../../eui-page/eui-page.module.ts"],
-  "sourcesContent": ["import { Component, ElementRef, HostBinding, NgZone, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n// eslint-disable-next-line\ndeclare var ResizeObserver;\n\n@Component({\n    selector: 'eui-page-columns',\n    templateUrl: './eui-page-columns.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageColumnsComponent implements OnInit, OnDestroy {\n    @HostBinding() class = 'eui-page-columns';\n\n    public width = new Subject;\n    private observer;\n\n    constructor(private host: ElementRef, private zone: NgZone) {}\n\n    ngOnInit():void {\n      this.observer = new ResizeObserver(entries => {\n        this.zone.run(() => {\n          this.width.next(entries[0].contentRect.width);\n        });\n      });\n      this.observer.observe(this.host.nativeElement);\n    }\n\n    ngOnDestroy():void {\n      this.observer.unobserve(this.host.nativeElement);\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation, QueryList, ContentChild } from '@angular/core';\nimport { EuiPageColumnsComponent } from './components/eui-page-columns/eui-page-columns.component';\n\n@Component({\n    selector: 'eui-page',\n    templateUrl: './eui-page.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-page', this.columns ? 'eui-page--with-columns' : ''].join(' ').trim();\n    }\n\n    @ContentChild(EuiPageColumnsComponent, { static: true }) columns: QueryList<EuiPageColumnsComponent>;\n}\n", "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", "import {\n    Component,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    Output,\n    OnInit,\n    Directive,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    EventEmitter,\n    HostListener,\n    Host,\n    Optional,\n    Inject,\n    booleanAttribute,\n    OnDestroy,\n} from '@angular/core';\nimport { Subject, debounceTime, takeUntil } from 'rxjs';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiPageColumnsComponent } from '../eui-page-columns/eui-page-columns.component';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-page-column',\n    templateUrl: './eui-page-column.component.html',\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSize3XL',\n                'euiSize4XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiPageColumnComponent implements OnInit, OnDestroy {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-page-column'),\n            this.size && !this.isCollapsed ? `eui-page-column--size-${this.size}` : '',\n            this.isCollapsed ? 'eui-page-column--collapsed' : '',\n            this.isCollapsedWithIcons ? 'eui-page-column__header--with-icons' : '',\n            this.isHighlighted ? 'eui-page-column--highlighted' : '',\n            this.isActive ? 'eui-page-column--active' : '',\n            this.hasSidebarMenu ? 'eui-page-column--has-sidebar-menu' : '',\n            this.isHeaderBodyShrinked ? 'eui-page-column__header--shrinked' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input() size; // TODO v18 - deprecate in favor of baseStatesDirective size coerces\n    @Input() label;\n    @Input() subLabel;\n    @Input() autocloseContainerWidth: number = null;\n    @Input() expandAriaLabel = 'Expand';\n    @Input() collapseAriaLabel = 'Collapse';\n\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) isHighlighted = false;\n    @Input({ transform: booleanAttribute }) isCollapsedWithIcons = false;\n    @Input({ transform: booleanAttribute }) hasSidebarMenu = false;\n    @Input({ transform: booleanAttribute }) hasHeaderBodyShrinkable = false;\n    @Input({ transform: booleanAttribute }) isAutocloseOnContainerResize = false;\n\n    @Output() collapse = new EventEmitter();\n    @Output() headerCollapse = new EventEmitter();\n    isActive = false;\n\n    isHeaderBodyShrinked = false;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderBodyContentDirective))\n    customHeaderBodyContent: QueryList<EuiPageColumnHeaderBodyContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderLeftContentDirective))\n    customHeaderLeftContent: QueryList<EuiPageColumnHeaderLeftContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderRightContentDirective))\n    customHeaderRightContent: QueryList<EuiPageColumnHeaderRightContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective))\n    customHeaderCollapsedContent: QueryList<EuiPageColumnHeaderCollapsedContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnFooterContentDirective))\n    customFooterContent: QueryList<EuiPageColumnFooterContentDirective>;\n\n    currentOffset = 0;\n\n    previousOffset = 0;\n    treshHold = 50;\n\n    private pageColumnsParent: EuiPageColumnsComponent;\n    private destroy$ = new Subject<boolean>();\n\n    constructor(\n        @Host() @Optional() @Inject(forwardRef(() => EuiPageColumnsComponent)) pageColumnsParentInjected,\n        public asService: EuiAppShellService,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n        this.pageColumnsParent = pageColumnsParentInjected as EuiPageColumnsComponent;\n    }\n\n    @HostListener('window:scroll', ['$event'])\n    onBodyScoll(event): void {\n        if (this.hasHeaderBodyShrinkable && event.target) {\n            this.currentOffset = event.target.scrollTop;\n            // Scroll DOWN\n            if (this.currentOffset > this.previousOffset && this.currentOffset > this.treshHold) {\n                this.isHeaderBodyShrinked = true;\n                this.headerCollapse.emit(true);\n            }\n            // Scroll UP\n            if (this.currentOffset <= this.previousOffset) {\n                if (this.currentOffset <= this.treshHold) {\n                    this.isHeaderBodyShrinked = false;\n                    this.headerCollapse.emit(false);\n                }\n            }\n            this.previousOffset = this.currentOffset;\n        }\n    }\n\n    ngOnInit(): void {\n        this.baseStatesDirective.euiSizeS = false; // Bypass size default\n        if (this.pageColumnsParent && this.isAutocloseOnContainerResize && this.autocloseContainerWidth) {\n            this.pageColumnsParent.width.pipe(\n                debounceTime(100),\n                takeUntil(this.destroy$),\n            ).subscribe((parentWidth: number) => {\n                console.log(parentWidth);\n                if (parentWidth <= this.autocloseContainerWidth) {\n                    this.isCollapsed = true;\n                    this.collapse.emit(this.isCollapsed);\n                }\n            });\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onToggle(): void {\n        this.isCollapsed = !this.isCollapsed;\n        this.collapse.emit(this.isCollapsed);\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'eui-page-column-header-body' })\nexport class EuiPageColumnHeaderBodyContentDirective { }\n@Directive({ selector: 'eui-page-column-header-left-content' })\nexport class EuiPageColumnHeaderLeftContentDirective { }\n@Directive({ selector: 'eui-page-column-header-right-content' })\nexport class EuiPageColumnHeaderRightContentDirective { }\n@Directive({ selector: 'eui-page-column-header-collapsed-content' })\nexport class EuiPageColumnHeaderCollapsedContentDirective { }\n@Directive({ selector: 'eui-page-column-body' })\nexport class EuiPageColumnBodyContentDirective { }\n@Directive({ selector: 'eui-page-column-footer' })\nexport class EuiPageColumnFooterContentDirective { }\n/* eslint-enable */\n", "<div\n    *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n    class=\"eui-page-column__header\"\n    [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n    <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n            <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n            <ng-container *ngIf=\"!isCollapsedWithIcons\">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n    </div>\n\n    <div class=\"eui-page-column__header-right-content\">\n        <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n            <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n        </span>\n        <button\n            *ngIf=\"isCollapsible\"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type=\"button\"\n            (click)=\"onToggle()\"\n            [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n            class=\"eui-page-column__header-toggle\">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-back\"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf=\"customHeaderBodyContent\"\n    class=\"eui-page-column__header-left-content-body\"\n    [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n    <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n    class=\"eui-page-column__body\"\n    cdkScrollable\n    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n    (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n    <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n    <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-content',\n    templateUrl: './eui-page-content.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageContentComponent {\n    @HostBinding() class = 'eui-page-content';\n}\n", "<ng-content></ng-content>\n", "import {\n    Component,\n    ChangeDetectionStrategy,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n} from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header',\n    templateUrl: './eui-page-header.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-page-header',\n            this.isCollapsible ? 'eui-page-header--collapsible' : '',\n            this.isCollapsed ? 'eui-page-header--collapsed' : '',\n            this.isHeaderMultilines ? 'eui-page-header--multilines' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input() label;\n    @Input() subLabel;\n    @Input() labelTooltip;\n    @Input() subLabelTooltip;\n\n    // conventions if boolean : is / has prefix\n    // new v17 usage of transform / act like coerce and included in Angular natively now\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) isHeaderMultilines = false;\n\n    @ContentChild(forwardRef(() => EuiPageHeaderComponent)) headerBodyContent: QueryList<EuiPageHeaderComponent>;\n\n    @Input() collapsedLabel = ''; // Expand\n    @Input() expandedLabel = ''; // Collapse\n    @Output() collapse = new EventEmitter<boolean>();\n\n    public onToggle(): void {\n        this.isCollapsed = !this.isCollapsed;\n        this.collapse.emit(this.isCollapsed);\n    }\n}\n", "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n@if (subLabel) {\n    <div\n        class=\"eui-common-header__sub-label\"\n        role=\"heading\"\n        aria-level=\"2\"\n        [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n        attr.aria-label=\"{{ subLabel }}\"\n        [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n        <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n    </div>\n} @else {\n    <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n    <ng-container *ngIf=\"!isCollapsed\">\n        <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n    </ng-container>\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n            <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n        <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n            <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n        </button>\n    </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n    <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-hero-header',\n    templateUrl: './eui-page-hero-header.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeroHeaderComponent {\n    @Input() label;\n    @Input() subLabel;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-page-hero-header'].join(' ').trim();\n    }\n}\n", "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-footer',\n    templateUrl: './eui-page-footer.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageFooterComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-footer';\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-page-footer';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-breadcrumb',\n    templateUrl: './eui-page-breadcrumb.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageBreadcrumbComponent {\n    @HostBinding() class = 'eui-page-breadcrumb';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-top-content',\n    templateUrl: './eui-page-top-content.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageTopContentComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-top-content';\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-page-top-content';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-sub-label',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderSubLabelComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-sub-label';\n    }\n}\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-body',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderBodyComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-body';\n    }\n}\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-action-items',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderActionItemsComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-action-items';\n    }\n}\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\n\nimport { EuiPageComponent } from './eui-page.component';\n\nimport {\n    EuiPageColumnComponent,\n    EuiPageColumnHeaderBodyContentDirective,\n    EuiPageColumnHeaderLeftContentDirective,\n    EuiPageColumnHeaderRightContentDirective,\n    EuiPageColumnHeaderCollapsedContentDirective,\n    EuiPageColumnBodyContentDirective,\n    EuiPageColumnFooterContentDirective,\n} from './components/eui-page-column/eui-page-column.component';\nimport { EuiPageColumnsComponent } from './components/eui-page-columns/eui-page-columns.component';\nimport { EuiPageContentComponent } from './components/eui-page-content/eui-page-content.component';\nimport { EuiPageHeaderComponent } from './components/eui-page-header/eui-page-header.component';\nimport { EuiPageHeroHeaderComponent } from './components/eui-page-hero-header/eui-page-hero-header.component';\nimport { EuiPageFooterComponent } from './components/eui-page-footer/eui-page-footer.component';\nimport { EuiPageBreadcrumbComponent } from './components/eui-page-breadcrumb/eui-page-breadcrumb.component';\nimport { EuiPageTopContentComponent } from './components/eui-page-top-content/eui-page-top-content.component';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiResizableDirectiveModule, EuiTooltipDirectiveModule } from '@eui/components/directives';\nimport { EuiPageHeaderSubLabelComponent } from './components/eui-page-header/components/eui-page-header-sub-label.component';\nimport { EuiPageHeaderBodyComponent } from './components/eui-page-header/components/eui-page-header-body.component';\nimport { EuiPageHeaderActionItemsComponent } from './components/eui-page-header/components/eui-page-header-action-items.component';\n\nconst COMPONENTS = [\n    EuiPageComponent,\n    EuiPageColumnComponent,\n    EuiPageColumnHeaderBodyContentDirective,\n    EuiPageColumnHeaderLeftContentDirective,\n    EuiPageColumnHeaderRightContentDirective,\n    EuiPageColumnHeaderCollapsedContentDirective,\n    EuiPageColumnBodyContentDirective,\n    EuiPageColumnFooterContentDirective,\n    EuiPageColumnsComponent,\n    EuiPageContentComponent,\n    EuiPageHeaderComponent,\n    EuiPageHeaderSubLabelComponent,\n    EuiPageHeaderBodyComponent,\n    EuiPageHeaderActionItemsComponent,\n    EuiPageHeroHeaderComponent,\n    EuiPageFooterComponent,\n    EuiPageBreadcrumbComponent,\n    EuiPageTopContentComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiButtonModule,\n        EuiIconModule,\n        CdkScrollableModule,\n        EuiResizableDirectiveModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiPageModule {}\n"],
-  "mappings": "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",
-  "names": ["Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "ContentChild", "Subject", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "ContentChild", "forwardRef", "Output", "EventEmitter", "booleanAttribute", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0"]
+  "sourcesContent": ["import { Component, ElementRef, HostBinding, NgZone, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n// eslint-disable-next-line\ndeclare var ResizeObserver;\n\n@Component({\n    selector: 'eui-page-columns',\n    templateUrl: './eui-page-columns.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageColumnsComponent implements OnInit, OnDestroy {\n    @HostBinding() class = 'eui-page-columns';\n\n    public width = new Subject;\n    private observer;\n\n    constructor(private host: ElementRef, private zone: NgZone) {}\n\n    ngOnInit():void {\n      this.observer = new ResizeObserver(entries => {\n        this.zone.run(() => {\n          this.width.next(entries[0].contentRect.width);\n        });\n      });\n      this.observer.observe(this.host.nativeElement);\n    }\n\n    ngOnDestroy():void {\n      this.observer.unobserve(this.host.nativeElement);\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation, QueryList, ContentChild } from '@angular/core';\nimport { EuiPageColumnsComponent } from './components/eui-page-columns/eui-page-columns.component';\n\n@Component({\n    selector: 'eui-page',\n    templateUrl: './eui-page.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-page', this.columns ? 'eui-page--with-columns' : ''].join(' ').trim();\n    }\n\n    @ContentChild(EuiPageColumnsComponent, { static: true }) columns: QueryList<EuiPageColumnsComponent>;\n}\n", "<ng-content select=\"eui-page-breadcrumb\"></ng-content>\n<ng-content select=\"eui-page-top-content\"></ng-content>\n<ng-content select=\"eui-page-hero-header\"></ng-content>\n<ng-content select=\"eui-page-header\"></ng-content>\n<ng-content select=\"eui-page-content\"></ng-content>\n<ng-content select=\"eui-page-footer\"></ng-content>\n<ng-content select=\"eui-page-columns\"></ng-content>\n", "import {\n    Component,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    Output,\n    OnInit,\n    Directive,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    EventEmitter,\n    HostListener,\n    Host,\n    Optional,\n    Inject,\n    booleanAttribute,\n    OnDestroy,\n} from '@angular/core';\nimport { Subject, debounceTime, takeUntil } from 'rxjs';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiPageColumnsComponent } from '../eui-page-columns/eui-page-columns.component';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-page-column',\n    templateUrl: './eui-page-column.component.html',\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSize3XL',\n                'euiSize4XL',\n                'euiSizeVariant',\n                'euiHighlighted',\n            ],\n        },\n    ],\n})\nexport class EuiPageColumnComponent implements OnInit, OnDestroy {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-page-column'),\n            this.size && !this.isCollapsed ? `eui-page-column--size-${this.size}` : '',\n            this.isCollapsed ? 'eui-page-column--collapsed' : '',\n            this.isCollapsedWithIcons ? 'eui-page-column__header--with-icons' : '',\n            this.isHighlighted ? 'eui-page-column--highlighted' : '',\n            this.isActive ? 'eui-page-column--active' : '',\n            this.hasSidebarMenu ? 'eui-page-column--has-sidebar-menu' : '',\n            this.isHeaderBodyShrinked ? 'eui-page-column__header--shrinked' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input() size; // TODO v18 - deprecate in favor of baseStatesDirective size coerces\n    @Input() label;\n    @Input() subLabel;\n    @Input() autocloseContainerWidth: number = null;\n    @Input() expandAriaLabel = 'Expand';\n    @Input() collapseAriaLabel = 'Collapse';\n\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) isHighlighted = false;\n    @Input({ transform: booleanAttribute }) isCollapsedWithIcons = false;\n    @Input({ transform: booleanAttribute }) hasSidebarMenu = false;\n    @Input({ transform: booleanAttribute }) hasHeaderBodyShrinkable = false;\n    @Input({ transform: booleanAttribute }) isAutocloseOnContainerResize = false;\n\n    @Output() collapse = new EventEmitter();\n    @Output() headerCollapse = new EventEmitter();\n    isActive = false;\n\n    isHeaderBodyShrinked = false;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderBodyContentDirective))\n    customHeaderBodyContent: QueryList<EuiPageColumnHeaderBodyContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderLeftContentDirective))\n    customHeaderLeftContent: QueryList<EuiPageColumnHeaderLeftContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderRightContentDirective))\n    customHeaderRightContent: QueryList<EuiPageColumnHeaderRightContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnHeaderCollapsedContentDirective))\n    customHeaderCollapsedContent: QueryList<EuiPageColumnHeaderCollapsedContentDirective>;\n\n    @ContentChild(forwardRef(() => EuiPageColumnFooterContentDirective))\n    customFooterContent: QueryList<EuiPageColumnFooterContentDirective>;\n\n    currentOffset = 0;\n\n    previousOffset = 0;\n    treshHold = 50;\n\n    private pageColumnsParent: EuiPageColumnsComponent;\n    private destroy$ = new Subject<boolean>();\n\n    constructor(\n        @Host() @Optional() @Inject(forwardRef(() => EuiPageColumnsComponent)) pageColumnsParentInjected,\n        public asService: EuiAppShellService,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n        this.pageColumnsParent = pageColumnsParentInjected as EuiPageColumnsComponent;\n    }\n\n    @HostListener('window:scroll', ['$event'])\n    onBodyScoll(event): void {\n        if (this.hasHeaderBodyShrinkable && event.target) {\n            this.currentOffset = event.target.scrollTop;\n            // Scroll DOWN\n            if (this.currentOffset > this.previousOffset && this.currentOffset > this.treshHold) {\n                this.isHeaderBodyShrinked = true;\n                this.headerCollapse.emit(true);\n            }\n            // Scroll UP\n            if (this.currentOffset <= this.previousOffset) {\n                if (this.currentOffset <= this.treshHold) {\n                    this.isHeaderBodyShrinked = false;\n                    this.headerCollapse.emit(false);\n                }\n            }\n            this.previousOffset = this.currentOffset;\n        }\n    }\n\n    ngOnInit(): void {\n        this.baseStatesDirective.euiSizeS = false; // Bypass size default\n        if (this.pageColumnsParent && this.isAutocloseOnContainerResize && this.autocloseContainerWidth) {\n            this.pageColumnsParent.width.pipe(\n                debounceTime(100),\n                takeUntil(this.destroy$),\n            ).subscribe((parentWidth: number) => {\n                console.log(parentWidth);\n                if (parentWidth <= this.autocloseContainerWidth) {\n                    this.isCollapsed = true;\n                    this.collapse.emit(this.isCollapsed);\n                }\n            });\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onToggle(): void {\n        this.isCollapsed = !this.isCollapsed;\n        this.collapse.emit(this.isCollapsed);\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'eui-page-column-header-body' })\nexport class EuiPageColumnHeaderBodyContentDirective { }\n@Directive({ selector: 'eui-page-column-header-left-content' })\nexport class EuiPageColumnHeaderLeftContentDirective { }\n@Directive({ selector: 'eui-page-column-header-right-content' })\nexport class EuiPageColumnHeaderRightContentDirective { }\n@Directive({ selector: 'eui-page-column-header-collapsed-content' })\nexport class EuiPageColumnHeaderCollapsedContentDirective { }\n@Directive({ selector: 'eui-page-column-body' })\nexport class EuiPageColumnBodyContentDirective { }\n@Directive({ selector: 'eui-page-column-footer' })\nexport class EuiPageColumnFooterContentDirective { }\n/* eslint-enable */\n", "<div\n    *ngIf=\"label || subLabel || customHeaderLeftContent || customHeaderRightContent || isCollapsible\"\n    class=\"eui-page-column__header\"\n    [class.eui-page-column__header--with-icons]=\"isCollapsedWithIcons\">\n    <div *ngIf=\"!customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <div *ngIf=\"label\" class=\"eui-page-column__header-left-content-label\">\n            <ng-content *ngIf=\"customHeaderCollapsedContent\" select=\"eui-page-column-header-collapsed-content\"></ng-content>\n            <ng-container *ngIf=\"!isCollapsedWithIcons\">\n                {{ label }}\n            </ng-container>\n        </div>\n        <div *ngIf=\"subLabel\" class=\"eui-page-column__header-left-content-sub-label\">\n            {{ subLabel }}\n        </div>\n    </div>\n    <div *ngIf=\"customHeaderLeftContent\" class=\"eui-page-column__header-left-content\">\n        <ng-content select=\"eui-page-column-header-left-content\"></ng-content>\n    </div>\n\n    <div class=\"eui-page-column__header-right-content\">\n        <span *ngIf=\"customHeaderRightContent\" class=\"eui-page-column__header-right-content-body\">\n            <ng-content select=\"eui-page-column-header-right-content\"></ng-content>\n        </span>\n        <button\n            *ngIf=\"isCollapsible\"\n            euiButton\n            euiBasicButton\n            euiSecondary\n            euiRounded\n            euiIconButton\n            euiSizeS\n            type=\"button\"\n            (click)=\"onToggle()\"\n            [attr.aria-label]=\"isCollapsed ? expandAriaLabel : collapseAriaLabel\"\n            class=\"eui-page-column__header-toggle\">\n            @if (isCollapsed) {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"eui-chevron-back\"></eui-icon-svg>\n                }\n            }\n        </button>\n    </div>\n</div>\n<!-- On new line to not interfere with expand/collapse & custom right content -->\n<div\n    *ngIf=\"customHeaderBodyContent\"\n    class=\"eui-page-column__header-left-content-body\"\n    [class.eui-page-column__header-left-content-body--shrinked]=\"isHeaderBodyShrinked\">\n    <ng-content select=\"eui-page-column-header-body\"></ng-content>\n</div>\n<div\n    class=\"eui-page-column__body\"\n    cdkScrollable\n    tabindex=\"0\"\n    [class.eui-page-column--collapsed-with-icons]=\"isCollapsedWithIcons\"\n    (scroll)=\"hasHeaderBodyShrinkable ? onBodyScoll($event) : null\">\n    <ng-content select=\"eui-page-column-body\"></ng-content>\n</div>\n<div *ngIf=\"customFooterContent\" class=\"eui-page-column__footer\" [class.eui-page-column__footer--highlighted]=\"isHighlighted\">\n    <ng-content select=\"eui-page-column-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-content',\n    templateUrl: './eui-page-content.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageContentComponent {\n    @HostBinding() class = 'eui-page-content';\n}\n", "<ng-content></ng-content>\n", "import {\n    Component,\n    ChangeDetectionStrategy,\n    HostBinding,\n    ViewEncapsulation,\n    Input,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n} from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header',\n    templateUrl: './eui-page-header.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-page-header',\n            this.isCollapsible ? 'eui-page-header--collapsible' : '',\n            this.isCollapsed ? 'eui-page-header--collapsed' : '',\n            this.isHeaderMultilines ? 'eui-page-header--multilines' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input() label;\n    @Input() subLabel;\n    @Input() labelTooltip;\n    @Input() subLabelTooltip;\n\n    // conventions if boolean : is / has prefix\n    // new v17 usage of transform / act like coerce and included in Angular natively now\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) isHeaderMultilines = false;\n\n    @ContentChild(forwardRef(() => EuiPageHeaderComponent)) headerBodyContent: QueryList<EuiPageHeaderComponent>;\n\n    @Input() collapsedLabel = ''; // Expand\n    @Input() expandedLabel = ''; // Collapse\n    @Output() collapse = new EventEmitter<boolean>();\n\n    public onToggle(): void {\n        this.isCollapsed = !this.isCollapsed;\n        this.collapse.emit(this.isCollapsed);\n    }\n}\n", "<div class=\"eui-common-header__label\">\n    <div class=\"eui-common-header__label-text\" role=\"heading\" aria-level=\"1\" attr.aria-label=\"{{ label }}\" [euiTooltip]=\"labelTooltip ? labelTooltip : null\">{{ label }}</div>\n    <div class=\"eui-common-header__actions\">\n        <ng-content select=\"eui-page-header-action-items\"></ng-content>\n    </div>\n</div>\n@if (subLabel) {\n    <div\n        class=\"eui-common-header__sub-label\"\n        role=\"heading\"\n        aria-level=\"2\"\n        [class.eui-common-header__sub-label--collapsed]=\"isCollapsed\"\n        attr.aria-label=\"{{ subLabel }}\"\n        [euiTooltip]=\"subLabelTooltip ? subLabelTooltip : null\">\n        <div class=\"eui-common-header__sub-label-text\">{{ subLabel }}</div>\n    </div>\n} @else {\n    <ng-content select=\"eui-page-header-sub-label\"></ng-content>\n}\n\n\n@if (isCollapsible) {\n    <ng-container *ngIf=\"!isCollapsed\">\n        <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n    </ng-container>\n    <div\n        class=\"eui-button__expand-trigger\"\n        [class.eui-button__expand-trigger--collapsed]=\"isCollapsed\"\n        role=\"document\"\n        (click)=\"onToggle()\"\n        aria-label=\"Expand / Collapse trigger\">\n        <button type=\"button\" *ngIf=\"isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Expand\">\n            <span *ngIf=\"expandedLabel\" class=\"eui-label eui-u-mr-xs\">{{ expandedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n        <button type=\"button\" *ngIf=\"!isCollapsed\" class=\"eui-button eui-button--expand-toggle\" aria-label=\"Collapse\">\n            <span *ngIf=\"collapsedLabel\" class=\"eui-label eui-u-mr-xs\">{{ collapsedLabel }}</span>\n            <eui-icon-svg icon=\"eui-chevron-up\"></eui-icon-svg>\n        </button>\n    </div>\n}\n\n@if (!isCollapsible && headerBodyContent) {\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n}\n\n<ng-template #body>\n    <ng-content select=\"eui-page-header-body\"></ng-content>\n</ng-template>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-hero-header',\n    templateUrl: './eui-page-hero-header.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeroHeaderComponent {\n    @Input() label;\n    @Input() subLabel;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-page-hero-header'].join(' ').trim();\n    }\n}\n", "<div class=\"eui-page-hero-header__logo\"></div>\n\n<div class=\"eui-page-hero-header__label\">\n    <strong>{{ label }}</strong>\n</div>\n<div class=\"eui-page-hero-header__sub-label\">{{ subLabel }}</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-page-footer',\n    templateUrl: './eui-page-footer.component.html',\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiHighlighted',\n            ],\n        },\n    ],\n})\nexport class EuiPageFooterComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-footer';\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-page-footer';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-breadcrumb',\n    templateUrl: './eui-page-breadcrumb.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageBreadcrumbComponent {\n    @HostBinding() class = 'eui-page-breadcrumb';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-top-content',\n    templateUrl: './eui-page-top-content.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageTopContentComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-top-content';\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-page-top-content';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-sub-label',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderSubLabelComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-sub-label';\n    }\n}\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-body',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderBodyComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-body';\n    }\n}\n", "import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-page-header-action-items',\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiPageHeaderActionItemsComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-page-header-action-items';\n    }\n}\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\n\nimport { EuiPageComponent } from './eui-page.component';\n\nimport {\n    EuiPageColumnComponent,\n    EuiPageColumnHeaderBodyContentDirective,\n    EuiPageColumnHeaderLeftContentDirective,\n    EuiPageColumnHeaderRightContentDirective,\n    EuiPageColumnHeaderCollapsedContentDirective,\n    EuiPageColumnBodyContentDirective,\n    EuiPageColumnFooterContentDirective,\n} from './components/eui-page-column/eui-page-column.component';\nimport { EuiPageColumnsComponent } from './components/eui-page-columns/eui-page-columns.component';\nimport { EuiPageContentComponent } from './components/eui-page-content/eui-page-content.component';\nimport { EuiPageHeaderComponent } from './components/eui-page-header/eui-page-header.component';\nimport { EuiPageHeroHeaderComponent } from './components/eui-page-hero-header/eui-page-hero-header.component';\nimport { EuiPageFooterComponent } from './components/eui-page-footer/eui-page-footer.component';\nimport { EuiPageBreadcrumbComponent } from './components/eui-page-breadcrumb/eui-page-breadcrumb.component';\nimport { EuiPageTopContentComponent } from './components/eui-page-top-content/eui-page-top-content.component';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiResizableDirectiveModule, EuiTooltipDirectiveModule } from '@eui/components/directives';\nimport { EuiPageHeaderSubLabelComponent } from './components/eui-page-header/components/eui-page-header-sub-label.component';\nimport { EuiPageHeaderBodyComponent } from './components/eui-page-header/components/eui-page-header-body.component';\nimport { EuiPageHeaderActionItemsComponent } from './components/eui-page-header/components/eui-page-header-action-items.component';\n\nconst COMPONENTS = [\n    EuiPageComponent,\n    EuiPageColumnComponent,\n    EuiPageColumnHeaderBodyContentDirective,\n    EuiPageColumnHeaderLeftContentDirective,\n    EuiPageColumnHeaderRightContentDirective,\n    EuiPageColumnHeaderCollapsedContentDirective,\n    EuiPageColumnBodyContentDirective,\n    EuiPageColumnFooterContentDirective,\n    EuiPageColumnsComponent,\n    EuiPageContentComponent,\n    EuiPageHeaderComponent,\n    EuiPageHeaderSubLabelComponent,\n    EuiPageHeaderBodyComponent,\n    EuiPageHeaderActionItemsComponent,\n    EuiPageHeroHeaderComponent,\n    EuiPageFooterComponent,\n    EuiPageBreadcrumbComponent,\n    EuiPageTopContentComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiButtonModule,\n        EuiIconModule,\n        CdkScrollableModule,\n        EuiResizableDirectiveModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiPageModule {}\n"],
+  "mappings": ";AAAA,SAAS,WAAuB,aAAwC,yBAAyB;AACjG,SAAS,eAAe;;AAUlB,IAAO,0BAAP,MAAO,yBAAuB;EAMhC,YAAoB,MAA0B,MAAY;AAAtC,SAAA,OAAA;AAA0B,SAAA,OAAA;AAL/B,SAAA,QAAQ;AAEhB,SAAA,QAAQ,IAAI;EAG0C;EAE7D,WAAQ;AACN,SAAK,WAAW,IAAI,eAAe,aAAU;AAC3C,WAAK,KAAK,IAAI,MAAK;AACjB,aAAK,MAAM,KAAK,QAAQ,CAAC,EAAE,YAAY,KAAK;MAC9C,CAAC;IACH,CAAC;AACD,SAAK,SAAS,QAAQ,KAAK,KAAK,aAAa;EAC/C;EAEA,cAAW;AACT,SAAK,SAAS,UAAU,KAAK,KAAK,aAAa;EACjD;;4GAnBS,0BAAuB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,UAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAvB,0BAAuB,UAAA,oBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAA,IAAA,UCXpC,+BACA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDUa,yBAAuB,YAAA,CAAA;QALnC;qBACa,oBAAkB,eAEb,kBAAkB,MAAI,UAAA,8BAAA,CAAA;4FAGtB,OAAK,CAAA;QAAnB;;;;AEZL,SAAS,aAAAA,YAAW,eAAAC,cAAa,qBAAAC,oBAA8B,oBAAoB;;AAS7E,IAAO,mBAAP,MAAO,kBAAgB;EACzB,IACI,aAAU;AACV,WAAO,CAAC,YAAY,KAAK,UAAU,2BAA2B,EAAE,EAAE,KAAK,GAAG,EAAE,KAAI;EACpF;;8GAJS,mBAAgB,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAhB,mBAAgB,UAAA,YAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,WAAA,OAAA,MAAA,WAMX,yBAAuB,aAAA,MAAA,QAAA,KAAA,CAAA,GAAA,UAAAC,KAAA,UCfzC,gYAOA,QAAA,CAAA,++nBAAA,GAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDEa,kBAAgB,YAAA,CAAA;QAN5BH;qBACa,YAAU,eAGLE,mBAAkB,MAAI,UAAA,gYAAA,QAAA,CAAA,++nBAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADbD;SAAY,OAAO;IAKqC,SAAO,CAAA;QAA/D;SAAa,yBAAyB,EAAE,QAAQ,KAAI,CAAE;;;;AEf3D,SACI,aAAAG,YACA,eAAAC,cACA,qBAAAC,oBACA,OACA,QAEA,WACA,gBAAAC,eACA,YAEA,cACA,cACA,MACA,UACA,QACA,wBAEG;AACP,SAAS,WAAAC,UAAS,cAAc,iBAAiB;AAGjD,SAAS,2BAA2B;;;;;;;;AAuB9B,IAAO,yBAAP,MAAO,wBAAsB;EAC/B,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,iBAAiB;MACxD,KAAK,QAAQ,CAAC,KAAK,cAAc,yBAAyB,KAAK,IAAI,KAAK;MACxE,KAAK,cAAc,+BAA+B;MAClD,KAAK,uBAAuB,wCAAwC;MACpE,KAAK,gBAAgB,iCAAiC;MACtD,KAAK,WAAW,4BAA4B;MAC5C,KAAK,iBAAiB,sCAAsC;MAC5D,KAAK,uBAAuB,sCAAsC;MAEjE,KAAK,GAAG,EACR,KAAI;EACb;EA8CA,YAC2E,2BAChE,WACG,qBAAwC;AAD3C,SAAA,YAAA;AACG,SAAA,sBAAA;AA5CL,SAAA,0BAAkC;AAClC,SAAA,kBAAkB;AAClB,SAAA,oBAAoB;AAEW,SAAA,gBAAgB;AAChB,SAAA,cAAc;AACd,SAAA,gBAAgB;AAChB,SAAA,uBAAuB;AACvB,SAAA,iBAAiB;AACjB,SAAA,0BAA0B;AAC1B,SAAA,+BAA+B;AAE7D,SAAA,WAAW,IAAI,aAAY;AAC3B,SAAA,iBAAiB,IAAI,aAAY;AAC3C,SAAA,WAAW;AAEX,SAAA,uBAAuB;AAiBvB,SAAA,gBAAgB;AAEhB,SAAA,iBAAiB;AACjB,SAAA,YAAY;AAGJ,SAAA,WAAW,IAAIA,SAAO;AAO1B,SAAK,oBAAoB;EAC7B;EAGA,YAAY,OAAK;AACb,QAAI,KAAK,2BAA2B,MAAM,QAAQ;AAC9C,WAAK,gBAAgB,MAAM,OAAO;AAElC,UAAI,KAAK,gBAAgB,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,WAAW;AACjF,aAAK,uBAAuB;AAC5B,aAAK,eAAe,KAAK,IAAI;MACjC;AAEA,UAAI,KAAK,iBAAiB,KAAK,gBAAgB;AAC3C,YAAI,KAAK,iBAAiB,KAAK,WAAW;AACtC,eAAK,uBAAuB;AAC5B,eAAK,eAAe,KAAK,KAAK;QAClC;MACJ;AACA,WAAK,iBAAiB,KAAK;IAC/B;EACJ;EAEA,WAAQ;AACJ,SAAK,oBAAoB,WAAW;AACpC,QAAI,KAAK,qBAAqB,KAAK,gCAAgC,KAAK,yBAAyB;AAC7F,WAAK,kBAAkB,MAAM,KACzB,aAAa,GAAG,GAChB,UAAU,KAAK,QAAQ,CAAC,EAC1B,UAAU,CAAC,gBAAuB;AAChC,gBAAQ,IAAI,WAAW;AACvB,YAAI,eAAe,KAAK,yBAAyB;AAC7C,eAAK,cAAc;AACnB,eAAK,SAAS,KAAK,KAAK,WAAW;QACvC;MACJ,CAAC;IACL;EACJ;EAEA,cAAW;AACP,SAAK,SAAS,KAAK,IAAI;AACvB,SAAK,SAAS,YAAW;EAC7B;EAEO,WAAQ;AACX,SAAK,cAAc,CAAC,KAAK;AACzB,SAAK,SAAS,KAAK,KAAK,WAAW;EACvC;;8GAjHS,yBAAsB,MAAA,CAAA,EAAA,OA8DC,WAAW,MAAM,uBAAuB,GAAC,MAAA,MAAA,UAAA,KAAA,GAAA,EAAA,OAAA,sBAAA,GAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGA9DhE,yBAAsB,UAAA,mBAAA,QAAA,EAAA,MAAA,QAAA,OAAA,SAAA,UAAA,YAAA,yBAAA,2BAAA,iBAAA,mBAAA,mBAAA,qBAAA,eAAA,CAAA,iBAAA,iBAwBX,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,eAAA,CAAA,iBAAA,iBAChB,gBAAgB,GAAA,sBAAA,CAAA,wBAAA,wBAChB,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,GAAA,yBAAA,CAAA,2BAAA,2BAChB,gBAAgB,GAAA,8BAAA,CAAA,gCAAA,gCAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,UAAA,YAAA,gBAAA,iBAAA,GAAA,MAAA,EAAA,WAAA,EAAA,iBAAA,sBAAA,GAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,2BAAA,OAAA,MAAA,WAAA,eAAA,MAQL,uCAAuC,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,2BAAA,OAAA,MAAA,WAAA,eAAA,MAGvC,uCAAuC,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,4BAAA,OAAA,MAAA,WAAA,eAAA,MAGvC,wCAAwC,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,gCAAA,OAAA,MAAA,WAAA,eAAA,MAGxC,4CAA4C,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,uBAAA,OAAA,MAAA,WAAA,eAAA,MAG5C,mCAAmC,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,cAAA,cAAA,cAAA,cAAA,kBAAA,kBAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAAC,KAAA,UC/FtE,8iGAqEA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,mCAAA,QAAA,CAAA,WAAA,MAAA,kBAAA,iBAAA,kBAAA,aAAA,iBAAA,eAAA,aAAA,aAAA,GAAA,SAAA,CAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,kBAAA,UAAA,oCAAA,GAAA,EAAA,MAAA,QAAA,MAAA,cAAA,MAAA,QAAA,CAAA,GAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDxBa,wBAAsB,YAAA,CAAA;QArBlCL;qBACa,mBAAiB,eAEZE,mBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,UAAA,6iGAAA,CAAA;;QAgEI;;QAAQ;;QAAY;SAAO,WAAW,MAAM,uBAAuB,CAAC;4FA5DrE,YAAU,CAAA;QADbD;SAAY,OAAO;IAgBX,MAAI,CAAA;QAAZ;IACQ,OAAK,CAAA;QAAb;IACQ,UAAQ,CAAA;QAAhB;IACQ,yBAAuB,CAAA;QAA/B;IACQ,iBAAe,CAAA;QAAvB;IACQ,mBAAiB,CAAA;QAAzB;IAEuC,eAAa,CAAA;QAApD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,eAAa,CAAA;QAApD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,sBAAoB,CAAA;QAA3D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,gBAAc,CAAA;QAArD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,yBAAuB,CAAA;QAA9D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,8BAA4B,CAAA;QAAnE;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,UAAQ,CAAA;QAAjB;IACS,gBAAc,CAAA;QAAvB;IAMD,yBAAuB,CAAA;QADtBE;SAAa,WAAW,MAAM,uCAAuC,CAAC;IAIvE,yBAAuB,CAAA;QADtBA;SAAa,WAAW,MAAM,uCAAuC,CAAC;IAIvE,0BAAwB,CAAA;QADvBA;SAAa,WAAW,MAAM,wCAAwC,CAAC;IAIxE,8BAA4B,CAAA;QAD3BA;SAAa,WAAW,MAAM,4CAA4C,CAAC;IAI5E,qBAAmB,CAAA;QADlBA;SAAa,WAAW,MAAM,mCAAmC,CAAC;IAoBnE,aAAW,CAAA;QADV;SAAa,iBAAiB,CAAC,QAAQ,CAAC;;AAiDvC,IAAO,0CAAP,MAAO,yCAAuC;;8GAAvC,0CAAuC,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAvC,0CAAuC,UAAA,+BAAA,UAAAE,IAAA,CAAA;EAAA;;oGAAvC,yCAAuC,YAAA,CAAA;QADnD;SAAU,EAAE,UAAU,8BAA6B,CAAE;;AAGhD,IAAO,0CAAP,MAAO,yCAAuC;;8GAAvC,0CAAuC,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAvC,0CAAuC,UAAA,uCAAA,UAAAA,IAAA,CAAA;EAAA;;oGAAvC,yCAAuC,YAAA,CAAA;QADnD;SAAU,EAAE,UAAU,sCAAqC,CAAE;;AAGxD,IAAO,2CAAP,MAAO,0CAAwC;;8GAAxC,2CAAwC,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAxC,2CAAwC,UAAA,wCAAA,UAAAA,IAAA,CAAA;EAAA;;oGAAxC,0CAAwC,YAAA,CAAA;QADpD;SAAU,EAAE,UAAU,uCAAsC,CAAE;;AAGzD,IAAO,+CAAP,MAAO,8CAA4C;;8GAA5C,+CAA4C,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA5C,+CAA4C,UAAA,4CAAA,UAAAA,IAAA,CAAA;EAAA;;oGAA5C,8CAA4C,YAAA,CAAA;QADxD;SAAU,EAAE,UAAU,2CAA0C,CAAE;;AAG7D,IAAO,oCAAP,MAAO,mCAAiC;;8GAAjC,oCAAiC,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAjC,oCAAiC,UAAA,wBAAA,UAAAA,IAAA,CAAA;EAAA;;oGAAjC,mCAAiC,YAAA,CAAA;QAD7C;SAAU,EAAE,UAAU,uBAAsB,CAAE;;AAGzC,IAAO,sCAAP,MAAO,qCAAmC;;8GAAnC,sCAAmC,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAnC,sCAAmC,UAAA,0BAAA,UAAAA,IAAA,CAAA;EAAA;;oGAAnC,qCAAmC,YAAA,CAAA;QAD/C;SAAU,EAAE,UAAU,yBAAwB,CAAE;;;;AE5KjD,SAAS,aAAAC,YAAW,eAAAC,cAAa,qBAAAC,0BAAyB;;AAOpD,IAAO,0BAAP,MAAO,yBAAuB;EALpC,cAAA;AAMmB,SAAA,QAAQ;;;8GADd,0BAAuB,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAvB,0BAAuB,UAAA,oBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAAC,KAAA,UCPpC,+BACA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDMa,yBAAuB,YAAA,CAAA;QALnCH;qBACa,oBAAkB,eAEbE,mBAAkB,MAAI,UAAA,8BAAA,CAAA;sBAGtB,OAAK,CAAA;QAAnBD;;;;AERL,SACI,aAAAG,YACA,yBACA,eAAAC,cACA,qBAAAC,oBACA,SAAAC,QACA,gBAAAC,eACA,cAAAC,aAEA,UAAAC,SACA,gBAAAC,eACA,oBAAAC,yBACG;;;;;AAQD,IAAO,yBAAP,MAAO,wBAAsB;EANnC,cAAA;AA0B4C,SAAA,gBAAgB;AAChB,SAAA,cAAc;AACd,SAAA,qBAAqB;AAIpD,SAAA,iBAAiB;AACjB,SAAA,gBAAgB;AACf,SAAA,WAAW,IAAID,cAAY;;EA3BrC,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,gBAAgB,iCAAiC;MACtD,KAAK,cAAc,+BAA+B;MAClD,KAAK,qBAAqB,gCAAgC;MAEzD,KAAK,GAAG,EACR,KAAI;EACb;EAmBO,WAAQ;AACX,SAAK,cAAc,CAAC,KAAK;AACzB,SAAK,SAAS,KAAK,KAAK,WAAW;EACvC;;8GAjCS,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAtB,yBAAsB,UAAA,mBAAA,QAAA,EAAA,OAAA,SAAA,UAAA,YAAA,cAAA,gBAAA,iBAAA,mBAAA,eAAA,CAAA,iBAAA,iBAoBXC,iBAAgB,GAAA,aAAA,CAAA,eAAA,eAChBA,iBAAgB,GAAA,oBAAA,CAAA,sBAAA,sBAChBA,iBAAgB,GAAA,gBAAA,kBAAA,eAAA,gBAAA,GAAA,SAAA,EAAA,UAAA,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,qBAAA,OAAA,MAAA,WAAA,eAAA,MAEL,uBAAsB,GAAA,aAAA,KAAA,CAAA,GAAA,UAAAC,KAAA,UC5CzD,u/DAiDA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,UAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,sBAAA,QAAA,CAAA,2BAAA,oBAAA,0BAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,gBAAA,QAAA,CAAA,WAAA,aAAA,aAAA,oBAAA,YAAA,cAAA,cAAA,qBAAA,uBAAA,kBAAA,qBAAA,qBAAA,oBAAA,kBAAA,GAAA,UAAA,CAAA,YAAA,EAAA,CAAA,GAAA,iBAAA,4BAAA,SAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGD7Ba,wBAAsB,YAAA,CAAA;QANlCT;qBACa,mBAAiB,iBAEV,wBAAwB,SAAO,eACjCE,mBAAkB,MAAI,UAAA,s/DAAA,CAAA;sBAIjC,YAAU,CAAA;QADbD;SAAY,OAAO;IAYX,OAAK,CAAA;QAAbE;IACQ,UAAQ,CAAA;QAAhBA;IACQ,cAAY,CAAA;QAApBA;IACQ,iBAAe,CAAA;QAAvBA;IAIuC,eAAa,CAAA;QAApDA;SAAM,EAAE,WAAWK,kBAAgB,CAAE;IACE,aAAW,CAAA;QAAlDL;SAAM,EAAE,WAAWK,kBAAgB,CAAE;IACE,oBAAkB,CAAA;QAAzDL;SAAM,EAAE,WAAWK,kBAAgB,CAAE;IAEkB,mBAAiB,CAAA;QAAxEJ;SAAaC,YAAW,MAAM,sBAAsB,CAAC;IAE7C,gBAAc,CAAA;QAAtBF;IACQ,eAAa,CAAA;QAArBA;IACS,UAAQ,CAAA;QAAjBG;;;;AEhDL,SAAS,aAAAI,YAAW,eAAAC,cAAa,qBAAAC,qBAAmB,SAAAC,cAAa;;AAO3D,IAAO,6BAAP,MAAO,4BAA0B;EAInC,IACI,aAAU;AACV,WAAO,CAAC,sBAAsB,EAAE,KAAK,GAAG,EAAE,KAAI;EAClD;;8GAPS,6BAA0B,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA1B,6BAA0B,UAAA,wBAAA,QAAA,EAAA,OAAA,SAAA,UAAA,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAAC,KAAA,UCPvC,8MAMA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDCa,4BAA0B,YAAA,CAAA;QALtCJ;qBACa,wBAAsB,eAEjBE,oBAAkB,MAAI,UAAA,6MAAA,CAAA;sBAG5B,OAAK,CAAA;QAAbC;IACQ,UAAQ,CAAA;QAAhBA;IAGG,YAAU,CAAA;QADbF;SAAY,OAAO;;;;AEXxB,SAAS,aAAAI,YAAW,eAAAC,cAAa,qBAAAC,qBAAmB,SAAAC,cAAa;AACjE,SAAS,uBAAAC,4BAA2B;;;AAe9B,IAAO,yBAAP,MAAO,wBAAsB;EAbnC,cAAA;AAkB2C,SAAA,UAAU;;EAJjD,IACI,aAAU;AACV,WAAO;EACX;;8GAJS,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAtB,yBAAsB,UAAA,mBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,eAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,yBAAA,QAAA,CAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAAC,KAAA,UChBnC,+BACA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDea,wBAAsB,YAAA,CAAA;QAblCL;qBACa,mBAAiB,eAEZE,oBAAkB,MAAI,gBACrB;IACZ;MACI,WAAWE;MACX,QAAQ;QACJ;;;KAGX,UAAA,8BAAA,CAAA;sBAIG,YAAU,CAAA;QADbH;SAAY,OAAO;IAImB,SAAO,CAAA;QAA7CA;SAAY,eAAe;;QAAGE;;;;AErBnC,SAAS,aAAAG,YAAW,eAAAC,cAAa,qBAAAC,2BAAyB;;AAOpD,IAAO,6BAAP,MAAO,4BAA0B;EALvC,cAAA;AAMmB,SAAA,QAAQ;;;8GADd,6BAA0B,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA1B,6BAA0B,UAAA,uBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAAC,KAAA,UCPvC,+BACA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDMa,4BAA0B,YAAA,CAAA;QALtCH;qBACa,uBAAqB,eAEhBE,oBAAkB,MAAI,UAAA,8BAAA,CAAA;sBAGtB,OAAK,CAAA;QAAnBD;;;;AERL,SAAS,aAAAG,YAAW,eAAAC,cAAa,qBAAAC,qBAAmB,SAAAC,cAAa;;AAO3D,IAAO,6BAAP,MAAO,4BAA0B;EALvC,cAAA;AAU2C,SAAA,UAAU;;EAJjD,IACI,aAAU;AACV,WAAO;EACX;;8GAJS,6BAA0B,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA1B,6BAA0B,UAAA,wBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,eAAA,EAAA,GAAA,UAAAC,KAAA,UCPvC,+BACA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDMa,4BAA0B,YAAA,CAAA;QALtCJ;qBACa,wBAAsB,eAEjBE,oBAAkB,MAAI,UAAA,8BAAA,CAAA;sBAIjC,YAAU,CAAA;QADbD;SAAY,OAAO;IAImB,SAAO,CAAA;QAA7CA;SAAY,eAAe;;QAAGE;;;;AEZnC,SAAS,aAAAE,aAAW,eAAAC,eAAa,qBAAAC,2BAAyB;;AAOpD,IAAO,iCAAP,MAAO,gCAA8B;EACvC,IACI,aAAU;AACV,WAAO;EACX;;gHAJS,iCAA8B,MAAA,CAAA,GAAA,QAAA,qBAAA,UAAA,CAAA;EAAA;;kGAA9B,iCAA8B,UAAA,6BAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAAC,MAAA,UAH7B,6BAA2B,UAAA,MAAA,eAAA,uBAAA,KAAA,CAAA;EAAA;;sGAG5B,gCAA8B,YAAA,CAAA;QAL1CH;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAeE,oBAAkB;GACpC;sBAGO,YAAU,CAAA;QADbD;SAAY,OAAO;;;;ACRxB,SAAS,aAAAG,aAAW,eAAAC,eAAa,qBAAAC,2BAAyB;;AAOpD,IAAO,6BAAP,MAAO,4BAA0B;EACnC,IACI,aAAU;AACV,WAAO;EACX;;gHAJS,6BAA0B,MAAA,CAAA,GAAA,QAAA,qBAAA,UAAA,CAAA;EAAA;;kGAA1B,6BAA0B,UAAA,wBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAAC,MAAA,UAHzB,6BAA2B,UAAA,MAAA,eAAA,uBAAA,KAAA,CAAA;EAAA;;sGAG5B,4BAA0B,YAAA,CAAA;QALtCH;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAeE,oBAAkB;GACpC;sBAGO,YAAU,CAAA;QADbD;SAAY,OAAO;;;;ACRxB,SAAS,aAAAG,aAAW,eAAAC,eAAa,qBAAAC,2BAAyB;;AAOpD,IAAO,oCAAP,MAAO,mCAAiC;EAC1C,IACI,aAAU;AACV,WAAO;EACX;;gHAJS,oCAAiC,MAAA,CAAA,GAAA,QAAA,qBAAA,UAAA,CAAA;EAAA;;kGAAjC,oCAAiC,UAAA,gCAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAAC,MAAA,UAHhC,6BAA2B,UAAA,MAAA,eAAA,uBAAA,KAAA,CAAA;EAAA;;sGAG5B,mCAAiC,YAAA,CAAA;QAL7CH;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAeE,oBAAkB;GACpC;sBAGO,YAAU,CAAA;QADbD;SAAY,OAAO;;;;ACRxB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAqBpC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B,iCAAiC;;AAKvE,IAAM,aAAa;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAeE,IAAO,gBAAP,MAAO,eAAa;;gHAAb,gBAAa,MAAA,CAAA,GAAA,QAAA,qBAAA,SAAA,CAAA;EAAA;;iHAAb,gBAAa,cAAA;MAhCtB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAA0B,GAAA,SAAA;MAKtB;MACA;MACA;MACA;MACA;MACA;IAAyB,GAAA,SAAA;MA3B7B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAA0B,EAAA,CAAA;EAAA;;iHAejB,gBAAa,SAAA;MAVlB;MACA;MACA;MACA;MACA;MACA;IAAyB,EAAA,CAAA;EAAA;;sGAKpB,eAAa,YAAA,CAAA;QAZzB;SAAS;IACN,SAAS;MACL;MACA;MACA;MACA;MACA;MACA;;IAEJ,cAAc,CAAC,GAAG,UAAU;IAC5B,SAAS,CAAC,GAAG,UAAU;GAC1B;;",
+  "names": ["Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "ContentChild", "Subject", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "ContentChild", "forwardRef", "Output", "EventEmitter", "booleanAttribute", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "BaseStatesDirective", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "Input", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0"]
 }

package/fesm2022/eui-components-eui-slide-toggle.mjs

@@ -107,7 +107,7 @@ var EuiSlideToggleComponent = class _EuiSlideToggleComponent {
         </ng-container>
     </div>
 </div>
-`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-base-color-grey-15);border-radius:2rem;height:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-xl) + var(--eui-base-spacing-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-75)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-white);border-radius:50%;box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-base-spacing-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-primary-50)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-primary-100)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-info-50)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-info-100)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-50)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-success-100)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-warning-50)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-warning-100)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-danger-50)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-danger-100)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-accent-50)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-accent-100)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-base-color-grey-15);border-radius:2rem;height:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-xl) + var(--eui-base-spacing-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-80)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-white);border-radius:50%;box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-base-spacing-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-primary-50)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-primary-100)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-info-50)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-info-100)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-50)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-success-100)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-warning-50)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-warning-100)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-danger-50)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-danger-100)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-accent-50)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-accent-100)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         </ng-container>
     </div>
 </div>
-`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-base-color-grey-15);border-radius:2rem;height:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-xl) + var(--eui-base-spacing-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-75)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-white);border-radius:50%;box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-base-spacing-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-primary-50)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-primary-100)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-info-50)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-info-100)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-50)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-success-100)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-warning-50)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-warning-100)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-danger-50)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-danger-100)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-accent-50)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-accent-100)}\n'] }]
+`, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-base-spacing-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-base-color-grey-15);border-radius:2rem;height:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-xl) + var(--eui-base-spacing-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-80)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-white);border-radius:50%;box-shadow:var(--eui-base-shadow-3);position:absolute;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-base-spacing-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-primary-50)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-primary-100)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-info-50)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-info-100)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-success-50)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-success-100)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-warning-50)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-warning-100)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-danger-50)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-danger-100)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-base-color-accent-50)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-base-color-accent-100)}\n'] }]
 }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
   type: Self
 }, {

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

@@ -23,7 +23,7 @@ var EuiTimelineItemComponent = class _EuiTimelineItemComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiTimelineItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTimelineItemComponent, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\n<div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div>\n<div class="eui-timeline-item__content">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTimelineItemComponent, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\n<div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div>\n<div class="eui-timeline-item__content">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-75)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
       directive: BaseStatesDirective,
       inputs: ["euiSecondary", "euiPrimary", "euiSuccess", "euiInfo", "euiWarning", "euiDanger", "euiAccent", "euiVariant"]
     }
-  ], template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\n<div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div>\n<div class="eui-timeline-item__content">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] }]
+  ], template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\n<div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div>\n<div class="eui-timeline-item__content">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-75)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -92,12 +92,12 @@ var EuiTimelineComponent = class _EuiTimelineComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiTimelineComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute2] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute2] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-75)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiTimelineComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "eui-timeline", template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] }]
+  args: [{ selector: "eui-timeline", template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:"";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-75)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding2,
   args: ["class"]