@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';
|
|
@@ -287,7 +287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
287
287
|
args: ['class']
|
|
288
288
|
}] } });
|
|
289
289
|
|
|
290
|
-
const COMPONENTS$
|
|
290
|
+
const COMPONENTS$4 = [
|
|
291
291
|
EuiAppSidebarComponent,
|
|
292
292
|
EuiAppSidebarHeaderComponent,
|
|
293
293
|
EuiAppSidebarBodyComponent,
|
|
@@ -332,10 +332,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
332
332
|
EuiCoerceBooleanPipeModule,
|
|
333
333
|
],
|
|
334
334
|
declarations: [
|
|
335
|
-
...COMPONENTS$
|
|
335
|
+
...COMPONENTS$4,
|
|
336
336
|
],
|
|
337
337
|
exports: [
|
|
338
|
-
...COMPONENTS$
|
|
338
|
+
...COMPONENTS$4,
|
|
339
339
|
],
|
|
340
340
|
}]
|
|
341
341
|
}] });
|
|
@@ -598,11 +598,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
598
598
|
class EuiUserProfileComponent {
|
|
599
599
|
constructor(asService) {
|
|
600
600
|
this.asService = asService;
|
|
601
|
-
this._hasWelcomeLabel = false;
|
|
602
|
-
this.welcomeLabel = 'Welcome';
|
|
603
|
-
this.impersonateLabel = 'impersonating';
|
|
604
601
|
this._euiUserProfileSizeS = false;
|
|
605
602
|
this.isOnline = true;
|
|
603
|
+
this.welcomeLabel = 'Welcome';
|
|
604
|
+
this.impersonateLabel = 'impersonating';
|
|
605
|
+
this.hasMenu = true;
|
|
606
|
+
this._hasWelcomeLabel = false;
|
|
606
607
|
}
|
|
607
608
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
608
609
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
@@ -619,18 +620,20 @@ class EuiUserProfileComponent {
|
|
|
619
620
|
}
|
|
620
621
|
}
|
|
621
622
|
/** @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 });
|
|
622
|
-
/** @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 });
|
|
623
|
+
/** @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 });
|
|
623
624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
|
|
624
625
|
type: Component,
|
|
625
|
-
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]=\"
|
|
626
|
-
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: {
|
|
627
|
-
type: Input
|
|
628
|
-
}], welcomeLabel: [{
|
|
626
|
+
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"] }]
|
|
627
|
+
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { welcomeLabel: [{
|
|
629
628
|
type: Input
|
|
630
629
|
}], impersonateLabel: [{
|
|
631
630
|
type: Input
|
|
632
631
|
}], avatarUrl: [{
|
|
633
632
|
type: Input
|
|
633
|
+
}], hasMenu: [{
|
|
634
|
+
type: Input
|
|
635
|
+
}], hasWelcomeLabel: [{
|
|
636
|
+
type: Input
|
|
634
637
|
}], euiUserProfileSizeS: [{
|
|
635
638
|
type: Input
|
|
636
639
|
}], cssClasses: [{
|
|
@@ -638,7 +641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
638
641
|
args: ['class']
|
|
639
642
|
}] } });
|
|
640
643
|
|
|
641
|
-
const COMPONENTS$
|
|
644
|
+
const COMPONENTS$3 = [
|
|
642
645
|
EuiUserProfileComponent,
|
|
643
646
|
EuiUserProfileMenuComponent,
|
|
644
647
|
EuiUserProfileMenuItemComponent,
|
|
@@ -665,10 +668,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
665
668
|
EuiCoerceBooleanPipeModule,
|
|
666
669
|
],
|
|
667
670
|
declarations: [
|
|
668
|
-
...COMPONENTS$
|
|
671
|
+
...COMPONENTS$3,
|
|
669
672
|
],
|
|
670
673
|
exports: [
|
|
671
|
-
...COMPONENTS$
|
|
674
|
+
...COMPONENTS$3,
|
|
672
675
|
],
|
|
673
676
|
}]
|
|
674
677
|
}] });
|
|
@@ -1139,28 +1142,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1139
1142
|
class EuiToolbarItemUserProfileComponent {
|
|
1140
1143
|
constructor() {
|
|
1141
1144
|
this.class = 'eui-toolbar-item-user-profile';
|
|
1142
|
-
this._hasWelcomeLabel = false;
|
|
1143
1145
|
this.welcomeLabel = 'Welcome';
|
|
1144
1146
|
this.impersonateLabel = 'impersonating';
|
|
1147
|
+
this._hasWelcomeLabel = false;
|
|
1145
1148
|
}
|
|
1146
1149
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
1147
1150
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
1148
1151
|
}
|
|
1149
1152
|
/** @nocollapse */ EuiToolbarItemUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiToolbarItemUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1150
|
-
/** @nocollapse */ EuiToolbarItemUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiToolbarItemUserProfileComponent, selector: "eui-toolbar-item-user-profile", inputs: {
|
|
1153
|
+
/** @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 });
|
|
1151
1154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiToolbarItemUserProfileComponent, decorators: [{
|
|
1152
1155
|
type: Component,
|
|
1153
|
-
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" }]
|
|
1156
|
+
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" }]
|
|
1154
1157
|
}], propDecorators: { class: [{
|
|
1155
1158
|
type: HostBinding
|
|
1156
|
-
}],
|
|
1157
|
-
type:
|
|
1159
|
+
}], userProfileMenu: [{
|
|
1160
|
+
type: ContentChildren,
|
|
1161
|
+
args: [forwardRef(() => EuiUserProfileMenuComponent)]
|
|
1158
1162
|
}], welcomeLabel: [{
|
|
1159
1163
|
type: Input
|
|
1160
1164
|
}], impersonateLabel: [{
|
|
1161
1165
|
type: Input
|
|
1162
1166
|
}], avatarUrl: [{
|
|
1163
1167
|
type: Input
|
|
1168
|
+
}], hasWelcomeLabel: [{
|
|
1169
|
+
type: Input
|
|
1164
1170
|
}] } });
|
|
1165
1171
|
|
|
1166
1172
|
class EuiToolbarItemSearchComponent {
|
|
@@ -1322,7 +1328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1322
1328
|
type: Output
|
|
1323
1329
|
}] } });
|
|
1324
1330
|
|
|
1325
|
-
const COMPONENTS$
|
|
1331
|
+
const COMPONENTS$2 = [
|
|
1326
1332
|
EuiToolbarComponent,
|
|
1327
1333
|
EuiToolbarItemComponent,
|
|
1328
1334
|
EuiToolbarItemsComponent,
|
|
@@ -1385,10 +1391,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1385
1391
|
TranslateModule,
|
|
1386
1392
|
],
|
|
1387
1393
|
declarations: [
|
|
1388
|
-
...COMPONENTS$
|
|
1394
|
+
...COMPONENTS$2,
|
|
1389
1395
|
],
|
|
1390
1396
|
exports: [
|
|
1391
|
-
...COMPONENTS$
|
|
1397
|
+
...COMPONENTS$2,
|
|
1392
1398
|
]
|
|
1393
1399
|
}]
|
|
1394
1400
|
}] });
|
|
@@ -1420,7 +1426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1420
1426
|
args: ['attr.role']
|
|
1421
1427
|
}] } });
|
|
1422
1428
|
|
|
1423
|
-
const COMPONENTS$
|
|
1429
|
+
const COMPONENTS$1 = [
|
|
1424
1430
|
EuiAppToolbarComponent,
|
|
1425
1431
|
];
|
|
1426
1432
|
class EuiAppToolbarModule {
|
|
@@ -1447,10 +1453,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
1447
1453
|
EuiCoerceBooleanPipeModule,
|
|
1448
1454
|
],
|
|
1449
1455
|
declarations: [
|
|
1450
|
-
...COMPONENTS$
|
|
1456
|
+
...COMPONENTS$1,
|
|
1451
1457
|
],
|
|
1452
1458
|
exports: [
|
|
1453
|
-
...COMPONENTS$
|
|
1459
|
+
...COMPONENTS$1,
|
|
1454
1460
|
],
|
|
1455
1461
|
}]
|
|
1456
1462
|
}] });
|
|
@@ -2712,28 +2718,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2712
2718
|
class EuiHeaderUserProfileComponent {
|
|
2713
2719
|
constructor() {
|
|
2714
2720
|
this.class = 'eui-header-user-profile';
|
|
2715
|
-
this._hasWelcomeLabel = false;
|
|
2716
2721
|
this.welcomeLabel = 'Welcome';
|
|
2717
2722
|
this.impersonateLabel = 'impersonating';
|
|
2723
|
+
this._hasWelcomeLabel = false;
|
|
2718
2724
|
}
|
|
2719
2725
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
2720
2726
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
2721
2727
|
}
|
|
2722
2728
|
/** @nocollapse */ EuiHeaderUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiHeaderUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2723
|
-
/** @nocollapse */ EuiHeaderUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: {
|
|
2729
|
+
/** @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 });
|
|
2724
2730
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiHeaderUserProfileComponent, decorators: [{
|
|
2725
2731
|
type: Component,
|
|
2726
|
-
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" }]
|
|
2732
|
+
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" }]
|
|
2727
2733
|
}], propDecorators: { class: [{
|
|
2728
2734
|
type: HostBinding
|
|
2729
|
-
}],
|
|
2730
|
-
type:
|
|
2735
|
+
}], userProfileMenu: [{
|
|
2736
|
+
type: ContentChildren,
|
|
2737
|
+
args: [forwardRef(() => EuiUserProfileMenuComponent)]
|
|
2731
2738
|
}], avatarUrl: [{
|
|
2732
2739
|
type: Input
|
|
2733
2740
|
}], welcomeLabel: [{
|
|
2734
2741
|
type: Input
|
|
2735
2742
|
}], impersonateLabel: [{
|
|
2736
2743
|
type: Input
|
|
2744
|
+
}], hasWelcomeLabel: [{
|
|
2745
|
+
type: Input
|
|
2737
2746
|
}] } });
|
|
2738
2747
|
|
|
2739
2748
|
class EuiHeaderAppNameComponent {
|
|
@@ -2790,7 +2799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2790
2799
|
args: ['class']
|
|
2791
2800
|
}] } });
|
|
2792
2801
|
|
|
2793
|
-
const COMPONENTS
|
|
2802
|
+
const COMPONENTS = [
|
|
2794
2803
|
EuiHeaderComponent,
|
|
2795
2804
|
EuiHeaderComponent,
|
|
2796
2805
|
EuiHeaderAppComponent,
|
|
@@ -2834,108 +2843,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
2834
2843
|
EuiLanguageSelectorModule,
|
|
2835
2844
|
RouterModule,
|
|
2836
2845
|
],
|
|
2837
|
-
declarations: [
|
|
2838
|
-
...COMPONENTS$1,
|
|
2839
|
-
],
|
|
2840
|
-
exports: [
|
|
2841
|
-
...COMPONENTS$1,
|
|
2842
|
-
],
|
|
2843
|
-
}]
|
|
2844
|
-
}] });
|
|
2845
|
-
|
|
2846
|
-
class EuiSidebarMenuComponent {
|
|
2847
|
-
constructor() {
|
|
2848
|
-
this.string = 'eui-sidebar-menu';
|
|
2849
|
-
this.items = [];
|
|
2850
|
-
this._isCollapsed = false;
|
|
2851
|
-
this._hasFilter = false;
|
|
2852
|
-
this._hasIcons = false;
|
|
2853
|
-
this._hasTooltip = false;
|
|
2854
|
-
this._expandAllItems = false;
|
|
2855
|
-
this.style = '';
|
|
2856
|
-
this.onClicked = new EventEmitter();
|
|
2857
|
-
this.onItemClicked = new EventEmitter();
|
|
2858
|
-
}
|
|
2859
|
-
get isCollapsed() { return this._isCollapsed; }
|
|
2860
|
-
set isCollapsed(value) { this._isCollapsed = coerceBooleanProperty(value); }
|
|
2861
|
-
get hasFilter() { return this._hasFilter; }
|
|
2862
|
-
set hasFilter(value) { this._hasFilter = coerceBooleanProperty(value); }
|
|
2863
|
-
get hasIcons() { return this._hasIcons; }
|
|
2864
|
-
set hasIcons(value) { this._hasIcons = coerceBooleanProperty(value); }
|
|
2865
|
-
get hasTooltip() { return this._hasTooltip; }
|
|
2866
|
-
set hasTooltip(value) { this._hasTooltip = coerceBooleanProperty(value); }
|
|
2867
|
-
get expandAllItems() { return this._expandAllItems; }
|
|
2868
|
-
set expandAllItems(value) { this._expandAllItems = coerceBooleanProperty(value); }
|
|
2869
|
-
onMenuItemClicked(item) {
|
|
2870
|
-
this.onItemClicked.emit(item);
|
|
2871
|
-
}
|
|
2872
|
-
onMenuClicked(event) {
|
|
2873
|
-
this.onClicked.emit(event);
|
|
2874
|
-
}
|
|
2875
|
-
onMenuCollapsed(event) {
|
|
2876
|
-
this.isCollapsed = event;
|
|
2877
|
-
}
|
|
2878
|
-
}
|
|
2879
|
-
/** @nocollapse */ EuiSidebarMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2880
|
-
/** @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 });
|
|
2881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
|
|
2882
|
-
type: Component,
|
|
2883
|
-
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"] }]
|
|
2884
|
-
}], ctorParameters: function () { return []; }, propDecorators: { string: [{
|
|
2885
|
-
type: HostBinding,
|
|
2886
|
-
args: ['class']
|
|
2887
|
-
}], items: [{
|
|
2888
|
-
type: Input
|
|
2889
|
-
}], isCollapsed: [{
|
|
2890
|
-
type: Input
|
|
2891
|
-
}], hasFilter: [{
|
|
2892
|
-
type: Input
|
|
2893
|
-
}], hasIcons: [{
|
|
2894
|
-
type: Input
|
|
2895
|
-
}], hasTooltip: [{
|
|
2896
|
-
type: Input
|
|
2897
|
-
}], expandAllItems: [{
|
|
2898
|
-
type: Input
|
|
2899
|
-
}], style: [{
|
|
2900
|
-
type: Input
|
|
2901
|
-
}], fragmentId: [{
|
|
2902
|
-
type: Input
|
|
2903
|
-
}], searchFilterLabel: [{
|
|
2904
|
-
type: Input
|
|
2905
|
-
}], expandMenuLabel: [{
|
|
2906
|
-
type: Input
|
|
2907
|
-
}], collapseMenuLabel: [{
|
|
2908
|
-
type: Input
|
|
2909
|
-
}], externalLinkLabel: [{
|
|
2910
|
-
type: Input
|
|
2911
|
-
}], externalTarget: [{
|
|
2912
|
-
type: Input
|
|
2913
|
-
}], onClicked: [{
|
|
2914
|
-
type: Output
|
|
2915
|
-
}], onItemClicked: [{
|
|
2916
|
-
type: Output
|
|
2917
|
-
}] } });
|
|
2918
|
-
|
|
2919
|
-
const COMPONENTS = [
|
|
2920
|
-
EuiSidebarMenuComponent,
|
|
2921
|
-
];
|
|
2922
|
-
class EuiSidebarMenuModule {
|
|
2923
|
-
}
|
|
2924
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2925
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule,
|
|
2926
|
-
EuiMenuModule,
|
|
2927
|
-
EuiButtonModule], exports: [EuiSidebarMenuComponent] });
|
|
2928
|
-
/** @nocollapse */ EuiSidebarMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, imports: [CommonModule, RouterModule,
|
|
2929
|
-
EuiMenuModule,
|
|
2930
|
-
EuiButtonModule] });
|
|
2931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiSidebarMenuModule, decorators: [{
|
|
2932
|
-
type: NgModule,
|
|
2933
|
-
args: [{
|
|
2934
|
-
imports: [
|
|
2935
|
-
CommonModule, RouterModule,
|
|
2936
|
-
EuiMenuModule,
|
|
2937
|
-
EuiButtonModule,
|
|
2938
|
-
],
|
|
2939
2846
|
declarations: [
|
|
2940
2847
|
...COMPONENTS,
|
|
2941
2848
|
],
|
|
@@ -2956,7 +2863,6 @@ const MODULES = [
|
|
|
2956
2863
|
EuiSearchModule,
|
|
2957
2864
|
EuiUserProfileModule,
|
|
2958
2865
|
EuiSidebarToggleModule,
|
|
2959
|
-
EuiSidebarMenuModule,
|
|
2960
2866
|
];
|
|
2961
2867
|
class EuiLayoutModule {
|
|
2962
2868
|
}
|
|
@@ -2970,8 +2876,7 @@ class EuiLayoutModule {
|
|
|
2970
2876
|
EuiLanguageSelectorModule,
|
|
2971
2877
|
EuiSearchModule,
|
|
2972
2878
|
EuiUserProfileModule,
|
|
2973
|
-
EuiSidebarToggleModule,
|
|
2974
|
-
EuiSidebarMenuModule], exports: [EuiAppModule,
|
|
2879
|
+
EuiSidebarToggleModule], exports: [EuiAppModule,
|
|
2975
2880
|
EuiNotificationsModule,
|
|
2976
2881
|
EuiToolbarModule,
|
|
2977
2882
|
EuiHeaderModule,
|
|
@@ -2980,8 +2885,7 @@ class EuiLayoutModule {
|
|
|
2980
2885
|
EuiLanguageSelectorModule,
|
|
2981
2886
|
EuiSearchModule,
|
|
2982
2887
|
EuiUserProfileModule,
|
|
2983
|
-
EuiSidebarToggleModule
|
|
2984
|
-
EuiSidebarMenuModule] });
|
|
2888
|
+
EuiSidebarToggleModule] });
|
|
2985
2889
|
/** @nocollapse */ EuiLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, MODULES, EuiAppModule,
|
|
2986
2890
|
EuiNotificationsModule,
|
|
2987
2891
|
EuiToolbarModule,
|
|
@@ -2991,8 +2895,7 @@ class EuiLayoutModule {
|
|
|
2991
2895
|
EuiLanguageSelectorModule,
|
|
2992
2896
|
EuiSearchModule,
|
|
2993
2897
|
EuiUserProfileModule,
|
|
2994
|
-
EuiSidebarToggleModule
|
|
2995
|
-
EuiSidebarMenuModule] });
|
|
2898
|
+
EuiSidebarToggleModule] });
|
|
2996
2899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiLayoutModule, decorators: [{
|
|
2997
2900
|
type: NgModule,
|
|
2998
2901
|
args: [{
|
|
@@ -3011,5 +2914,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
3011
2914
|
* Generated bundle index. Do not edit.
|
|
3012
2915
|
*/
|
|
3013
2916
|
|
|
3014
|
-
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,
|
|
2917
|
+
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 };
|
|
3015
2918
|
//# sourceMappingURL=eui-components-layout.mjs.map
|