@eui/components 18.0.0-next.20 → 18.0.0-next.22

package/esm2022/layout/eui-user-profile/user-profile.component.mjs

@@ -69,7 +69,7 @@ export class EuiUserProfileComponent {
         ].join(' ').trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiUserProfileComponent, deps: [{ token: forwardRef(() => EuiToolbarItemComponent), host: true, optional: true }, { token: i1.UserService }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n    <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n        <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n        <eui-dropdown-content>\n            <ng-content></ng-content>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n    <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n        <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n            <div *ngIf=\"isShowUserInfos\"\n                class=\"eui-user-profile__infos\"\n                [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n                <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n                    <div class=\"eui-user-profile__infos-welcome\">\n                        <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n                        <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n                        <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n                    </div>\n                    <div class=\"eui-user-profile__infos-name\">\n                        {{ userState?.fullName }}\n                    </div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-container>\n\n                <ng-template #notImpersonated>\n                    <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n                    <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-template>\n            </div>\n\n            <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n                        [hasShadow]=\"userState?.impersonatingUser\">\n                <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n                    {{ avatarInitials }}\n                </eui-avatar-text>\n                <ng-template #noAvatarInitials>\n                    <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n                    <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n                </ng-template>\n                <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n                    <eui-badge euiSecondaryLight euiSizeXS>\n                        <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n                    </eui-badge>\n                </eui-avatar-badge>\n            </eui-avatar>\n        </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:active:not([readonly]),.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile-content:focus [tabindex=\"0\"]:active:not([readonly]),.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);border-left:var(--eui-base-spacing-2xs) solid transparent;cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:4px solid var(--eui-base-color-accessible-focus);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i4.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n    <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n        <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n        <eui-dropdown-content>\n            <ng-content></ng-content>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n    <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n        <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n            <div *ngIf=\"isShowUserInfos\"\n                class=\"eui-user-profile__infos\"\n                [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n                <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n                    <div class=\"eui-user-profile__infos-welcome\">\n                        <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n                        <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n                        <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n                    </div>\n                    <div class=\"eui-user-profile__infos-name\">\n                        {{ userState?.fullName }}\n                    </div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-container>\n\n                <ng-template #notImpersonated>\n                    <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n                    <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-template>\n            </div>\n\n            <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n                        [hasShadow]=\"userState?.impersonatingUser\">\n                <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n                    {{ avatarInitials }}\n                </eui-avatar-text>\n                <ng-template #noAvatarInitials>\n                    <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n                    <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n                </ng-template>\n                <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n                    <eui-badge euiSecondaryLight euiSizeXS>\n                        <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n                    </eui-badge>\n                </eui-avatar-badge>\n            </eui-avatar>\n        </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i4.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
             type: Component,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
                                 'euiInverted',
                             ],
                         },
-                    ], template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n    <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n        <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n        <eui-dropdown-content>\n            <ng-content></ng-content>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n    <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n        <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n            <div *ngIf=\"isShowUserInfos\"\n                class=\"eui-user-profile__infos\"\n                [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n                <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n                    <div class=\"eui-user-profile__infos-welcome\">\n                        <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n                        <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n                        <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n                    </div>\n                    <div class=\"eui-user-profile__infos-name\">\n                        {{ userState?.fullName }}\n                    </div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-container>\n\n                <ng-template #notImpersonated>\n                    <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n                    <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-template>\n            </div>\n\n            <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n                        [hasShadow]=\"userState?.impersonatingUser\">\n                <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n                    {{ avatarInitials }}\n                </eui-avatar-text>\n                <ng-template #noAvatarInitials>\n                    <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n                    <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n                </ng-template>\n                <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n                    <eui-badge euiSecondaryLight euiSizeXS>\n                        <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n                    </eui-badge>\n                </eui-avatar-badge>\n            </eui-avatar>\n        </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:active:not([readonly]),.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile-content:focus [tabindex=\"0\"]:active:not([readonly]),.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);border-left:var(--eui-base-spacing-2xs) solid transparent;cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s)}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:4px solid var(--eui-base-color-accessible-focus);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"] }]
+                    ], template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n    <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n        <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n        <eui-dropdown-content>\n            <ng-content></ng-content>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n    <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n        <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n            <div *ngIf=\"isShowUserInfos\"\n                class=\"eui-user-profile__infos\"\n                [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n                <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n                    <div class=\"eui-user-profile__infos-welcome\">\n                        <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n                        <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n                        <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n                    </div>\n                    <div class=\"eui-user-profile__infos-name\">\n                        {{ userState?.fullName }}\n                    </div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-container>\n\n                <ng-template #notImpersonated>\n                    <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n                    <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n                    <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n                        {{ subInfos }}\n                    </div>\n                </ng-template>\n            </div>\n\n            <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n                        [hasShadow]=\"userState?.impersonatingUser\">\n                <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n                    {{ avatarInitials }}\n                </eui-avatar-text>\n                <ng-template #noAvatarInitials>\n                    <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n                    <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n                </ng-template>\n                <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n                    <eui-badge euiSecondaryLight euiSizeXS>\n                        <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n                    </eui-badge>\n                </eui-avatar-badge>\n            </eui-avatar>\n        </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Host
                 }, {

package/eui-badge/eui-badge.component.d.ts

@@ -9,6 +9,6 @@ export declare class EuiBadgeComponent {
     ariaLabel: string | null;
     constructor(baseStatesDirective: BaseStatesDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiBadgeComponent, "div[euiBadge], span[euiBadge], eui-badge", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSizeVariant": "euiSizeVariant"; "euiOutline": "euiOutline"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiBadgeComponent, "div[euiBadge], span[euiBadge], eui-badge", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSecondaryLight": "euiSecondaryLight"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSizeVariant": "euiSizeVariant"; "euiOutline": "euiOutline"; }; outputs: {}; }]>;
 }
 //# sourceMappingURL=eui-badge.component.d.ts.map

package/eui-badge/eui-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-badge.component.d.ts","sourceRoot":"","sources":["../../eui-badge/eui-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA8Ba,iBAAiB;IAiBf,mBAAmB,EAAE,mBAAmB;IAhBnD,IACW,UAAU,IAAI,MAAM,CAI9B;IAMsC,OAAO,SAAe;IACnC,IAAI,SAAY;IACW,SAAS,EAAE,MAAM,GAAG,IAAI,CAAW;gBAG7E,mBAAmB,EAAE,mBAAmB;yCAjB1C,iBAAiB;2CAAjB,iBAAiB;CAoB7B"}
+{"version":3,"file":"eui-badge.component.d.ts","sourceRoot":"","sources":["../../eui-badge/eui-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA+Ba,iBAAiB;IAiBf,mBAAmB,EAAE,mBAAmB;IAhBnD,IACW,UAAU,IAAI,MAAM,CAI9B;IAMsC,OAAO,SAAe;IACnC,IAAI,SAAY;IACW,SAAS,EAAE,MAAM,GAAG,IAAI,CAAW;gBAG7E,mBAAmB,EAAE,mBAAmB;yCAjB1C,iBAAiB;2CAAjB,iBAAiB;CAoB7B"}

package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts

@@ -3,16 +3,16 @@ import * as i0 from "@angular/core";
 export declare class EuiIconSvgButtonComponent {
     get cssClasses(): string;
     tabindex: number;
-    iconSvgName: string;
-    iconSvgFillColor: string;
-    iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+    icon: string;
+    fillColor: string;
+    size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
     ariaLabel: string;
     hasFocusBorder: boolean;
     hasNoPadding: boolean;
     buttonClick: EventEmitter<Event>;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiIconSvgButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconSvgButtonComponent, "eui-icon-svg-button", never, { "iconSvgName": { "alias": "iconSvgName"; "required": false; }; "iconSvgFillColor": { "alias": "iconSvgFillColor"; "required": false; }; "iconSvgSize": { "alias": "iconSvgSize"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "hasFocusBorder": { "alias": "hasFocusBorder"; "required": false; }; "hasNoPadding": { "alias": "hasNoPadding"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["eui-badge"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconSvgButtonComponent, "eui-icon-svg-button", never, { "icon": { "alias": "icon"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "hasFocusBorder": { "alias": "hasFocusBorder"; "required": false; }; "hasNoPadding": { "alias": "hasNoPadding"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["eui-badge"], false, never>;
     static ngAcceptInputType_hasFocusBorder: unknown;
     static ngAcceptInputType_hasNoPadding: unknown;
 }

package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-icon-svg-button.component.d.ts","sourceRoot":"","sources":["../../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAuC,MAAM,eAAe,CAAC;;AAEzH,qBAMa,yBAAyB;IAClC,IACI,UAAU,IAAI,MAAM,CAQvB;IAC6B,QAAQ,SAAM;IAEnC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAO;IACjF,SAAS,EAAE,MAAM,CAAC;IAEa,cAAc,UAAS;IACvB,YAAY,UAAS;IAEnD,WAAW,sBAA6B;IAElD,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAvBlB,yBAAyB;2CAAzB,yBAAyB;6CA2Bmz1B,OAAQ;2CAAR,OAAQ;CADh21B"}
+{"version":3,"file":"eui-icon-svg-button.component.d.ts","sourceRoot":"","sources":["../../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAuC,MAAM,eAAe,CAAC;;AAEzH,qBAMa,yBAAyB;IAClC,IACI,UAAU,IAAI,MAAM,CAQvB;IAC6B,QAAQ,SAAM;IAEnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAO;IAC1E,SAAS,EAAE,MAAM,CAAC;IAEa,cAAc,UAAS;IACvB,YAAY,UAAS;IAEnD,WAAW,sBAA6B;IAElD,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAvBlB,yBAAyB;2CAAzB,yBAAyB;6CA2Bw01B,OAAQ;2CAAR,OAAQ;CADr31B"}

package/eui-icon/eui-icon-svg.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAEtC,qBAOa,mBAAoB,SAAQ,aAAc,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAqC/C,OAAO,CAAC,MAAM;IApCtC,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IACnF,SAAS,SAAc;IACvB,GAAG,SAAS;IACrB,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;IAEhB,SAAS,SAAM;IACxB,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAEW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,SAAS,CAAC,UAAU,SAAc;IAE3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAY;IAEQ,UAAU,UAAQ;IAClB,SAAS,UAAS;IAClB,SAAS,UAAS;gBAEA,MAAM,EAAE,SAAS;IAI3E,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAcnC,kBAAkB,IAAI,IAAI;IAI1B,aAAa,IAAI,MAAM;IAYvB,OAAO,CAAC,cAAc;yCAnFb,mBAAmB;2CAAnB,mBAAmB;yCAqGqowB,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;CAD5qwB"}
+{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAEtC,qBAOa,mBAAoB,SAAQ,aAAc,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAqC/C,OAAO,CAAC,MAAM;IApCtC,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IACnF,SAAS,SAAc;IACvB,GAAG,SAAS;IACrB,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,SAAM;IAExB,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAEW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,SAAS,CAAC,UAAU,SAAc;IAE3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAY;IAEQ,UAAU,UAAQ;IAClB,SAAS,UAAS;IAClB,SAAS,UAAS;gBAEA,MAAM,EAAE,SAAS;IAI3E,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAcnC,kBAAkB,IAAI,IAAI;IAI1B,aAAa,IAAI,MAAM;IAYvB,OAAO,CAAC,cAAc;yCAnFb,mBAAmB;2CAAnB,mBAAmB;yCAqGqowB,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;CAD5qwB"}

package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,gBAAgB,EAGhB,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,sBAAuB,YAAW,gBAAgB;IAClD,EAAE,SAAmC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,SAAgB;IAClC,mBAAmB,SAAc;IACjC,QAAQ,SAAK;IACb,SAAS,SAAiB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAEI,OAAO,SAAqB;IAEzD,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAElC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAE1B,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,kBAAkB,IAAI,IAAI;IAO1B,QAAQ,IAAI,IAAI;IAShB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,OAAO,CAAC,YAAY;yCAvEX,sBAAsB;2CAAtB,sBAAsB;CAoFlC"}
+{"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,gBAAgB,EAGhB,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,sBAAuB,YAAW,gBAAgB;IAClD,EAAE,SAAmC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,SAAgB;IAClC,mBAAmB,SAAc;IACjC,QAAQ,SAAK;IACb,SAAS,SAAiB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAEI,OAAO,SAAqB;IAEzD,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAElC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAE1B,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,kBAAkB,IAAI,IAAI;IAO1B,QAAQ,IAAI,IAAI;IAShB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,OAAO,CAAC,YAAY;yCAvEX,sBAAsB;2CAAtB,sBAAsB;CAoFlC"}

package/eui-list/eui-list-item/eui-list-item.component.d.ts

@@ -1,35 +1,28 @@
 import { QueryList, OnInit, ElementRef } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Highlightable, FocusableOption } from '@angular/cdk/a11y';
-import { BaseDirective } from '@eui/components/shared';
+import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiListComponent } from '../eui-list.component';
 import { EuiListService } from '../services/eui-list.service';
 import { EuiIconSvgComponent } from '@eui/components/eui-icon';
 import { EuiLabelComponent } from '@eui/components/eui-label';
 import * as i0 from "@angular/core";
-export declare class EuiListItemComponent extends BaseDirective implements OnInit, FocusableOption, Highlightable {
+import * as i1 from "@eui/components/shared";
+export declare class EuiListItemComponent implements OnInit, FocusableOption, Highlightable {
+    baseStatesDirective: BaseStatesDirective;
     private euiListService;
     private elementRef;
     get cssClasses(): string;
     role: string;
+    e2eAttr: string;
     tabindex: string;
     euiListComponent: QueryList<EuiListComponent>;
     euiIconSvgComponent: QueryList<EuiIconSvgComponent>;
     euiLabelComponent: QueryList<EuiLabelComponent>;
-    /**
-     * Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2
-     */
     disabled: boolean;
-    get isCollapsible(): boolean;
-    set isCollapsible(value: BooleanInput);
-    private _isCollapsible;
-    get isCollapsed(): boolean;
-    set isCollapsed(value: BooleanInput);
-    private _isCollapsed;
-    get isActive(): boolean;
-    set isActive(value: BooleanInput);
-    private _isActive;
-    constructor(euiListService: EuiListService, elementRef: ElementRef);
+    isCollapsible: boolean;
+    isCollapsed: boolean;
+    isActive: boolean;
+    constructor(baseStatesDirective: BaseStatesDirective, euiListService: EuiListService, elementRef: ElementRef);
     ngOnInit(): void;
     toggleCollapse(event: MouseEvent): void;
     focus(): void;
@@ -37,6 +30,10 @@ export declare class EuiListItemComponent extends BaseDirective implements OnIni
     setActiveStyles(): void;
     setInactiveStyles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["euiListComponent", "euiIconSvgComponent", "euiLabelComponent"], ["eui-icon-svg", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["euiListComponent", "euiIconSvgComponent", "euiLabelComponent"], ["eui-icon-svg", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; }; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_isCollapsible: unknown;
+    static ngAcceptInputType_isCollapsed: unknown;
+    static ngAcceptInputType_isActive: unknown;
 }
 //# sourceMappingURL=eui-list-item.component.d.ts.map

package/eui-list/eui-list-item/eui-list-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,EACN,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;;AAE9D,qBAOa,oBAAqB,SAAQ,aAAc,YAAW,MAAM,EAAE,eAAe,EAAE,aAAa;IA8CjG,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,UAAU;IA9CtB,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAc;IACd,QAAQ,SAAQ;IAEO,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACtD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEtG;;OAEG;IACM,QAAQ,UAAS;IAE1B,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IACD,OAAO,CAAC,cAAc,CAAS;IAE/B,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,OAAO,CAAC,YAAY,CAAQ;IAE5B,IACI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,YAAY,EAE/B;IACD,OAAO,CAAC,SAAS,CAAS;gBAGd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU;IAKlC,QAAQ,IAAI,IAAI;IAIT,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUvC,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAIb,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCA9EvB,oBAAoB;2CAApB,oBAAoB;CAiFhC"}
+{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,EACN,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;;;AAE9D,qBAsBa,oBAAqB,YAAW,MAAM,EAAE,eAAe,EAAE,aAAa;IAuBpE,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,UAAU;IAxBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;IAEO,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACtD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE9D,QAAQ,UAAS;IACjB,aAAa,UAAS;IACtB,WAAW,UAAQ;IACnB,QAAQ,UAAS;gBAG9C,mBAAmB,EAAE,mBAAmB,EACvC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU;IAIlC,QAAQ,IAAI,IAAI;IAIT,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUvC,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAIb,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAvDvB,oBAAoB;2CAApB,oBAAoB;uCA2D26xB,OAAQ;4CAAR,OAAQ;0CAAR,OAAQ;uCAAR,OAAQ;CADn9xB"}

package/eui-list/eui-list.component.d.ts

@@ -1,25 +1,22 @@
 import { OnInit, AfterContentInit, QueryList } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { BaseDirective } from '@eui/components/shared';
 import { EuiListService } from './services/eui-list.service';
 import { EuiListItemComponent } from './eui-list-item/eui-list-item.component';
 import * as i0 from "@angular/core";
-export declare class EuiListComponent extends BaseDirective implements OnInit, AfterContentInit {
+export declare class EuiListComponent implements OnInit, AfterContentInit {
     private euiListService;
-    get isCollapsible(): boolean;
-    set isCollapsible(value: BooleanInput);
+    isCollapsible: boolean;
     get cssClasses(): string;
     role: string;
     tabIndex: string;
     items: QueryList<EuiListItemComponent>;
     nestedItems: QueryList<EuiListItemComponent>;
     private focusKeyManager;
-    private _isCollapsible;
     constructor(euiListService: EuiListService);
     onKeydown(event: KeyboardEvent): void;
     ngOnInit(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EuiListComponent, "[euiList], eui-list", never, { "isCollapsible": { "alias": "isCollapsible"; "required": false; }; }, {}, ["items"], ["*"], false, never>;
+    static ngAcceptInputType_isCollapsible: unknown;
 }
 //# sourceMappingURL=eui-list.component.d.ts.map

package/eui-list/eui-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,gBAAgB,EAGhB,SAAS,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;;AAE/E,qBAOa,gBAAiB,SAAQ,aAAc,YAAW,MAAM,EAAE,gBAAgB;IAqBvE,OAAO,CAAC,cAAc;IApBlC,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IAED,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAU;IACV,QAAQ,EAAE,MAAM,CAAC;IACiC,KAAK,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAChH,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,OAAO,CAAC,eAAe,CAAwC;IAC/D,OAAO,CAAC,cAAc,CAAS;gBAEX,cAAc,EAAE,cAAc;IAKlD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAmDrC,QAAQ,IAAI,IAAI;IAMhB,kBAAkB,IAAI,IAAI;yCAnFjB,gBAAgB;2CAAhB,gBAAgB;CAgG5B"}
+{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,gBAAgB,EAGhB,SAAS,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;;AAE/E,qBAOa,gBAAiB,YAAW,MAAM,EAAE,gBAAgB;IAcjD,OAAO,CAAC,cAAc;IAbM,aAAa,UAAS;IAE9D,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAU;IACV,QAAQ,EAAE,MAAM,CAAC;IACiC,KAAK,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAChH,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,OAAO,CAAC,eAAe,CAAwC;gBAE3C,cAAc,EAAE,cAAc;IAIlD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAmDrC,QAAQ,IAAI,IAAI;IAMhB,kBAAkB,IAAI,IAAI;yCA3EjB,gBAAgB;2CAAhB,gBAAgB;4CAyFs+vB,OAAQ;CAD1gwB"}

package/eui-menu/eui-menu-item.component.d.ts

@@ -1,14 +1,21 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
+import { FocusableOption } from '@angular/cdk/a11y';
 import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiMenuItem } from '@eui/base';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
-export declare class EuiMenuItemComponent implements OnInit {
+export declare class EuiMenuItemComponent implements OnInit, FocusableOption {
     baseStatesDirective: BaseStatesDirective;
+    private elementRef;
     role: string;
     ariaLabel: string;
     get cssClasses(): string;
+    tabindex: string;
+    get ariaHasPopup(): boolean;
+    get ariaExpanded(): boolean;
+    get ariaDisabled(): boolean;
     item: EuiMenuItem;
+    parent: EuiMenuItem;
     expandToggle: EventEmitter<EuiMenuItem>;
     itemClick: EventEmitter<EuiMenuItem>;
     expandMenuLabel: string;
@@ -17,18 +24,23 @@ export declare class EuiMenuItemComponent implements OnInit {
     isLinkItem: boolean;
     isLabelItem: boolean;
     isCategoryItem: boolean;
+    isActionIconFocused: boolean;
     hasIcon: boolean;
     hasTooltip: boolean;
     isCollapsed: boolean;
     hasCollapsedInitials: boolean;
     isLabelLowercase: boolean;
-    constructor(baseStatesDirective: BaseStatesDirective);
+    constructor(baseStatesDirective: BaseStatesDirective, elementRef: ElementRef);
     ngOnInit(): void;
     stopPropagation(event: Event): void;
     get menuItemTooltip(): string;
     onClick(event: Event): void;
     onExpandToggle(event: Event): void;
-    onActionIconClick($event: MouseEvent): void;
+    onActionIconClick(event: MouseEvent): void;
+    onActionIconKeyDown(event: KeyboardEvent): void;
+    focusActionIcon(): void;
+    onActionIconFocusOut(): void;
+    focus(): void;
     private getTooltipFromItem;
     private getAriaLabel;
     /**
@@ -37,7 +49,7 @@ export declare class EuiMenuItemComponent implements OnInit {
      */
     private getCssClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_hasIcon: unknown;
     static ngAcceptInputType_hasTooltip: unknown;
     static ngAcceptInputType_isCollapsed: unknown;

package/eui-menu/eui-menu-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EAET,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAExC,qBAWa,oBAAqB,YAAW,MAAM;IA4B5B,mBAAmB,EAAE,mBAAmB;IA1BjC,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAEQ,IAAI,EAAE,WAAW,CAAC;IACjB,YAAY,4BAAmC;IAC/C,SAAS,4BAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,cAAc,UAAS;IAEiB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;gBAE9C,mBAAmB,EAAE,mBAAmB;IAE3D,QAAQ,IAAI,IAAI;IAWT,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1C,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAKlD,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCArGZ,oBAAoB;2CAApB,oBAAoB;sCA4Gw+vB,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADhhwB"}
+{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EAEN,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAExC,qBAWa,oBAAqB,YAAW,MAAM,EAAE,eAAe;IA+C7C,mBAAmB,EAAE,mBAAmB;IAAE,OAAO,CAAC,UAAU;IA7CrD,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAM1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACnB,YAAY,4BAAmC;IAC/C,SAAS,4BAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAEY,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;gBAE9C,mBAAmB,EAAE,mBAAmB,EAAU,UAAU,EAAE,UAAU;IAE3F,QAAQ,IAAI,IAAI;IAWT,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1C,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAM3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKjD,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAOxC,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA7IZ,oBAAoB;2CAApB,oBAAoB;sCAoJ6utB,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADrxtB"}

package/eui-menu/eui-menu.component.d.ts

@@ -1,13 +1,16 @@
-import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { BaseStatesDirective } from '@eui/components/shared';
+import { EuiMenuItemComponent } from './eui-menu-item.component';
 import { EuiMenuItem } from '@eui/base';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
-export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
+export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     private router;
     private route;
     baseStatesDirective: BaseStatesDirective;
+    private cd;
+    focusableItems: QueryList<EuiMenuItemComponent>;
     get cssClasses(): string;
     items: EuiMenuItem[];
     searchFilterLabel: string;
@@ -27,10 +30,13 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
     itemClick: EventEmitter<EuiMenuItem>;
     itemsState: any[];
     private subscription;
-    constructor(router: Router, route: ActivatedRoute, baseStatesDirective: BaseStatesDirective);
+    private focusKeyManager;
+    constructor(router: Router, route: ActivatedRoute, baseStatesDirective: BaseStatesDirective, cd: ChangeDetectorRef);
     stopPropagation(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onClick(item: EuiMenuItem): void;
     onExpandToggle(item: EuiMenuItem): void;
@@ -38,6 +44,33 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
     onFilter(event: Event): any;
     onFilter(value: string): any;
     private _onToggleExpandAllItems;
+    /**
+     * finds the EuiMenuItemComponent in the queried focusableItems[] that  matches the passed EuiMenuItem object
+     *
+     * @param menuItem an EuiMenuItem
+     * @private
+     */
+    private findFocusableItem;
+    /**
+     * finds the first item that is filtered
+     *
+     * @param menuItems an array of EuiMenuItem
+     * @private
+     */
+    private findFirstFilteredItem;
+    /**
+     * finds all filtered menu items
+     *
+     * @param menuItems an array of EuiMenuItem
+     * @private
+     */
+    private findFilteredItems;
+    /**
+     * checks the focus state of the action icon
+     *
+     * @private
+     */
+    private checkActionIconFocusState;
     /**
      * filter all menu items given a value
      *

package/eui-menu/eui-menu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,SAAS,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAuC,MAAM,iBAAiB,CAAC;AAI9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAKxC,qBAWa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAmC7D,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,KAAK;IACN,mBAAmB,EAAE,mBAAmB;IApCnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAEQ,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,SAAM;IAEc,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,UAAS;IACf,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAExD,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IACpD,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAmC;IAIjF,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,OAAO,CAAC,YAAY,CAAe;gBAGvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACtB,mBAAmB,EAAE,mBAAmB;IAInD,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAInC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IA6BzC,QAAQ,IAAI,IAAI;IAkChB,WAAW,IAAG,IAAI;IAMX,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IA6BhC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKvC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI1C,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAU7B,OAAO,CAAC,uBAAuB;IAI/B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAevB;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;IAU7B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAavB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAiCtB;;;;;;;OAOG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;yCAzThB,gBAAgB;2CAAhB,gBAAgB;0CAgUy2f,OAAQ;mDAAR,OAAQ;wCAAR,OAAQ;uCAAR,OAAQ;yCAAR,OAAQ;6CAAR,OAAQ;qCAAR,OAAQ;8CAAR,OAAQ;gDAAR,OAAQ;CAD74f"}
+{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,SAAS,EACT,aAAa,EAEb,SAAS,EACT,iBAAiB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAuC,MAAM,iBAAiB,CAAC;AAO9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AACxC,qBAWa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa;IAsC5E,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,KAAK;IACN,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,EAAE;IAxCsB,cAAc,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEpF,IACW,UAAU,IAAI,MAAM,CAM9B;IAEQ,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,SAAM;IAEc,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,UAAS;IACf,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAExD,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IACpD,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAmC;IAIjF,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,eAAe,CAAwC;gBAGnD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACtB,mBAAmB,EAAE,mBAAmB,EACvC,EAAE,EAAE,iBAAiB;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKnC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqGrC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IA6BzC,QAAQ,IAAI,IAAI;IAkChB,eAAe,IAAI,IAAI;IAKvB,WAAW,IAAG,IAAI;IAMX,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAgChC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKvC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI1C,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAU7B,OAAO,CAAC,uBAAuB;IAI/B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAI7B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IAKjC;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAevB;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;IAU7B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAavB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAiCtB;;;;;;;OAOG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;yCArdhB,gBAAgB;2CAAhB,gBAAgB;0CA4d8/Q,OAAQ;mDAAR,OAAQ;wCAAR,OAAQ;uCAAR,OAAQ;yCAAR,OAAQ;6CAAR,OAAQ;qCAAR,OAAQ;8CAAR,OAAQ;gDAAR,OAAQ;CADliR"}

package/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EuiPageHeaderActionItemsComponent {
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageHeaderActionItemsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageHeaderActionItemsComponent, "eui-page-header-action-items", never, {}, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=eui-page-header-action-items.component.d.ts.map

package/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-page-header-action-items.component.d.ts","sourceRoot":"","sources":["../../../../../eui-page/components/eui-page-header/components/eui-page-header-action-items.component.ts"],"names":[],"mappings":";AAEA,qBAKa,iCAAiC;IAC1C,IACI,UAAU,IAAI,MAAM,CAEvB;yCAJQ,iCAAiC;2CAAjC,iCAAiC;CAK7C"}

package/eui-page/components/eui-page-header/components/eui-page-header-body.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EuiPageHeaderBodyComponent {
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageHeaderBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageHeaderBodyComponent, "eui-page-header-body", never, {}, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=eui-page-header-body.component.d.ts.map

package/eui-page/components/eui-page-header/components/eui-page-header-body.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-page-header-body.component.d.ts","sourceRoot":"","sources":["../../../../../eui-page/components/eui-page-header/components/eui-page-header-body.component.ts"],"names":[],"mappings":";AAEA,qBAKa,0BAA0B;IACnC,IACI,UAAU,IAAI,MAAM,CAEvB;yCAJQ,0BAA0B;2CAA1B,0BAA0B;CAKtC"}

package/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EuiPageHeaderSubLabelComponent {
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageHeaderSubLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageHeaderSubLabelComponent, "eui-page-header-sub-label", never, {}, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=eui-page-header-sub-label.component.d.ts.map

package/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-page-header-sub-label.component.d.ts","sourceRoot":"","sources":["../../../../../eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.ts"],"names":[],"mappings":";AAEA,qBAKa,8BAA8B;IACvC,IACI,UAAU,IAAI,MAAM,CAEvB;yCAJQ,8BAA8B;2CAA9B,8BAA8B;CAK1C"}

package/eui-page/components/eui-page-header/eui-page-header.component.d.ts

@@ -9,24 +9,15 @@ export declare class EuiPageHeaderComponent {
     isCollapsible: boolean;
     isCollapsed: boolean;
     isHeaderMultilines: boolean;
+    headerBodyContent: QueryList<EuiPageHeaderComponent>;
     collapsedLabel: string;
     expandedLabel: string;
     collapse: EventEmitter<boolean>;
-    customPageHeaderActionItemsContent: QueryList<EuiPageHeaderActionItemsContentDirective>;
-    customPageHeaderBodyContent: QueryList<EuiPageBodyContentDirective>;
     onToggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageHeaderComponent, "eui-page-header", never, { "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "subLabelTooltip": { "alias": "subLabelTooltip"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isHeaderMultilines": { "alias": "isHeaderMultilines"; "required": false; }; "collapsedLabel": { "alias": "collapsedLabel"; "required": false; }; "expandedLabel": { "alias": "expandedLabel"; "required": false; }; }, { "collapse": "collapse"; }, ["customPageHeaderActionItemsContent", "customPageHeaderBodyContent"], ["eui-page-header-action-items", "eui-page-header-body"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageHeaderComponent, "eui-page-header", never, { "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "subLabelTooltip": { "alias": "subLabelTooltip"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isHeaderMultilines": { "alias": "isHeaderMultilines"; "required": false; }; "collapsedLabel": { "alias": "collapsedLabel"; "required": false; }; "expandedLabel": { "alias": "expandedLabel"; "required": false; }; }, { "collapse": "collapse"; }, ["headerBodyContent"], ["eui-page-header-action-items", "eui-page-header-sub-label", "eui-page-header-body"], false, never>;
     static ngAcceptInputType_isCollapsible: unknown;
     static ngAcceptInputType_isCollapsed: unknown;
     static ngAcceptInputType_isHeaderMultilines: unknown;
 }
-export declare class EuiPageHeaderActionItemsContentDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageHeaderActionItemsContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EuiPageHeaderActionItemsContentDirective, "eui-page-header-action-items", never, {}, {}, never, never, false, never>;
-}
-export declare class EuiPageBodyContentDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageBodyContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EuiPageBodyContentDirective, "eui-page-header-body", never, {}, {}, never, never, false, never>;
-}
 //# sourceMappingURL=eui-page-header.component.d.ts.map

package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-header/eui-page-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASH,SAAS,EAET,YAAY,EAEf,MAAM,eAAe,CAAC;;AAEvB,qBAMa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CASvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,YAAY,MAAC;IACb,eAAe,MAAC;IAIe,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAE1D,cAAc,SAAM;IACpB,aAAa,SAAM;IAClB,QAAQ,wBAA+B;IAEjD,kCAAkC,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAE3B,2BAA2B,EAAE,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAE1H,QAAQ,IAAI,IAAI;yCAhCd,sBAAsB;2CAAtB,sBAAsB;4CA6C+5zB,OAAQ;0CAAR,OAAQ;iDAAR,OAAQ;CATz8zB;AAGD,qBACa,wCAAwC;yCAAxC,wCAAwC;2CAAxC,wCAAwC;CAAI;AAEzD,qBACa,2BAA2B;yCAA3B,2BAA2B;2CAA3B,2BAA2B;CAAI"}
+{"version":3,"file":"eui-page-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-header/eui-page-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQH,SAAS,EAET,YAAY,EAEf,MAAM,eAAe,CAAC;;AAEvB,qBAMa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CASvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,YAAY,MAAC;IACb,eAAe,MAAC;IAIe,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAEX,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAEpG,cAAc,SAAM;IACpB,aAAa,SAAM;IAClB,QAAQ,wBAA+B;IAE1C,QAAQ,IAAI,IAAI;yCA9Bd,sBAAsB;2CAAtB,sBAAsB;4CAmCy20B,OAAQ;0CAAR,OAAQ;iDAAR,OAAQ;CADn50B"}

package/eui-page/eui-page.module.d.ts

@@ -4,18 +4,21 @@ import * as i2 from "./components/eui-page-column/eui-page-column.component";
 import * as i3 from "./components/eui-page-columns/eui-page-columns.component";
 import * as i4 from "./components/eui-page-content/eui-page-content.component";
 import * as i5 from "./components/eui-page-header/eui-page-header.component";
-import * as i6 from "./components/eui-page-hero-header/eui-page-hero-header.component";
-import * as i7 from "./components/eui-page-footer/eui-page-footer.component";
-import * as i8 from "./components/eui-page-breadcrumb/eui-page-breadcrumb.component";
-import * as i9 from "./components/eui-page-top-content/eui-page-top-content.component";
-import * as i10 from "@angular/common";
-import * as i11 from "@eui/components/eui-button";
-import * as i12 from "@eui/components/eui-icon";
-import * as i13 from "@angular/cdk/scrolling";
-import * as i14 from "@eui/components/directives";
+import * as i6 from "./components/eui-page-header/components/eui-page-header-sub-label.component";
+import * as i7 from "./components/eui-page-header/components/eui-page-header-body.component";
+import * as i8 from "./components/eui-page-header/components/eui-page-header-action-items.component";
+import * as i9 from "./components/eui-page-hero-header/eui-page-hero-header.component";
+import * as i10 from "./components/eui-page-footer/eui-page-footer.component";
+import * as i11 from "./components/eui-page-breadcrumb/eui-page-breadcrumb.component";
+import * as i12 from "./components/eui-page-top-content/eui-page-top-content.component";
+import * as i13 from "@angular/common";
+import * as i14 from "@eui/components/eui-button";
+import * as i15 from "@eui/components/eui-icon";
+import * as i16 from "@angular/cdk/scrolling";
+import * as i17 from "@eui/components/directives";
 export declare class EuiPageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiPageModule, [typeof i1.EuiPageComponent, typeof i2.EuiPageColumnComponent, typeof i2.EuiPageColumnHeaderBodyContentDirective, typeof i2.EuiPageColumnHeaderLeftContentDirective, typeof i2.EuiPageColumnHeaderRightContentDirective, typeof i2.EuiPageColumnHeaderCollapsedContentDirective, typeof i2.EuiPageColumnBodyContentDirective, typeof i2.EuiPageColumnFooterContentDirective, typeof i3.EuiPageColumnsComponent, typeof i4.EuiPageContentComponent, typeof i5.EuiPageHeaderComponent, typeof i5.EuiPageHeaderActionItemsContentDirective, typeof i5.EuiPageBodyContentDirective, typeof i6.EuiPageHeroHeaderComponent, typeof i7.EuiPageFooterComponent, typeof i8.EuiPageBreadcrumbComponent, typeof i9.EuiPageTopContentComponent], [typeof i10.CommonModule, typeof i11.EuiButtonModule, typeof i12.EuiIconModule, typeof i13.CdkScrollableModule, typeof i14.EuiResizableDirectiveModule, typeof i14.EuiTooltipDirectiveModule], [typeof i1.EuiPageComponent, typeof i2.EuiPageColumnComponent, typeof i2.EuiPageColumnHeaderBodyContentDirective, typeof i2.EuiPageColumnHeaderLeftContentDirective, typeof i2.EuiPageColumnHeaderRightContentDirective, typeof i2.EuiPageColumnHeaderCollapsedContentDirective, typeof i2.EuiPageColumnBodyContentDirective, typeof i2.EuiPageColumnFooterContentDirective, typeof i3.EuiPageColumnsComponent, typeof i4.EuiPageContentComponent, typeof i5.EuiPageHeaderComponent, typeof i5.EuiPageHeaderActionItemsContentDirective, typeof i5.EuiPageBodyContentDirective, typeof i6.EuiPageHeroHeaderComponent, typeof i7.EuiPageFooterComponent, typeof i8.EuiPageBreadcrumbComponent, typeof i9.EuiPageTopContentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiPageModule, [typeof i1.EuiPageComponent, typeof i2.EuiPageColumnComponent, typeof i2.EuiPageColumnHeaderBodyContentDirective, typeof i2.EuiPageColumnHeaderLeftContentDirective, typeof i2.EuiPageColumnHeaderRightContentDirective, typeof i2.EuiPageColumnHeaderCollapsedContentDirective, typeof i2.EuiPageColumnBodyContentDirective, typeof i2.EuiPageColumnFooterContentDirective, typeof i3.EuiPageColumnsComponent, typeof i4.EuiPageContentComponent, typeof i5.EuiPageHeaderComponent, typeof i6.EuiPageHeaderSubLabelComponent, typeof i7.EuiPageHeaderBodyComponent, typeof i8.EuiPageHeaderActionItemsComponent, typeof i9.EuiPageHeroHeaderComponent, typeof i10.EuiPageFooterComponent, typeof i11.EuiPageBreadcrumbComponent, typeof i12.EuiPageTopContentComponent], [typeof i13.CommonModule, typeof i14.EuiButtonModule, typeof i15.EuiIconModule, typeof i16.CdkScrollableModule, typeof i17.EuiResizableDirectiveModule, typeof i17.EuiTooltipDirectiveModule], [typeof i1.EuiPageComponent, typeof i2.EuiPageColumnComponent, typeof i2.EuiPageColumnHeaderBodyContentDirective, typeof i2.EuiPageColumnHeaderLeftContentDirective, typeof i2.EuiPageColumnHeaderRightContentDirective, typeof i2.EuiPageColumnHeaderCollapsedContentDirective, typeof i2.EuiPageColumnBodyContentDirective, typeof i2.EuiPageColumnFooterContentDirective, typeof i3.EuiPageColumnsComponent, typeof i4.EuiPageContentComponent, typeof i5.EuiPageHeaderComponent, typeof i6.EuiPageHeaderSubLabelComponent, typeof i7.EuiPageHeaderBodyComponent, typeof i8.EuiPageHeaderActionItemsComponent, typeof i9.EuiPageHeroHeaderComponent, typeof i10.EuiPageFooterComponent, typeof i11.EuiPageBreadcrumbComponent, typeof i12.EuiPageTopContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EuiPageModule>;
 }
 //# sourceMappingURL=eui-page.module.d.ts.map

package/eui-page/eui-page.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page.module.d.ts","sourceRoot":"","sources":["../../eui-page/eui-page.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmDA,qBAYa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAG"}
+{"version":3,"file":"eui-page.module.d.ts","sourceRoot":"","sources":["../../eui-page/eui-page.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmDA,qBAYa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAG"}

package/eui-page/index.d.ts

@@ -4,6 +4,9 @@ export * from './components/eui-page-column/eui-page-column.component';
 export * from './components/eui-page-columns/eui-page-columns.component';
 export * from './components/eui-page-content/eui-page-content.component';
 export * from './components/eui-page-header/eui-page-header.component';
+export * from './components/eui-page-header/components/eui-page-header-sub-label.component';
+export * from './components/eui-page-header/components/eui-page-header-action-items.component';
+export * from './components/eui-page-header/components/eui-page-header-body.component';
 export * from './components/eui-page-hero-header/eui-page-hero-header.component';
 export * from './components/eui-page-footer/eui-page-footer.component';
 export * from './components/eui-page-breadcrumb/eui-page-breadcrumb.component';

package/eui-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../eui-page/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wDAAwD,CAAC;AACvE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,kEAAkE,CAAC;AACjF,cAAc,wDAAwD,CAAC;AACvE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../eui-page/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wDAAwD,CAAC;AACvE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,6EAA6E,CAAC;AAC5F,cAAc,gFAAgF,CAAC;AAC/F,cAAc,wEAAwE,CAAC;AACvF,cAAc,kEAAkE,CAAC;AACjF,cAAc,wDAAwD,CAAC;AACvE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC"}