@eui/components 15.5.6 → 15.5.7-snapshot-1706783900975

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/docs/components/EuiUserProfileComponent.html +1 -1
  2. package/docs/dependencies.html +2 -2
  3. package/docs/js/search/search_index.js +2 -2
  4. package/esm2020/eui-autocomplete/eui-autocomplete.component.mjs +4 -4
  5. package/esm2020/eui-popover/eui-popover.component.mjs +7 -2
  6. package/esm2020/layout/eui-user-profile/user-profile.component.mjs +3 -3
  7. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  8. package/fesm2015/eui-components-eui-autocomplete.mjs +3 -4
  9. package/fesm2015/eui-components-eui-autocomplete.mjs.map +1 -1
  10. package/fesm2015/eui-components-eui-popover.mjs +6 -1
  11. package/fesm2015/eui-components-eui-popover.mjs.map +1 -1
  12. package/fesm2015/eui-components-layout.mjs +2 -2
  13. package/fesm2015/eui-components-layout.mjs.map +1 -1
  14. package/fesm2020/eui-components-eui-autocomplete.mjs +3 -3
  15. package/fesm2020/eui-components-eui-autocomplete.mjs.map +1 -1
  16. package/fesm2020/eui-components-eui-popover.mjs +6 -1
  17. package/fesm2020/eui-components-eui-popover.mjs.map +1 -1
  18. package/fesm2020/eui-components-layout.mjs +2 -2
  19. package/fesm2020/eui-components-layout.mjs.map +1 -1
  20. package/package.json +2 -2
package/fesm2020/eui-components-layout.mjs CHANGED
@@ -664,10 +664,10 @@ class EuiUserProfileComponent {
664
664
  }
665
665
  }
666
666
  /** @nocollapse */ EuiUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EuiUserProfileComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component });
667
- /** @nocollapse */ EuiUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", hasMenu: "hasMenu", hasWelcomeLabel: "hasWelcomeLabel", euiUserProfileSizeS: "euiUserProfileSizeS", hasTabNavigation: "hasTabNavigation" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\">\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\" aria-label=\"Profile menu\">\n <div\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"(asService.state$ | async).userSubInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ (asService.state$ | async).userInfos }}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).impersonatedUserInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\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\">{{ (asService.state$ | async).userInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"(asService.state$ | async).impersonatedUserInfos\" class=\"eui-user-profile__avatar-shadow\">\n <div class=\"eui-user-profile__avatar eui-u-svg eui-u-svg--default-avatar\"></div>\n </div>\n\n <div\n *ngIf=\"!avatarUrl\"\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\" />\n </div>\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{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-toolbar-item .eui-user-profile__infos{margin-top:var(--eui-base-spacing-3xs);line-height:1.25}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-toolbar-item .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos--no-subinfos{display:flex}.eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;height:50px;margin-right:1rem;min-height:50px;min-width:50px;position:relative;width:50px;box-shadow:var(--eui-base-shadow-2)}.eui-user-profile__avatar-toggle{bottom:-23px;color:var(--eui-base-color-grey-25);cursor:pointer;right:14px;position:absolute}.eui-user-profile__avatar-toggle .eui-icon{font-size:var(--eui-base-font-size)}.eui-user-profile__avatar-toggle:hover{animation:none;color:var(--eui-base-color-primary-100)}.eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-user-profile__avatar img{background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;min-width:50px;margin-top:-3px;margin-left:-2px}.eui-user-profile__avatar-shadow{height:3rem;opacity:.5;position:relative;width:1.5rem}.eui-user-profile__avatar-shadow .eui-user-profile__avatar{border:2px solid var(--eui-base-color-grey-15)}@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--size-s .eui-user-profile__avatar{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.eui-user-profile--size-s .eui-user-profile__avatar-toggle{display:none}.eui-user-profile--size-s .eui-user-profile__avatar--offline,.eui-user-profile--size-s .eui-user-profile__avatar--online{border-color:var(--eui-base-color-grey-25)}.eui-user-profile--size-s .eui-user-profile__avatar-shadow{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:1.125rem;width:1.125rem}.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 .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs)}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:var(--eui-base-spacing-2xs) 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}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i5$1.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
667
+ /** @nocollapse */ EuiUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", hasMenu: "hasMenu", hasWelcomeLabel: "hasWelcomeLabel", euiUserProfileSizeS: "euiUserProfileSizeS", hasTabNavigation: "hasTabNavigation" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\">\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\" aria-label=\"Profile menu\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"(asService.state$ | async).userSubInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ (asService.state$ | async).userInfos }}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).impersonatedUserInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\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\">{{ (asService.state$ | async).userInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"(asService.state$ | async).impersonatedUserInfos\" class=\"eui-user-profile__avatar-shadow\">\n <div class=\"eui-user-profile__avatar eui-u-svg eui-u-svg--default-avatar\"></div>\n </div>\n\n <div\n *ngIf=\"!avatarUrl\"\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\" />\n </div>\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{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-toolbar-item .eui-user-profile__infos{margin-top:var(--eui-base-spacing-3xs);line-height:1.25}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-toolbar-item .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos--no-subinfos{display:flex}.eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;height:50px;margin-right:1rem;min-height:50px;min-width:50px;position:relative;width:50px;box-shadow:var(--eui-base-shadow-2)}.eui-user-profile__avatar-toggle{bottom:-23px;color:var(--eui-base-color-grey-25);cursor:pointer;right:14px;position:absolute}.eui-user-profile__avatar-toggle .eui-icon{font-size:var(--eui-base-font-size)}.eui-user-profile__avatar-toggle:hover{animation:none;color:var(--eui-base-color-primary-100)}.eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-user-profile__avatar img{background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;min-width:50px;margin-top:-3px;margin-left:-2px}.eui-user-profile__avatar-shadow{height:3rem;opacity:.5;position:relative;width:1.5rem}.eui-user-profile__avatar-shadow .eui-user-profile__avatar{border:2px solid var(--eui-base-color-grey-15)}@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--size-s .eui-user-profile__avatar{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.eui-user-profile--size-s .eui-user-profile__avatar-toggle{display:none}.eui-user-profile--size-s .eui-user-profile__avatar--offline,.eui-user-profile--size-s .eui-user-profile__avatar--online{border-color:var(--eui-base-color-grey-25)}.eui-user-profile--size-s .eui-user-profile__avatar-shadow{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:1.125rem;width:1.125rem}.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 .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs)}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:var(--eui-base-spacing-2xs) 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}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i5$1.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
668
668
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
669
669
  type: Component,
670
- args: [{ selector: 'eui-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\">\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\" aria-label=\"Profile menu\">\n <div\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"(asService.state$ | async).userSubInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ (asService.state$ | async).userInfos }}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).impersonatedUserInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\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\">{{ (asService.state$ | async).userInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"(asService.state$ | async).impersonatedUserInfos\" class=\"eui-user-profile__avatar-shadow\">\n <div class=\"eui-user-profile__avatar eui-u-svg eui-u-svg--default-avatar\"></div>\n </div>\n\n <div\n *ngIf=\"!avatarUrl\"\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\" />\n </div>\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{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-toolbar-item .eui-user-profile__infos{margin-top:var(--eui-base-spacing-3xs);line-height:1.25}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-toolbar-item .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos--no-subinfos{display:flex}.eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;height:50px;margin-right:1rem;min-height:50px;min-width:50px;position:relative;width:50px;box-shadow:var(--eui-base-shadow-2)}.eui-user-profile__avatar-toggle{bottom:-23px;color:var(--eui-base-color-grey-25);cursor:pointer;right:14px;position:absolute}.eui-user-profile__avatar-toggle .eui-icon{font-size:var(--eui-base-font-size)}.eui-user-profile__avatar-toggle:hover{animation:none;color:var(--eui-base-color-primary-100)}.eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-user-profile__avatar img{background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;min-width:50px;margin-top:-3px;margin-left:-2px}.eui-user-profile__avatar-shadow{height:3rem;opacity:.5;position:relative;width:1.5rem}.eui-user-profile__avatar-shadow .eui-user-profile__avatar{border:2px solid var(--eui-base-color-grey-15)}@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--size-s .eui-user-profile__avatar{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.eui-user-profile--size-s .eui-user-profile__avatar-toggle{display:none}.eui-user-profile--size-s .eui-user-profile__avatar--offline,.eui-user-profile--size-s .eui-user-profile__avatar--online{border-color:var(--eui-base-color-grey-25)}.eui-user-profile--size-s .eui-user-profile__avatar-shadow{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:1.125rem;width:1.125rem}.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 .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs)}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:var(--eui-base-spacing-2xs) 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}\n"] }]
670
+ args: [{ selector: 'eui-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\">\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\" aria-label=\"Profile menu\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"(asService.state$ | async).userSubInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ (asService.state$ | async).userInfos }}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).impersonatedUserInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\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\">{{ (asService.state$ | async).userInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"(asService.state$ | async).impersonatedUserInfos\" class=\"eui-user-profile__avatar-shadow\">\n <div class=\"eui-user-profile__avatar eui-u-svg eui-u-svg--default-avatar\"></div>\n </div>\n\n <div\n *ngIf=\"!avatarUrl\"\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\" />\n </div>\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{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-toolbar-item .eui-user-profile__infos{margin-top:var(--eui-base-spacing-3xs);line-height:1.25}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-welcome{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-toolbar-item .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-toolbar-item .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15);font-size:85%}.eui-user-profile__infos--no-subinfos{display:flex}.eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;height:50px;margin-right:1rem;min-height:50px;min-width:50px;position:relative;width:50px;box-shadow:var(--eui-base-shadow-2)}.eui-user-profile__avatar-toggle{bottom:-23px;color:var(--eui-base-color-grey-25);cursor:pointer;right:14px;position:absolute}.eui-user-profile__avatar-toggle .eui-icon{font-size:var(--eui-base-font-size)}.eui-user-profile__avatar-toggle:hover{animation:none;color:var(--eui-base-color-primary-100)}.eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-user-profile__avatar img{background-size:cover;border:2px solid var(--eui-base-color-info-75);border-radius:50%;min-width:50px;margin-top:-3px;margin-left:-2px}.eui-user-profile__avatar-shadow{height:3rem;opacity:.5;position:relative;width:1.5rem}.eui-user-profile__avatar-shadow .eui-user-profile__avatar{border:2px solid var(--eui-base-color-grey-15)}@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--size-s .eui-user-profile__avatar{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.eui-user-profile--size-s .eui-user-profile__avatar-toggle{display:none}.eui-user-profile--size-s .eui-user-profile__avatar--offline,.eui-user-profile--size-s .eui-user-profile__avatar--online{border-color:var(--eui-base-color-grey-25)}.eui-user-profile--size-s .eui-user-profile__avatar-shadow{border-width:2px;box-shadow:none;height:2.5rem;margin:0;min-height:2.5rem;min-width:1.125rem;width:1.125rem}.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 .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs)}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:var(--eui-base-spacing-2xs) 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}\n"] }]
671
671
  }], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { welcomeLabel: [{
672
672
  type: Input
673
673
  }], impersonateLabel: [{