@eui/components 18.0.0-next.63 → 18.0.0-next.64

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-overlay/eui-overlay.component.ts", "../../eui-overlay/eui-overlay.component.html", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html", "../../eui-overlay/eui-overlay.module.ts"],
-  "sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay',\n    templateUrl: './eui-overlay.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-overlay',\n            this.isActive ? 'eui-overlay--is-active' : '',\n            this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n            this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n            this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n            this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n            this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'dialog';\n    @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n    @Input({ transform: booleanAttribute }) isActive = false;\n    @Input({ transform: booleanAttribute }) euiHighlighted = false;\n    @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n    @Input() position = 'right';\n    @Input() width: string;\n    @Input() fixedWidth: string;\n\n    @Output() activeState = new EventEmitter<boolean>();\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Escape') {\n            this.activeState.emit(false);\n        }\n    }\n\n    @HostListener('document:click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.hasClosedOnClickOutside) {\n            let targetElement = event.target as HTMLElement;\n            let isInsideOverlay = false;\n\n            while (targetElement) {\n                if (targetElement.classList.contains('eui-overlay')) {\n                    isInsideOverlay = true;\n                    break;\n                }\n                targetElement = targetElement.parentElement;\n            }\n\n            if (!isInsideOverlay && this.isActive) {\n                this.activeState.emit(false);\n            }\n        }\n    }\n}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n    <ng-content select=\"eui-overlay-header\"></ng-content>\n    <ng-content select=\"eui-overlay-body\"></ng-content>\n    <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-header-title',\n    templateUrl: './eui-overlay-header-title.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-header-title';\n    }\n\n    @Input() headerTitleLabel: string = null;\n    @Input() headerTitleHideLabel: string = null;\n    @Input() headerTitleCount: string = null;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n    onHide(): void {\n        this.hide.emit();\n    }\n}\n", "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", "import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay-header',\n    templateUrl: './eui-overlay-header.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent {\n\n    @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-overlay-header',\n            this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n        ].join(' ').trim();\n    }\n}\n", "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-body',\n    templateUrl: './eui-overlay-body.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-body';\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-footer',\n    templateUrl: './eui-overlay-footer.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-footer';\n    }\n}\n", "<ng-content></ng-content>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\nimport { EuiOverlayComponent } from './eui-overlay.component';\n\n@NgModule({\n    imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],\n    declarations: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n    exports: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n})\nexport class EuiOverlayModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay',\n    templateUrl: './eui-overlay.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-overlay',\n            this.isActive ? 'eui-overlay--is-active' : '',\n            this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n            this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n            this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n            this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n            this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'dialog';\n    @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n    @Input({ transform: booleanAttribute }) isActive = false;\n    @Input({ transform: booleanAttribute }) euiHighlighted = false;\n    @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n    @Input() position = 'right';\n    @Input() width: string;\n    @Input() fixedWidth: string;\n\n    @Output() activeState = new EventEmitter<boolean>();\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Escape') {\n            this.activeState.emit(false);\n        }\n    }\n\n    @HostListener('document:click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.hasClosedOnClickOutside) {\n            let targetElement = event.target as HTMLElement;\n            let isInsideOverlay = false;\n\n            while (targetElement) {\n                if (targetElement.classList.contains('eui-overlay')) {\n                    isInsideOverlay = true;\n                    break;\n                }\n                targetElement = targetElement.parentElement;\n            }\n\n            if (!isInsideOverlay && this.isActive) {\n                this.activeState.emit(false);\n            }\n        }\n    }\n}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n    <ng-content select=\"eui-overlay-header\"></ng-content>\n    <ng-content select=\"eui-overlay-body\"></ng-content>\n    <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-header-title',\n    templateUrl: './eui-overlay-header-title.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-header-title';\n    }\n\n    @Input() headerTitleLabel: string = null;\n    @Input() headerTitleHideLabel: string = null;\n    @Input() headerTitleCount: string = null;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n    onHide(): void {\n        this.hide.emit();\n    }\n}\n", "<div class=\"eui-overlay-header-title\">\n    <div class=\"eui-overlay-header-title__label-wrapper\">\n        <div class=\"eui-overlay-header-title__label\">\n            {{ headerTitleLabel }}\n            <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n                {{ headerTitleCount }}\n            </eui-badge>\n        </div>\n\n        <div class=\"eui-overlay-header-title__actions\">\n            <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n                <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n                    <span euiLabel>{{ headerTitleHideLabel }}</span>\n                    <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"primary\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n                </a>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"eui-overlay-header-title__subactions-bar\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", "import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n    selector: 'eui-overlay-header',\n    templateUrl: './eui-overlay-header.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent {\n\n    @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-overlay-header',\n            this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n        ].join(' ').trim();\n    }\n}\n", "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-body',\n    templateUrl: './eui-overlay-body.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-body';\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'eui-overlay-footer',\n    templateUrl: './eui-overlay-footer.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-overlay-footer';\n    }\n}\n", "<ng-content></ng-content>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\nimport { EuiOverlayComponent } from './eui-overlay.component';\n\n@NgModule({\n    imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],\n    declarations: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n    exports: [\n        EuiOverlayHeaderComponent,\n        EuiOverlayBodyComponent,\n        EuiOverlayFooterComponent,\n        EuiOverlayComponent,\n        EuiOverlayHeaderTitleComponent,\n    ],\n})\nexport class EuiOverlayModule {}\n"],
+  "mappings": "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",
   "names": ["Component", "HostBinding", "ViewEncapsulation", "Input", "Output", "EventEmitter", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "ChangeDetectionStrategy", "HostBinding", "ViewEncapsulation", "i0"]
 }

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

@@ -145,7 +145,7 @@ var EuiPageColumnComponent = class _EuiPageColumnComponent {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", 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-rc.1", 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", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "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-rc.1", 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="chevron-down:sharp"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="chevron-forward:sharp"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="chevron-up:sharp"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="chevron-back:sharp"></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", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "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-rc.1", ngImport: i03, type: EuiPageColumnComponent, decorators: [{
@@ -165,7 +165,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", n
         "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' }]
+  ], 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="chevron-down:sharp"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="chevron-forward:sharp"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon="chevron-up:sharp"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon="chevron-back:sharp"></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' }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Host
 }, {
@@ -357,12 +357,12 @@ var EuiPageHeaderComponent = class _EuiPageHeaderComponent {
     this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: _EuiPageHeaderComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute2], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute2], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "headerBodyContent", first: true, predicate: i05.forwardRef(() => _EuiPageHeaderComponent), descendants: true }], ngImport: i05, template: '<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', dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i12.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i22.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i32.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i05.ChangeDetectionStrategy.Default, encapsulation: i05.ViewEncapsulation.None });
+    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.1", type: _EuiPageHeaderComponent, selector: "eui-page-header", inputs: { label: "label", subLabel: "subLabel", labelTooltip: "labelTooltip", subLabelTooltip: "subLabelTooltip", isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute2], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute2], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "headerBodyContent", first: true, predicate: i05.forwardRef(() => _EuiPageHeaderComponent), descendants: true }], ngImport: i05, template: '<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="chevron-down:sharp"></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="chevron-up:sharp"></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', dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i12.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i22.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i32.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i05.ChangeDetectionStrategy.Default, encapsulation: i05.ViewEncapsulation.None });
   }
 };
 i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: EuiPageHeaderComponent, decorators: [{
   type: Component5,
-  args: [{ selector: "eui-page-header", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation9.None, template: '<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' }]
+  args: [{ selector: "eui-page-header", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation9.None, template: '<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="chevron-down:sharp"></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="chevron-up:sharp"></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' }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding5,
   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                '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": "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",
+  "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=\"chevron-down:sharp\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n                }\n            } @else {\n                @if ((asService.state$ | async).breakpoints.isMobile) {\n                    <eui-icon-svg icon=\"chevron-up:sharp\"></eui-icon-svg>\n                } @else {\n                    <eui-icon-svg icon=\"chevron-back:sharp\"></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=\"chevron-down:sharp\"></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=\"chevron-up:sharp\"></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": "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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", "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-paginator.mjs

@@ -211,7 +211,7 @@ var EuiPaginatorComponent = class _EuiPaginatorComponent {
             euiRounded
             [euiDisabled]="page === 0 || length === 0"
             (click)="goFirstPage()">
-            <eui-icon-svg icon="eui-caret-first" fillColor="primary" aria-label="Go to first page"></eui-icon-svg>
+            <eui-icon-svg icon="play-skip-back:sharp" fillColor="primary" aria-label="Go to first page"></eui-icon-svg>
         </button>
     </div>
     <div class="eui-paginator__page-navigation-item">
@@ -225,7 +225,7 @@ var EuiPaginatorComponent = class _EuiPaginatorComponent {
             [euiDisabled]="page === 0 || length === 0"
             (click)="goPreviousPage()">
             <!-- to be compliant with DS as play-back is not existing in ionicons -->
-            <eui-icon-svg icon="eui-caret-left" fillColor="primary" aria-label="Go to previous page"></eui-icon-svg>
+            <eui-icon-svg icon="play:sharp" fillColor="primary" transform="rotate-180" aria-label="Go to previous page"></eui-icon-svg>
         </button>
     </div>
     <div
@@ -257,7 +257,7 @@ var EuiPaginatorComponent = class _EuiPaginatorComponent {
             euiRounded
             [euiDisabled]="page + 1 === nbPage || length === 0"
             (click)="goNextPage()">
-            <eui-icon-svg icon="eui-caret-right" fillColor="primary" aria-label="Go to next page"></eui-icon-svg>
+            <eui-icon-svg icon="play:sharp" fillColor="primary" aria-label="Go to next page"></eui-icon-svg>
         </button>
     </div>
     <div class="eui-paginator__page-navigation-item">
@@ -270,7 +270,7 @@ var EuiPaginatorComponent = class _EuiPaginatorComponent {
             euiRounded
             [euiDisabled]="page + 1 === nbPage || length === 0"
             (click)="goLastPage()">
-            <eui-icon-svg icon="eui-caret-last" fillColor="primary" aria-label="Go to last page"></eui-icon-svg>
+            <eui-icon-svg icon="play-skip-forward:sharp" fillColor="primary" aria-label="Go to last page"></eui-icon-svg>
         </button>
     </div>
 </div>
@@ -305,7 +305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
             euiRounded
             [euiDisabled]="page === 0 || length === 0"
             (click)="goFirstPage()">
-            <eui-icon-svg icon="eui-caret-first" fillColor="primary" aria-label="Go to first page"></eui-icon-svg>
+            <eui-icon-svg icon="play-skip-back:sharp" fillColor="primary" aria-label="Go to first page"></eui-icon-svg>
         </button>
     </div>
     <div class="eui-paginator__page-navigation-item">
@@ -319,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
             [euiDisabled]="page === 0 || length === 0"
             (click)="goPreviousPage()">
             <!-- to be compliant with DS as play-back is not existing in ionicons -->
-            <eui-icon-svg icon="eui-caret-left" fillColor="primary" aria-label="Go to previous page"></eui-icon-svg>
+            <eui-icon-svg icon="play:sharp" fillColor="primary" transform="rotate-180" aria-label="Go to previous page"></eui-icon-svg>
         </button>
     </div>
     <div
@@ -351,7 +351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
             euiRounded
             [euiDisabled]="page + 1 === nbPage || length === 0"
             (click)="goNextPage()">
-            <eui-icon-svg icon="eui-caret-right" fillColor="primary" aria-label="Go to next page"></eui-icon-svg>
+            <eui-icon-svg icon="play:sharp" fillColor="primary" aria-label="Go to next page"></eui-icon-svg>
         </button>
     </div>
     <div class="eui-paginator__page-navigation-item">
@@ -364,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
             euiRounded
             [euiDisabled]="page + 1 === nbPage || length === 0"
             (click)="goLastPage()">
-            <eui-icon-svg icon="eui-caret-last" fillColor="primary" aria-label="Go to last page"></eui-icon-svg>
+            <eui-icon-svg icon="play-skip-forward:sharp" fillColor="primary" aria-label="Go to last page"></eui-icon-svg>
         </button>
     </div>
 </div>

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-paginator/eui-paginator.component.ts", "../../eui-paginator/eui-paginator.component.html", "../../eui-paginator/eui-paginator.module.ts"],
-  "sourcesContent": ["import {\n    Component,\n    OnInit,\n    Input,\n    OnDestroy,\n    EventEmitter,\n    Output,\n    OnChanges,\n    SimpleChanges,\n    HostBinding,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { Subject, BehaviorSubject } from 'rxjs';\nimport { takeUntil, distinctUntilChanged } from 'rxjs/operators';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiAppShellService } from '@eui/core';\n\nimport { EuiPaginationEvent } from './models/pagination-event.model';\nimport { DecimalPipe } from '@angular/common';\n\n@Component({\n    selector: 'eui-paginator',\n    templateUrl: './eui-paginator.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    providers: [DecimalPipe],\n})\nexport class EuiPaginatorComponent implements OnInit, OnDestroy, OnChanges {\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-paginator';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-paginator',\n            this.isHidden ? 'eui-paginator--hidden' : '',\n        ].join(' ').trim();\n    }\n    @Input() pageSizeOptions: number[] = [5, 10, 25, 50, 100];\n    @Input() pageSize = 10;\n    @Input() page = 0;\n    @Input() length = 0;\n    @Input() nbPageNumberNavigation = 5;\n    @Input()\n    get isHidden(): boolean {\n        return this._isHidden;\n    }\n    set isHidden(value: BooleanInput) {\n        this._isHidden = coerceBooleanProperty(value);\n    }\n    _isHidden = false;\n\n    @Output() pageChange = new EventEmitter<EuiPaginationEvent>();\n\n    public page$: BehaviorSubject<EuiPaginationEvent> = new BehaviorSubject(null);\n    public length$: BehaviorSubject<number> = new BehaviorSubject(0);\n    public range: string;\n    public rangeLength: string;\n    public nbPage: number;\n\n    @Input()\n    get hasPageNumberNavigation(): boolean {\n        return this._hasPageNumberNavigation;\n    }\n    set hasPageNumberNavigation(value: BooleanInput) {\n        this._hasPageNumberNavigation = coerceBooleanProperty(value);\n    }\n    private _hasPageNumberNavigation = false;\n    @Input()\n    get hasDynamicLength(): boolean {\n        return this._hasDynamicLength;\n    }\n    set hasDynamicLength(value: BooleanInput) {\n        this._hasDynamicLength = coerceBooleanProperty(value);\n    }\n    private _hasDynamicLength = false;\n\n    private nbPageNumberNav: number;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        public EuiAppShellService: EuiAppShellService,\n        private decimal: DecimalPipe,\n    ) {}\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.length) {\n            this.length$.next(c.length.currentValue);\n            this.getRange();\n        }\n        if (c && c.page) {\n            this.page$.next({ page: c.page.currentValue, pageSize: this.pageSize, nbPage: this.nbPage });\n            this.getRange();\n        }\n        if (c && c.pageSize) {\n            this.page$.next({ page: this.page, pageSize: c.pageSize.currentValue, nbPage: this.nbPage });\n            this.changePageSize(c.pageSize.currentValue);\n            this.getRange();\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.length) {\n            this.length$.next(this.length);\n        }\n\n        this.nbPageNumberNav = this.nbPageNumberNavigation;\n\n        this.length$.pipe(takeUntil(this.destroy$), distinctUntilChanged()).subscribe((length) => {\n            this.length = length;\n            this.nbPage = Math.ceil(this.length / this.pageSize);\n            if (!this.hasDynamicLength) {\n                this.page = 0;\n            }\n            this.getRange();\n\n            if (this.nbPage < this.nbPageNumberNavigation) {\n                this.nbPageNumberNav = this.nbPage;\n            } else {\n                this.nbPageNumberNav = this.nbPageNumberNavigation;\n            }\n\n            this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        });\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    get pageNumberNavigation(): number[] {\n        const pages = [];\n        for (let i = 0; i < this.nbPage; i++) {\n            pages.push(i);\n        }\n\n        const delta = Math.floor(this.nbPageNumberNav / 2);\n        let start = 0;\n        if (this.page - delta > 0) {\n            start = this.page - delta;\n        } else {\n            start = 0;\n        }\n\n        if (this.nbPage - this.page <= this.nbPageNumberNav - (delta + 1)) {\n            start = this.nbPage - this.nbPageNumberNav;\n        }\n\n        if (start < 0) {\n            start = 0;\n        }\n\n        const end = start + this.nbPageNumberNav;\n        return pages.slice(start, end);\n    }\n\n    public changePageSize(size: string): void {\n        this.pageSize = parseInt(size, 10);\n        this.nbPage = Math.ceil(this.length / this.pageSize);\n        this.page = 0;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n\n        if (this.nbPage < this.nbPageNumberNavigation) {\n            this.nbPageNumberNav = this.nbPage;\n        } else {\n            this.nbPageNumberNav = this.nbPageNumberNavigation;\n        }\n\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goToPage(page: number): void {\n        this.page = page;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goFirstPage(): void {\n        this.page = 0;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goPreviousPage(): void {\n        this.page--;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goNextPage(): void {\n        this.page++;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goLastPage(): void {\n        this.page = this.nbPage - 1;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public setPage(page: EuiPaginationEvent): void {\n        this.page$.next(page);\n    }\n\n    public setLength(length: number): void {\n        this.length$.next(length);\n    }\n\n    public getRange(): void {\n        const from = this.length > 0 ? this.page * this.pageSize + 1 : 0;\n        const limit = this.page * this.pageSize + this.pageSize;\n        const to = limit <= this.length ? limit : this.length;\n        this.range = from && to && this.length ? this.decimal.transform(from) + '–' + this.decimal.transform(to) : '';\n        this.rangeLength = this.length ? this.length.toString() : '';\n    }\n\n    /**\n     * Change the pagination to the given page number\n     *\n     * @param page 0-based page number to be displayed\n     */\n    public getPage(page: number): void {\n        setTimeout(() => {\n            this.goToPage(page);\n        });\n    }\n}\n", "<div class=\"eui-paginator__page\">\n    <div class=\"eui-paginator__page-selector\">\n        <div>{{ 'eui.euitable.ITEMS-PER-PAGE' | translate }}:</div>\n        <div class=\"eui-u-pl-xs eui-u-pb-2xs\">\n            <select euiSelect class=\"page-size__select\" aria-label=\"Page size selected\" [(ngModel)]=\"pageSize\" (ngModelChange)=\"changePageSize($event)\">\n                <option *ngFor=\"let pageSizeOption of pageSizeOptions\" value=\"{{ pageSizeOption }}\">{{ pageSizeOption }}</option>\n            </select>\n        </div>\n    </div>\n    <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n        {{ 'eui.euitable.SHOWING-RANGE' | translate: { range: range } }} {{ 'eui.euitable.RANGE-LABEL' | translate }}\n        {{ rangeLength | number }}\n    </div>\n</div>\n\n<div class=\"eui-paginator__page-navigation\">\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page === 0 || length === 0\"\n            (click)=\"goFirstPage()\">\n            <eui-icon-svg icon=\"eui-caret-first\" fillColor=\"primary\" aria-label=\"Go to first page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page === 0 || length === 0\"\n            (click)=\"goPreviousPage()\">\n            <!-- to be compliant with DS as play-back is not existing in ionicons -->\n            <eui-icon-svg icon=\"eui-caret-left\" fillColor=\"primary\" aria-label=\"Go to previous page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div\n        class=\"eui-paginator__page-navigation-numbers\"\n        *ngIf=\"hasPageNumberNavigation\">\n        <button\n            type=\"button\"\n            euiSizeS\n            *ngFor=\"let pageNumber of pageNumberNavigation\"\n            euiButton\n            euiBasicButton\n            euiRounded\n            euiIconButton\n            [euiOutline]=\"pageNumber === page\"\n            (click)=\"goToPage(pageNumber)\">\n            {{ pageNumber + 1 | number }}\n        </button>\n    </div>\n    <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n        {{ range }} {{ 'eui.euitable.RANGE-LABEL' | translate }} {{ rangeLength }}\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n            (click)=\"goNextPage()\">\n            <eui-icon-svg icon=\"eui-caret-right\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n            (click)=\"goLastPage()\">\n            <eui-icon-svg icon=\"eui-caret-last\" fillColor=\"primary\" aria-label=\"Go to last page\"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiSelectModule } from '@eui/components/eui-select';\n\nimport { EuiPaginatorComponent } from './eui-paginator.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        EuiButtonModule,\n        TranslateModule,\n        FormsModule,\n        EuiSelectModule,\n    ],\n    declarations: [EuiPaginatorComponent],\n    exports: [EuiPaginatorComponent],\n})\nexport class EuiPaginatorModule {}\n"],
+  "sourcesContent": ["import {\n    Component,\n    OnInit,\n    Input,\n    OnDestroy,\n    EventEmitter,\n    Output,\n    OnChanges,\n    SimpleChanges,\n    HostBinding,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { Subject, BehaviorSubject } from 'rxjs';\nimport { takeUntil, distinctUntilChanged } from 'rxjs/operators';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiAppShellService } from '@eui/core';\n\nimport { EuiPaginationEvent } from './models/pagination-event.model';\nimport { DecimalPipe } from '@angular/common';\n\n@Component({\n    selector: 'eui-paginator',\n    templateUrl: './eui-paginator.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    providers: [DecimalPipe],\n})\nexport class EuiPaginatorComponent implements OnInit, OnDestroy, OnChanges {\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-paginator';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-paginator',\n            this.isHidden ? 'eui-paginator--hidden' : '',\n        ].join(' ').trim();\n    }\n    @Input() pageSizeOptions: number[] = [5, 10, 25, 50, 100];\n    @Input() pageSize = 10;\n    @Input() page = 0;\n    @Input() length = 0;\n    @Input() nbPageNumberNavigation = 5;\n    @Input()\n    get isHidden(): boolean {\n        return this._isHidden;\n    }\n    set isHidden(value: BooleanInput) {\n        this._isHidden = coerceBooleanProperty(value);\n    }\n    _isHidden = false;\n\n    @Output() pageChange = new EventEmitter<EuiPaginationEvent>();\n\n    public page$: BehaviorSubject<EuiPaginationEvent> = new BehaviorSubject(null);\n    public length$: BehaviorSubject<number> = new BehaviorSubject(0);\n    public range: string;\n    public rangeLength: string;\n    public nbPage: number;\n\n    @Input()\n    get hasPageNumberNavigation(): boolean {\n        return this._hasPageNumberNavigation;\n    }\n    set hasPageNumberNavigation(value: BooleanInput) {\n        this._hasPageNumberNavigation = coerceBooleanProperty(value);\n    }\n    private _hasPageNumberNavigation = false;\n    @Input()\n    get hasDynamicLength(): boolean {\n        return this._hasDynamicLength;\n    }\n    set hasDynamicLength(value: BooleanInput) {\n        this._hasDynamicLength = coerceBooleanProperty(value);\n    }\n    private _hasDynamicLength = false;\n\n    private nbPageNumberNav: number;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        public EuiAppShellService: EuiAppShellService,\n        private decimal: DecimalPipe,\n    ) {}\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.length) {\n            this.length$.next(c.length.currentValue);\n            this.getRange();\n        }\n        if (c && c.page) {\n            this.page$.next({ page: c.page.currentValue, pageSize: this.pageSize, nbPage: this.nbPage });\n            this.getRange();\n        }\n        if (c && c.pageSize) {\n            this.page$.next({ page: this.page, pageSize: c.pageSize.currentValue, nbPage: this.nbPage });\n            this.changePageSize(c.pageSize.currentValue);\n            this.getRange();\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.length) {\n            this.length$.next(this.length);\n        }\n\n        this.nbPageNumberNav = this.nbPageNumberNavigation;\n\n        this.length$.pipe(takeUntil(this.destroy$), distinctUntilChanged()).subscribe((length) => {\n            this.length = length;\n            this.nbPage = Math.ceil(this.length / this.pageSize);\n            if (!this.hasDynamicLength) {\n                this.page = 0;\n            }\n            this.getRange();\n\n            if (this.nbPage < this.nbPageNumberNavigation) {\n                this.nbPageNumberNav = this.nbPage;\n            } else {\n                this.nbPageNumberNav = this.nbPageNumberNavigation;\n            }\n\n            this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        });\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    get pageNumberNavigation(): number[] {\n        const pages = [];\n        for (let i = 0; i < this.nbPage; i++) {\n            pages.push(i);\n        }\n\n        const delta = Math.floor(this.nbPageNumberNav / 2);\n        let start = 0;\n        if (this.page - delta > 0) {\n            start = this.page - delta;\n        } else {\n            start = 0;\n        }\n\n        if (this.nbPage - this.page <= this.nbPageNumberNav - (delta + 1)) {\n            start = this.nbPage - this.nbPageNumberNav;\n        }\n\n        if (start < 0) {\n            start = 0;\n        }\n\n        const end = start + this.nbPageNumberNav;\n        return pages.slice(start, end);\n    }\n\n    public changePageSize(size: string): void {\n        this.pageSize = parseInt(size, 10);\n        this.nbPage = Math.ceil(this.length / this.pageSize);\n        this.page = 0;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n\n        if (this.nbPage < this.nbPageNumberNavigation) {\n            this.nbPageNumberNav = this.nbPage;\n        } else {\n            this.nbPageNumberNav = this.nbPageNumberNavigation;\n        }\n\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goToPage(page: number): void {\n        this.page = page;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goFirstPage(): void {\n        this.page = 0;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goPreviousPage(): void {\n        this.page--;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goNextPage(): void {\n        this.page++;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public goLastPage(): void {\n        this.page = this.nbPage - 1;\n        this.page$.next({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n        this.getRange();\n        this.pageChange.emit({ page: this.page, pageSize: this.pageSize, nbPage: this.nbPage });\n    }\n\n    public setPage(page: EuiPaginationEvent): void {\n        this.page$.next(page);\n    }\n\n    public setLength(length: number): void {\n        this.length$.next(length);\n    }\n\n    public getRange(): void {\n        const from = this.length > 0 ? this.page * this.pageSize + 1 : 0;\n        const limit = this.page * this.pageSize + this.pageSize;\n        const to = limit <= this.length ? limit : this.length;\n        this.range = from && to && this.length ? this.decimal.transform(from) + '–' + this.decimal.transform(to) : '';\n        this.rangeLength = this.length ? this.length.toString() : '';\n    }\n\n    /**\n     * Change the pagination to the given page number\n     *\n     * @param page 0-based page number to be displayed\n     */\n    public getPage(page: number): void {\n        setTimeout(() => {\n            this.goToPage(page);\n        });\n    }\n}\n", "<div class=\"eui-paginator__page\">\n    <div class=\"eui-paginator__page-selector\">\n        <div>{{ 'eui.euitable.ITEMS-PER-PAGE' | translate }}:</div>\n        <div class=\"eui-u-pl-xs eui-u-pb-2xs\">\n            <select euiSelect class=\"page-size__select\" aria-label=\"Page size selected\" [(ngModel)]=\"pageSize\" (ngModelChange)=\"changePageSize($event)\">\n                <option *ngFor=\"let pageSizeOption of pageSizeOptions\" value=\"{{ pageSizeOption }}\">{{ pageSizeOption }}</option>\n            </select>\n        </div>\n    </div>\n    <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n        {{ 'eui.euitable.SHOWING-RANGE' | translate: { range: range } }} {{ 'eui.euitable.RANGE-LABEL' | translate }}\n        {{ rangeLength | number }}\n    </div>\n</div>\n\n<div class=\"eui-paginator__page-navigation\">\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page === 0 || length === 0\"\n            (click)=\"goFirstPage()\">\n            <eui-icon-svg icon=\"play-skip-back:sharp\" fillColor=\"primary\" aria-label=\"Go to first page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page === 0 || length === 0\"\n            (click)=\"goPreviousPage()\">\n            <!-- to be compliant with DS as play-back is not existing in ionicons -->\n            <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div\n        class=\"eui-paginator__page-navigation-numbers\"\n        *ngIf=\"hasPageNumberNavigation\">\n        <button\n            type=\"button\"\n            euiSizeS\n            *ngFor=\"let pageNumber of pageNumberNavigation\"\n            euiButton\n            euiBasicButton\n            euiRounded\n            euiIconButton\n            [euiOutline]=\"pageNumber === page\"\n            (click)=\"goToPage(pageNumber)\">\n            {{ pageNumber + 1 | number }}\n        </button>\n    </div>\n    <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n        {{ range }} {{ 'eui.euitable.RANGE-LABEL' | translate }} {{ rangeLength }}\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n            (click)=\"goNextPage()\">\n            <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n        </button>\n    </div>\n    <div class=\"eui-paginator__page-navigation-item\">\n        <button\n            type=\"button\"\n            euiSizeS\n            euiButton\n            euiIconButton\n            euiBasicButton\n            euiRounded\n            [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n            (click)=\"goLastPage()\">\n            <eui-icon-svg icon=\"play-skip-forward:sharp\" fillColor=\"primary\" aria-label=\"Go to last page\"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiSelectModule } from '@eui/components/eui-select';\n\nimport { EuiPaginatorComponent } from './eui-paginator.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        EuiButtonModule,\n        TranslateModule,\n        FormsModule,\n        EuiSelectModule,\n    ],\n    declarations: [EuiPaginatorComponent],\n    exports: [EuiPaginatorComponent],\n})\nexport class EuiPaginatorModule {}\n"],
   "mappings": "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",
   "names": ["EuiAppShellService"]
 }