@eui/components 15.0.0-rc.12 → 15.0.0-rc.13
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.
- package/docs/components/EuiHeaderUserProfileComponent.html +34 -1
- package/docs/components/EuiSidebarMenuComponent.html +1 -1
- package/docs/components/EuiToolbarItemUserProfileComponent.html +34 -1
- package/docs/components/EuiUserProfileComponent.html +26 -2
- package/docs/components/UxTreeNodeComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +15 -15
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +19 -19
- package/docs/modules/EuiAllModule.html +6 -0
- package/docs/modules/EuiAppModule.html +6 -0
- package/docs/modules/EuiLayoutModule.html +6 -0
- package/docs/modules/EuiSidebarMenuModule.html +1 -1
- package/esm2020/eui-all/eui-all.module.mjs +9 -4
- package/esm2020/eui-sidebar-menu/eui-components-eui-sidebar-menu.mjs +5 -0
- package/esm2020/{layout/eui-sidebar-menu → eui-sidebar-menu}/eui-sidebar-menu.component.mjs +1 -1
- package/esm2020/{layout/eui-sidebar-menu → eui-sidebar-menu}/eui-sidebar-menu.module.mjs +1 -1
- package/esm2020/eui-sidebar-menu/index.mjs +3 -0
- package/esm2020/layout/eui-header/header-user-profile/header-user-profile.component.mjs +13 -8
- package/esm2020/layout/eui-layout.module.mjs +4 -9
- package/esm2020/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +11 -7
- package/esm2020/layout/eui-user-profile/user-profile.component.mjs +12 -10
- package/esm2020/layout/index.mjs +1 -2
- package/esm2020/legacy/ux-dropdown-tree/ux-dropdown-tree.component.mjs +2 -2
- package/esm2020/legacy/ux-tree/ux-tree.component.mjs +11 -11
- package/eui-all/eui-all.module.d.ts +2 -1
- package/eui-all/eui-all.module.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-components-eui-sidebar-menu.d.ts.map +1 -0
- package/{layout/eui-sidebar-menu → eui-sidebar-menu}/eui-sidebar-menu.component.d.ts +0 -0
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -0
- package/{layout/eui-sidebar-menu → eui-sidebar-menu}/eui-sidebar-menu.module.d.ts +0 -0
- package/eui-sidebar-menu/eui-sidebar-menu.module.d.ts.map +1 -0
- package/{layout/eui-sidebar-menu → eui-sidebar-menu}/index.d.ts +0 -0
- package/eui-sidebar-menu/index.d.ts.map +1 -0
- package/fesm2015/eui-components-eui-all.mjs +8 -3
- package/fesm2015/eui-components-eui-all.mjs.map +1 -1
- package/fesm2015/eui-components-eui-sidebar-menu.mjs +117 -0
- package/fesm2015/eui-components-eui-sidebar-menu.mjs.map +1 -0
- package/fesm2015/eui-components-layout.mjs +45 -142
- package/fesm2015/eui-components-layout.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-dropdown-tree.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-dropdown-tree.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-tree.mjs +10 -10
- package/fesm2015/eui-components-legacy-ux-tree.mjs.map +1 -1
- package/fesm2020/eui-components-eui-all.mjs +8 -3
- package/fesm2020/eui-components-eui-all.mjs.map +1 -1
- package/fesm2020/eui-components-eui-sidebar-menu.mjs +117 -0
- package/fesm2020/eui-components-eui-sidebar-menu.mjs.map +1 -0
- package/fesm2020/eui-components-layout.mjs +45 -142
- package/fesm2020/eui-components-layout.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-dropdown-tree.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-dropdown-tree.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-tree.mjs +10 -10
- package/fesm2020/eui-components-legacy-ux-tree.mjs.map +1 -1
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts +7 -4
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-layout.module.d.ts +1 -2
- package/layout/eui-layout.module.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.d.ts +7 -4
- package/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.d.ts.map +1 -1
- package/layout/eui-user-profile/user-profile.component.d.ts +7 -6
- package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
- package/layout/index.d.ts +0 -1
- package/layout/index.d.ts.map +1 -1
- package/legacy/ux-tree/ux-tree.component.d.ts.map +1 -1
- package/package.json +9 -1
- package/esm2020/layout/eui-sidebar-menu/index.mjs +0 -3
- package/layout/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +0 -1
- package/layout/eui-sidebar-menu/eui-sidebar-menu.module.d.ts.map +0 -1
- package/layout/eui-sidebar-menu/index.d.ts.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i2$1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, HostBinding, HostListener, EventEmitter, Input, Output, NgModule, Inject,
|
|
4
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, HostBinding, HostListener, EventEmitter, Input, Output, NgModule, Inject, ContentChildren, forwardRef, ContentChild, Directive, ElementRef, ViewChild, QueryList, ComponentRef, ViewContainerRef, Injectable } from '@angular/core';
|
|
5
5
|
import * as i1$2 from '@angular/router';
|
|
6
6
|
import { RouterModule } from '@angular/router';
|
|
7
7
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
@@ -296,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
296
296
|
args: ['class']
|
|
297
297
|
}] } });
|
|
298
298
|
|
|
299
|
-
const COMPONENTS$
|
|
299
|
+
const COMPONENTS$4 = [
|
|
300
300
|
EuiAppSidebarComponent,
|
|
301
301
|
EuiAppSidebarHeaderComponent,
|
|
302
302
|
EuiAppSidebarBodyComponent,
|
|
@@ -341,10 +341,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
341
341
|
EuiCoerceBooleanPipeModule,
|
|
342
342
|
],
|
|
343
343
|
declarations: [
|
|
344
|
-
...COMPONENTS$
|
|
344
|
+
...COMPONENTS$4,
|
|
345
345
|
],
|
|
346
346
|
exports: [
|
|
347
|
-
...COMPONENTS$
|
|
347
|
+
...COMPONENTS$4,
|
|
348
348
|
],
|
|
349
349
|
}]
|
|
350
350
|
}] });
|
|
@@ -604,11 +604,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
604
604
|
class EuiUserProfileComponent {
|
|
605
605
|
constructor(asService) {
|
|
606
606
|
this.asService = asService;
|
|
607
|
-
this._hasWelcomeLabel = false;
|
|
608
|
-
this.welcomeLabel = 'Welcome';
|
|
609
|
-
this.impersonateLabel = 'impersonating';
|
|
610
607
|
this._euiUserProfileSizeS = false;
|
|
611
608
|
this.isOnline = true;
|
|
609
|
+
this.welcomeLabel = 'Welcome';
|
|
610
|
+
this.impersonateLabel = 'impersonating';
|
|
611
|
+
this.hasMenu = true;
|
|
612
|
+
this._hasWelcomeLabel = false;
|
|
612
613
|
}
|
|
613
614
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
614
615
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
@@ -625,18 +626,20 @@ class EuiUserProfileComponent {
|
|
|
625
626
|
}
|
|
626
627
|
}
|
|
627
628
|
/** @nocollapse */ EuiUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiUserProfileComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component });
|
|
628
|
-
/** @nocollapse */ EuiUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { hasWelcomeLabel: "hasWelcomeLabel", welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", euiUserProfileSizeS: "euiUserProfileSizeS" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<eui-dropdown width=\"340px\">\n <div class=\"eui-user-profile-content\">\n <div class=\"eui-user-profile__infos\" [class.eui-user-profile__infos--no-subinfos]=\"!(asService.getState('userSubInfos') | async | coerceBool) && !hasWelcomeLabel\">\n <ng-template [ngIf]=\"!(asService.getState('impersonatedUserInfos') | async | coerceBool)\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('userInfos') | async}}</span>\n </div>\n </div>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n\n <ng-template [ngIf]=\"asService.getState('impersonatedUserInfos') | async\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <strong>{{asService.getState('userInfos') | async}}</strong>\n {{impersonateLabel}}\n </div>\n </div>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('impersonatedUserInfos') | async}}</span>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__avatar-shadow\">\n <div class=\"eui-user-profile__avatar\"></div>\n </div>\n <div *ngIf=\"!avatarUrl\" class=\"eui-user-profile__avatar\" [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\">\n </div>\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar\">\n <img [src]=\"avatarUrl\" alt=\"avatar\"/>\n </div>\n </div>\n\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n</eui-dropdown>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;cursor:pointer;display:flex}.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);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.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: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
629
|
+
/** @nocollapse */ EuiUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", hasMenu: "hasMenu", hasWelcomeLabel: "hasWelcomeLabel", euiUserProfileSizeS: "euiUserProfileSizeS" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown 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 <div class=\"eui-user-profile-content\">\n <div class=\"eui-user-profile__infos\" [class.eui-user-profile__infos--no-subinfos]=\"(asService.getState('userSubInfos') | async) === '' && !hasWelcomeLabel\">\n <ng-template [ngIf]=\"(asService.getState('impersonatedUserInfos') | async) === ''\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('userInfos') | async}}</span>\n </div>\n </div>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n\n <ng-template [ngIf]=\"(asService.getState('impersonatedUserInfos') | async) !== ''\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <strong>{{asService.getState('userInfos') | async}}</strong>\n {{impersonateLabel}}\n </div>\n </div>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('impersonatedUserInfos') | async}}</span>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" 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 <div *ngIf=\"!avatarUrl\" class=\"eui-user-profile__avatar\" [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\">\n </div>\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;cursor:pointer;display:flex}.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);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.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.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
629
630
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
|
|
630
631
|
type: Component,
|
|
631
|
-
args: [{ selector: 'eui-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-dropdown width=\"340px\">\n <div class=\"eui-user-profile-content\">\n <div class=\"eui-user-profile__infos\" [class.eui-user-profile__infos--no-subinfos]=\"
|
|
632
|
-
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: {
|
|
633
|
-
type: Input
|
|
634
|
-
}], welcomeLabel: [{
|
|
632
|
+
args: [{ selector: 'eui-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown 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 <div class=\"eui-user-profile-content\">\n <div class=\"eui-user-profile__infos\" [class.eui-user-profile__infos--no-subinfos]=\"(asService.getState('userSubInfos') | async) === '' && !hasWelcomeLabel\">\n <ng-template [ngIf]=\"(asService.getState('impersonatedUserInfos') | async) === ''\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('userInfos') | async}}</span>\n </div>\n </div>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n\n <ng-template [ngIf]=\"(asService.getState('impersonatedUserInfos') | async) !== ''\">\n <div class=\"eui-user-profile__infos-container\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span *ngIf=\"hasWelcomeLabel\">{{welcomeLabel}} </span>\n <strong>{{asService.getState('userInfos') | async}}</strong>\n {{impersonateLabel}}\n </div>\n </div>\n <span class=\"eui-user-profile__infos-name\">{{asService.getState('impersonatedUserInfos') | async}}</span>\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{asService.getState('userSubInfos') | async}}\n </div>\n </ng-template>\n </div>\n\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" 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 <div *ngIf=\"!avatarUrl\" class=\"eui-user-profile__avatar\" [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\">\n </div>\n <div *ngIf=\"avatarUrl\" class=\"eui-user-profile__avatar eui-u-svg\">\n <img [src]=\"avatarUrl\" alt=\"avatar\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;cursor:pointer;display:flex}.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);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.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}\n"] }]
|
|
633
|
+
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { welcomeLabel: [{
|
|
635
634
|
type: Input
|
|
636
635
|
}], impersonateLabel: [{
|
|
637
636
|
type: Input
|
|
638
637
|
}], avatarUrl: [{
|
|
639
638
|
type: Input
|
|
639
|
+
}], hasMenu: [{
|
|
640
|
+
type: Input
|
|
641
|
+
}], hasWelcomeLabel: [{
|
|
642
|
+
type: Input
|
|
640
643
|
}], euiUserProfileSizeS: [{
|
|
641
644
|
type: Input
|
|
642
645
|
}], cssClasses: [{
|
|
@@ -644,7 +647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
644
647
|
args: ['class']
|
|
645
648
|
}] } });
|
|
646
649
|
|
|
647
|
-
const COMPONENTS$
|
|
650
|
+
const COMPONENTS$3 = [
|
|
648
651
|
EuiUserProfileComponent,
|
|
649
652
|
EuiUserProfileMenuComponent,
|
|
650
653
|
EuiUserProfileMenuItemComponent,
|
|
@@ -671,10 +674,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
671
674
|
EuiCoerceBooleanPipeModule,
|
|
672
675
|
],
|
|
673
676
|
declarations: [
|
|
674
|
-
...COMPONENTS$
|
|
677
|
+
...COMPONENTS$3,
|
|
675
678
|
],
|
|
676
679
|
exports: [
|
|
677
|
-
...COMPONENTS$
|
|
680
|
+
...COMPONENTS$3,
|
|
678
681
|
],
|
|
679
682
|
}]
|
|
680
683
|
}] });
|
|
@@ -1145,28 +1148,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1145
1148
|
class EuiToolbarItemUserProfileComponent {
|
|
1146
1149
|
constructor() {
|
|
1147
1150
|
this.class = 'eui-toolbar-item-user-profile';
|
|
1148
|
-
this._hasWelcomeLabel = false;
|
|
1149
1151
|
this.welcomeLabel = 'Welcome';
|
|
1150
1152
|
this.impersonateLabel = 'impersonating';
|
|
1153
|
+
this._hasWelcomeLabel = false;
|
|
1151
1154
|
}
|
|
1152
1155
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
1153
1156
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
1154
1157
|
}
|
|
1155
1158
|
/** @nocollapse */ EuiToolbarItemUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiToolbarItemUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1156
|
-
/** @nocollapse */ EuiToolbarItemUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiToolbarItemUserProfileComponent, selector: "eui-toolbar-item-user-profile", inputs: {
|
|
1159
|
+
/** @nocollapse */ EuiToolbarItemUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiToolbarItemUserProfileComponent, selector: "eui-toolbar-item-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", hasWelcomeLabel: "hasWelcomeLabel" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(function () { return EuiUserProfileMenuComponent; }) }], ngImport: i0, template: "<eui-toolbar-item>\n <eui-user-profile euiUserProfileSizeS [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n </eui-user-profile>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "hasMenu", "hasWelcomeLabel", "euiUserProfileSizeS"] }, { kind: "component", type: EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
1157
1160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiToolbarItemUserProfileComponent, decorators: [{
|
|
1158
1161
|
type: Component,
|
|
1159
|
-
args: [{ selector: 'eui-toolbar-item-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <eui-user-profile euiUserProfileSizeS [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n </eui-user-profile>\n</eui-toolbar-item>\n" }]
|
|
1162
|
+
args: [{ selector: 'eui-toolbar-item-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <eui-user-profile euiUserProfileSizeS [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n </eui-user-profile>\n</eui-toolbar-item>\n" }]
|
|
1160
1163
|
}], propDecorators: { class: [{
|
|
1161
1164
|
type: HostBinding
|
|
1162
|
-
}],
|
|
1163
|
-
type:
|
|
1165
|
+
}], userProfileMenu: [{
|
|
1166
|
+
type: ContentChildren,
|
|
1167
|
+
args: [forwardRef(() => EuiUserProfileMenuComponent)]
|
|
1164
1168
|
}], welcomeLabel: [{
|
|
1165
1169
|
type: Input
|
|
1166
1170
|
}], impersonateLabel: [{
|
|
1167
1171
|
type: Input
|
|
1168
1172
|
}], avatarUrl: [{
|
|
1169
1173
|
type: Input
|
|
1174
|
+
}], hasWelcomeLabel: [{
|
|
1175
|
+
type: Input
|
|
1170
1176
|
}] } });
|
|
1171
1177
|
|
|
1172
1178
|
class EuiToolbarItemSearchComponent {
|
|
@@ -1337,7 +1343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1337
1343
|
type: Output
|
|
1338
1344
|
}] } });
|
|
1339
1345
|
|
|
1340
|
-
const COMPONENTS$
|
|
1346
|
+
const COMPONENTS$2 = [
|
|
1341
1347
|
EuiToolbarComponent,
|
|
1342
1348
|
EuiToolbarItemComponent,
|
|
1343
1349
|
EuiToolbarItemsComponent,
|
|
@@ -1400,10 +1406,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1400
1406
|
TranslateModule,
|
|
1401
1407
|
],
|
|
1402
1408
|
declarations: [
|
|
1403
|
-
...COMPONENTS$
|
|
1409
|
+
...COMPONENTS$2,
|
|
1404
1410
|
],
|
|
1405
1411
|
exports: [
|
|
1406
|
-
...COMPONENTS$
|
|
1412
|
+
...COMPONENTS$2,
|
|
1407
1413
|
]
|
|
1408
1414
|
}]
|
|
1409
1415
|
}] });
|
|
@@ -1438,7 +1444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1438
1444
|
args: ['attr.role']
|
|
1439
1445
|
}] } });
|
|
1440
1446
|
|
|
1441
|
-
const COMPONENTS$
|
|
1447
|
+
const COMPONENTS$1 = [
|
|
1442
1448
|
EuiAppToolbarComponent,
|
|
1443
1449
|
];
|
|
1444
1450
|
class EuiAppToolbarModule {
|
|
@@ -1465,10 +1471,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1465
1471
|
EuiCoerceBooleanPipeModule,
|
|
1466
1472
|
],
|
|
1467
1473
|
declarations: [
|
|
1468
|
-
...COMPONENTS$
|
|
1474
|
+
...COMPONENTS$1,
|
|
1469
1475
|
],
|
|
1470
1476
|
exports: [
|
|
1471
|
-
...COMPONENTS$
|
|
1477
|
+
...COMPONENTS$1,
|
|
1472
1478
|
],
|
|
1473
1479
|
}]
|
|
1474
1480
|
}] });
|
|
@@ -2769,28 +2775,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2769
2775
|
class EuiHeaderUserProfileComponent {
|
|
2770
2776
|
constructor() {
|
|
2771
2777
|
this.class = 'eui-header-user-profile';
|
|
2772
|
-
this._hasWelcomeLabel = false;
|
|
2773
2778
|
this.welcomeLabel = 'Welcome';
|
|
2774
2779
|
this.impersonateLabel = 'impersonating';
|
|
2780
|
+
this._hasWelcomeLabel = false;
|
|
2775
2781
|
}
|
|
2776
2782
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
2777
2783
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
2778
2784
|
}
|
|
2779
2785
|
/** @nocollapse */ EuiHeaderUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiHeaderUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2780
|
-
/** @nocollapse */ EuiHeaderUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: {
|
|
2786
|
+
/** @nocollapse */ EuiHeaderUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { avatarUrl: "avatarUrl", welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", hasWelcomeLabel: "hasWelcomeLabel" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(function () { return EuiUserProfileMenuComponent; }) }], ngImport: i0, template: "<eui-user-profile [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\">\n <ng-container *ngIf=\"userProfileMenu\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n </ng-container>\n</eui-user-profile>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "hasMenu", "hasWelcomeLabel", "euiUserProfileSizeS"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
2781
2787
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiHeaderUserProfileComponent, decorators: [{
|
|
2782
2788
|
type: Component,
|
|
2783
|
-
args: [{ selector: 'eui-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-user-profile [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n" }]
|
|
2789
|
+
args: [{ selector: 'eui-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-user-profile [hasWelcomeLabel]=\"hasWelcomeLabel\" [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\">\n <ng-container *ngIf=\"userProfileMenu\">\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n </ng-container>\n</eui-user-profile>\n" }]
|
|
2784
2790
|
}], propDecorators: { class: [{
|
|
2785
2791
|
type: HostBinding
|
|
2786
|
-
}],
|
|
2787
|
-
type:
|
|
2792
|
+
}], userProfileMenu: [{
|
|
2793
|
+
type: ContentChildren,
|
|
2794
|
+
args: [forwardRef(() => EuiUserProfileMenuComponent)]
|
|
2788
2795
|
}], avatarUrl: [{
|
|
2789
2796
|
type: Input
|
|
2790
2797
|
}], welcomeLabel: [{
|
|
2791
2798
|
type: Input
|
|
2792
2799
|
}], impersonateLabel: [{
|
|
2793
2800
|
type: Input
|
|
2801
|
+
}], hasWelcomeLabel: [{
|
|
2802
|
+
type: Input
|
|
2794
2803
|
}] } });
|
|
2795
2804
|
|
|
2796
2805
|
class EuiHeaderAppNameComponent {
|
|
@@ -2847,7 +2856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2847
2856
|
args: ['class']
|
|
2848
2857
|
}] } });
|
|
2849
2858
|
|
|
2850
|
-
const COMPONENTS
|
|
2859
|
+
const COMPONENTS = [
|
|
2851
2860
|
EuiHeaderComponent,
|
|
2852
2861
|
EuiHeaderComponent,
|
|
2853
2862
|
EuiHeaderAppComponent,
|
|
@@ -2891,108 +2900,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2891
2900
|
EuiLanguageSelectorModule,
|
|
2892
2901
|
RouterModule,
|
|
2893
2902
|
],
|
|
2894
|
-
declarations: [
|
|
2895
|
-
...COMPONENTS$1,
|
|
2896
|
-
],
|
|
2897
|
-
exports: [
|
|
2898
|
-
...COMPONENTS$1,
|
|
2899
|
-
],
|
|
2900
|
-
}]
|
|
2901
|
-
}] });
|
|
2902
|
-
|
|
2903
|
-
class EuiSidebarMenuComponent {
|
|
2904
|
-
constructor() {
|
|
2905
|
-
this.string = 'eui-sidebar-menu';
|
|
2906
|
-
this.items = [];
|
|
2907
|
-
this._isCollapsed = false;
|
|
2908
|
-
this._hasFilter = false;
|
|
2909
|
-
this._hasIcons = false;
|
|
2910
|
-
this._hasTooltip = false;
|
|
2911
|
-
this._expandAllItems = false;
|
|
2912
|
-
this.style = '';
|
|
2913
|
-
this.onClicked = new EventEmitter();
|
|
2914
|
-
this.onItemClicked = new EventEmitter();
|
|
2915
|
-
}
|
|
2916
|
-
get isCollapsed() { return this._isCollapsed; }
|
|
2917
|
-
set isCollapsed(value) { this._isCollapsed = coerceBooleanProperty(value); }
|
|
2918
|
-
get hasFilter() { return this._hasFilter; }
|
|
2919
|
-
set hasFilter(value) { this._hasFilter = coerceBooleanProperty(value); }
|
|
2920
|
-
get hasIcons() { return this._hasIcons; }
|
|
2921
|
-
set hasIcons(value) { this._hasIcons = coerceBooleanProperty(value); }
|
|
2922
|
-
get hasTooltip() { return this._hasTooltip; }
|
|
2923
|
-
set hasTooltip(value) { this._hasTooltip = coerceBooleanProperty(value); }
|
|
2924
|
-
get expandAllItems() { return this._expandAllItems; }
|
|
2925
|
-
set expandAllItems(value) { this._expandAllItems = coerceBooleanProperty(value); }
|
|
2926
|
-
onMenuItemClicked(item) {
|
|
2927
|
-
this.onItemClicked.emit(item);
|
|
2928
|
-
}
|
|
2929
|
-
onMenuClicked(event) {
|
|
2930
|
-
this.onClicked.emit(event);
|
|
2931
|
-
}
|
|
2932
|
-
onMenuCollapsed(event) {
|
|
2933
|
-
this.isCollapsed = event;
|
|
2934
|
-
}
|
|
2935
|
-
}
|
|
2936
|
-
/** @nocollapse */ EuiSidebarMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2937
|
-
/** @nocollapse */ EuiSidebarMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", isCollapsed: "isCollapsed", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems", style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", expandMenuLabel: "expandMenuLabel", collapseMenuLabel: "collapseMenuLabel", externalLinkLabel: "externalLinkLabel", externalTarget: "externalTarget" }, outputs: { onClicked: "onClicked", onItemClicked: "onItemClicked" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [expandMenuLabel]=\"expandMenuLabel\"\n [collapseMenuLabel]=\"collapseMenuLabel\"\n [externalLinkLabel]=\"externalLinkLabel\"\n (onClicked)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu__container{background-color:var(--eui-app-sidebar-bg-color);height:100%;position:relative;transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in-out;width:100%}.eui-sidebar-menu__container--collapsed{top:var(--eui-spacing);width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__content{border-right:1px solid var(--eui-app-sidebar-border-right-color);box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}\n"], dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "expandMenuLabel", "collapseMenuLabel", "externalLinkLabel", "fragmentId", "isCollapsed", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
2938
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
|
|
2939
|
-
type: Component,
|
|
2940
|
-
args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [expandMenuLabel]=\"expandMenuLabel\"\n [collapseMenuLabel]=\"collapseMenuLabel\"\n [externalLinkLabel]=\"externalLinkLabel\"\n (onClicked)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu__container{background-color:var(--eui-app-sidebar-bg-color);height:100%;position:relative;transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in-out;width:100%}.eui-sidebar-menu__container--collapsed{top:var(--eui-spacing);width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__content{border-right:1px solid var(--eui-app-sidebar-border-right-color);box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}\n"] }]
|
|
2941
|
-
}], ctorParameters: function () { return []; }, propDecorators: { string: [{
|
|
2942
|
-
type: HostBinding,
|
|
2943
|
-
args: ['class']
|
|
2944
|
-
}], items: [{
|
|
2945
|
-
type: Input
|
|
2946
|
-
}], isCollapsed: [{
|
|
2947
|
-
type: Input
|
|
2948
|
-
}], hasFilter: [{
|
|
2949
|
-
type: Input
|
|
2950
|
-
}], hasIcons: [{
|
|
2951
|
-
type: Input
|
|
2952
|
-
}], hasTooltip: [{
|
|
2953
|
-
type: Input
|
|
2954
|
-
}], expandAllItems: [{
|
|
2955
|
-
type: Input
|
|
2956
|
-
}], style: [{
|
|
2957
|
-
type: Input
|
|
2958
|
-
}], fragmentId: [{
|
|
2959
|
-
type: Input
|
|
2960
|
-
}], searchFilterLabel: [{
|
|
2961
|
-
type: Input
|
|
2962
|
-
}], expandMenuLabel: [{
|
|
2963
|
-
type: Input
|
|
2964
|
-
}], collapseMenuLabel: [{
|
|
2965
|
-
type: Input
|
|
2966
|
-
}], externalLinkLabel: [{
|
|
2967
|
-
type: Input
|
|
2968
|
-
}], externalTarget: [{
|
|
2969
|
-
type: Input
|
|
2970
|
-
}], onClicked: [{
|
|
2971
|
-
type: Output
|
|
2972
|
-
}], onItemClicked: [{
|
|
2973
|
-
type: Output
|
|
2974
|
-
}] } });
|
|
2975
|
-
|
|
2976
|
-
const COMPONENTS = [
|
|
2977
|
-
EuiSidebarMenuComponent,
|
|
2978
|
-
];
|
|
2979
|
-
class EuiSidebarMenuModule {
|
|
2980
|
-
}
|
|
2981
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2982
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule,
|
|
2983
|
-
EuiMenuModule,
|
|
2984
|
-
EuiButtonModule], exports: [EuiSidebarMenuComponent] });
|
|
2985
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, imports: [CommonModule, RouterModule,
|
|
2986
|
-
EuiMenuModule,
|
|
2987
|
-
EuiButtonModule] });
|
|
2988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, decorators: [{
|
|
2989
|
-
type: NgModule,
|
|
2990
|
-
args: [{
|
|
2991
|
-
imports: [
|
|
2992
|
-
CommonModule, RouterModule,
|
|
2993
|
-
EuiMenuModule,
|
|
2994
|
-
EuiButtonModule,
|
|
2995
|
-
],
|
|
2996
2903
|
declarations: [
|
|
2997
2904
|
...COMPONENTS,
|
|
2998
2905
|
],
|
|
@@ -3013,7 +2920,6 @@ const MODULES = [
|
|
|
3013
2920
|
EuiSearchModule,
|
|
3014
2921
|
EuiUserProfileModule,
|
|
3015
2922
|
EuiSidebarToggleModule,
|
|
3016
|
-
EuiSidebarMenuModule,
|
|
3017
2923
|
];
|
|
3018
2924
|
class EuiLayoutModule {
|
|
3019
2925
|
}
|
|
@@ -3027,8 +2933,7 @@ class EuiLayoutModule {
|
|
|
3027
2933
|
EuiLanguageSelectorModule,
|
|
3028
2934
|
EuiSearchModule,
|
|
3029
2935
|
EuiUserProfileModule,
|
|
3030
|
-
EuiSidebarToggleModule,
|
|
3031
|
-
EuiSidebarMenuModule], exports: [EuiAppModule,
|
|
2936
|
+
EuiSidebarToggleModule], exports: [EuiAppModule,
|
|
3032
2937
|
EuiNotificationsModule,
|
|
3033
2938
|
EuiToolbarModule,
|
|
3034
2939
|
EuiHeaderModule,
|
|
@@ -3037,8 +2942,7 @@ class EuiLayoutModule {
|
|
|
3037
2942
|
EuiLanguageSelectorModule,
|
|
3038
2943
|
EuiSearchModule,
|
|
3039
2944
|
EuiUserProfileModule,
|
|
3040
|
-
EuiSidebarToggleModule
|
|
3041
|
-
EuiSidebarMenuModule] });
|
|
2945
|
+
EuiSidebarToggleModule] });
|
|
3042
2946
|
/** @nocollapse */ EuiLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, MODULES, EuiAppModule,
|
|
3043
2947
|
EuiNotificationsModule,
|
|
3044
2948
|
EuiToolbarModule,
|
|
@@ -3048,8 +2952,7 @@ class EuiLayoutModule {
|
|
|
3048
2952
|
EuiLanguageSelectorModule,
|
|
3049
2953
|
EuiSearchModule,
|
|
3050
2954
|
EuiUserProfileModule,
|
|
3051
|
-
EuiSidebarToggleModule
|
|
3052
|
-
EuiSidebarMenuModule] });
|
|
2955
|
+
EuiSidebarToggleModule] });
|
|
3053
2956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiLayoutModule, decorators: [{
|
|
3054
2957
|
type: NgModule,
|
|
3055
2958
|
args: [{
|
|
@@ -3068,5 +2971,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
3068
2971
|
* Generated bundle index. Do not edit.
|
|
3069
2972
|
*/
|
|
3070
2973
|
|
|
3071
|
-
export { BreadCrumbItem, EuiAppBreadcrumbComponent, EuiAppBreadcrumbModule, EuiAppComponent, EuiAppFooterComponent, EuiAppFooterModule, EuiAppHeaderComponent, EuiAppHeaderModule, EuiAppModule, EuiAppPageWrapperDirective, EuiAppSidebarBodyComponent, EuiAppSidebarComponent, EuiAppSidebarDrawerComponent, EuiAppSidebarFooterComponent, EuiAppSidebarHeaderComponent, EuiAppSidebarHeaderUserProfileComponent, EuiAppSidebarMenuComponent, EuiAppSidebarModule, EuiAppToolbarComponent, EuiAppToolbarModule, EuiAppTopMessageComponent, EuiAppTopMessageModule, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, EuiBreadcrumbModule, EuiBreadcrumbService, EuiFooterComponent, EuiFooterModule, EuiHeaderAppComponent, EuiHeaderAppNameComponent, EuiHeaderAppNameDirective, EuiHeaderAppSubtitleComponent, EuiHeaderAppSubtitleDirective, EuiHeaderComponent, EuiHeaderEnvironmentComponent, EuiHeaderLogoComponent, EuiHeaderModule, EuiHeaderUserProfileComponent, EuiLanguageSelectorComponent, EuiLanguageSelectorModule, EuiLayoutModule, EuiNotificationItemComponent, EuiNotificationsComponent, EuiNotificationsModule, EuiSearchComponent, EuiSearchModule,
|
|
2974
|
+
export { BreadCrumbItem, EuiAppBreadcrumbComponent, EuiAppBreadcrumbModule, EuiAppComponent, EuiAppFooterComponent, EuiAppFooterModule, EuiAppHeaderComponent, EuiAppHeaderModule, EuiAppModule, EuiAppPageWrapperDirective, EuiAppSidebarBodyComponent, EuiAppSidebarComponent, EuiAppSidebarDrawerComponent, EuiAppSidebarFooterComponent, EuiAppSidebarHeaderComponent, EuiAppSidebarHeaderUserProfileComponent, EuiAppSidebarMenuComponent, EuiAppSidebarModule, EuiAppToolbarComponent, EuiAppToolbarModule, EuiAppTopMessageComponent, EuiAppTopMessageModule, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, EuiBreadcrumbModule, EuiBreadcrumbService, EuiFooterComponent, EuiFooterModule, EuiHeaderAppComponent, EuiHeaderAppNameComponent, EuiHeaderAppNameDirective, EuiHeaderAppSubtitleComponent, EuiHeaderAppSubtitleDirective, EuiHeaderComponent, EuiHeaderEnvironmentComponent, EuiHeaderLogoComponent, EuiHeaderModule, EuiHeaderUserProfileComponent, EuiLanguageSelectorComponent, EuiLanguageSelectorModule, EuiLayoutModule, EuiNotificationItemComponent, EuiNotificationsComponent, EuiNotificationsModule, EuiSearchComponent, EuiSearchModule, EuiSidebarToggleComponent, EuiSidebarToggleModule, EuiToolbarAppComponent, EuiToolbarComponent, EuiToolbarEnvironmentComponent, EuiToolbarItemComponent, EuiToolbarItemNotificationsComponent, EuiToolbarItemSearchComponent, EuiToolbarItemUserProfileComponent, EuiToolbarItemsComponent, EuiToolbarLogoComponent, EuiToolbarMenuComponent, EuiToolbarModule, EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileModule };
|
|
3072
2975
|
//# sourceMappingURL=eui-components-layout.mjs.map
|