@eui/components 16.2.16-snapshot-1711336310109 → 16.2.16-snapshot-1711635173997
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/EuiAppSidebarHeaderUserProfileComponent.html +160 -45
- package/docs/components/EuiAppSidebarMenuComponent.html +82 -1
- package/docs/components/EuiAppTopMessageComponent.html +81 -0
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +30 -9
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +12 -3
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +17 -4
- package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs +59 -16
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts +6 -2
- package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +4 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +4 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, booleanAttribute, HostListener } from '@angular/core';
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
3
|
import { consumeEvent } from '@eui/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,6 +7,9 @@ import * as i2 from "@angular/common";
|
|
|
7
7
|
import * as i3 from "@eui/components/eui-button";
|
|
8
8
|
import * as i4 from "@eui/components/pipes";
|
|
9
9
|
export class EuiAppSidebarHeaderUserProfileComponent {
|
|
10
|
+
get cssClasses() {
|
|
11
|
+
return this._getCssClasses();
|
|
12
|
+
}
|
|
10
13
|
get isOnline() {
|
|
11
14
|
return this._isOnline;
|
|
12
15
|
}
|
|
@@ -17,7 +20,7 @@ export class EuiAppSidebarHeaderUserProfileComponent {
|
|
|
17
20
|
this.asService = asService;
|
|
18
21
|
this.impersonateLabel = '';
|
|
19
22
|
this.welcomeLabel = '';
|
|
20
|
-
this.
|
|
23
|
+
this.hasProfileDrawer = false;
|
|
21
24
|
// TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
|
|
22
25
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
23
26
|
this.toggle = new EventEmitter();
|
|
@@ -31,22 +34,40 @@ export class EuiAppSidebarHeaderUserProfileComponent {
|
|
|
31
34
|
consumeEvent(event);
|
|
32
35
|
this.toggle.emit();
|
|
33
36
|
}
|
|
37
|
+
onClick(event) {
|
|
38
|
+
if (this.hasProfileDrawer) {
|
|
39
|
+
this.onProfileClick(event);
|
|
40
|
+
}
|
|
41
|
+
consumeEvent(event);
|
|
42
|
+
}
|
|
43
|
+
_getCssClasses() {
|
|
44
|
+
return [
|
|
45
|
+
'eui-app-sidebar-header-user-profile',
|
|
46
|
+
this.hasProfileDrawer ? 'eui-app-sidebar-header-user-profile--has-drawer' : '',
|
|
47
|
+
].join(' ').trim();
|
|
48
|
+
}
|
|
34
49
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
50
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { impersonateLabel: "impersonateLabel", welcomeLabel: "welcomeLabel", isOnline: "isOnline", hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-app-sidebar-header-user-profile-content\" (click)=\"onProfileClick($event)\">\n <div\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div class=\"eui-user-profile__infos\">\n <!-- NORMAL LOGIN-->\n <div *ngIf=\"!((asService.getState('impersonatedUserInfos') | async)?.length > 0 | coerceBool)\" class=\"eui-user-profile__infos-wrapper\">\n <div *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('userInfos') | async }}</span>\n </div>\n </div>\n\n <!-- IMPERSONATION -->\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__infos-wrapper\">\n <div class=\"eui-user-profile__infos-container\">\n <span *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }} </span>\n <span class=\"eui-user-profile__infos-welcome\">\n <strong>{{ asService.getState('userInfos') | async }}</strong>\n </span>\n </div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-impersonating\">{{ impersonateLabel }} </span>\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('impersonatedUserInfos') | async }}</span>\n </div>\n </div>\n\n <!-- SUB INFOS-->\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{ asService.getState('userSubInfos') | async }}\n </div>\n </div>\n\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-user-profile__toggle\">\n <span class=\"eui-icon\" [ngClass]=\"toggleProfile ? 'eui-icon-angle-up' : 'eui-icon-angle-down'\"></span>\n </button>\n</div>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;padding:var(--eui-base-spacing-m);height:var(--eui-app-sidebar-header-user-profile);position:relative;width:100%}.eui-app-sidebar-header-user-profile-content{align-items:center;cursor:pointer;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .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:3px solid var(--eui-base-color-info-75);border-radius:50%;box-shadow:0 1px 2px #0003,0 1px 3px #0000004d;height:40px;margin-right:1rem;min-height:40px;min-width:40px;position:relative;width:40px}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos{align-items:flex-start;display:flex;flex-direction:column;margin:0}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper{display:flex;flex-direction:column;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container{justify-content:flex-start;align-items:center;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-welcome,.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-impersonating{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s);line-height:1.5}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle{font-size:var(--eui-base-font-size);margin-left:auto!important;transition:all .3s linear!important}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus,.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-l)!important}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
51
|
}
|
|
37
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, decorators: [{
|
|
38
53
|
type: Component,
|
|
39
|
-
args: [{ selector: 'eui-app-sidebar-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-sidebar-header-user-profile-content\" (click)=\"onProfileClick($event)\">\n <div\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div class=\"eui-user-profile__infos\">\n <!-- NORMAL LOGIN-->\n <div *ngIf=\"!((asService.getState('impersonatedUserInfos') | async)?.length > 0 | coerceBool)\" class=\"eui-user-profile__infos-wrapper\">\n <div *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('userInfos') | async }}</span>\n </div>\n </div>\n\n <!-- IMPERSONATION -->\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__infos-wrapper\">\n <div class=\"eui-user-profile__infos-container\">\n <span *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }} </span>\n <span class=\"eui-user-profile__infos-welcome\">\n <strong>{{ asService.getState('userInfos') | async }}</strong>\n </span>\n </div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-impersonating\">{{ impersonateLabel }} </span>\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('impersonatedUserInfos') | async }}</span>\n </div>\n </div>\n\n <!-- SUB INFOS-->\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{ asService.getState('userSubInfos') | async }}\n </div>\n </div>\n\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-user-profile__toggle\">\n <span class=\"eui-icon\" [ngClass]=\"toggleProfile ? 'eui-icon-angle-up' : 'eui-icon-angle-down'\"></span>\n </button>\n</div>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;padding:var(--eui-base-spacing-m);height:var(--eui-app-sidebar-header-user-profile);position:relative;width:100%}.eui-app-sidebar-header-user-profile-content{align-items:center;cursor:pointer;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .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:3px solid var(--eui-base-color-info-75);border-radius:50%;box-shadow:0 1px 2px #0003,0 1px 3px #0000004d;height:40px;margin-right:1rem;min-height:40px;min-width:40px;position:relative;width:40px}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos{align-items:flex-start;display:flex;flex-direction:column;margin:0}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper{display:flex;flex-direction:column;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container{justify-content:flex-start;align-items:center;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-welcome,.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-impersonating{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s);line-height:1.5}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle{font-size:var(--eui-base-font-size);margin-left:auto!important;transition:all .3s linear!important}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus,.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-l)!important}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"] }]
|
|
40
|
-
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: {
|
|
54
|
+
args: [{ selector: 'eui-app-sidebar-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-sidebar-header-user-profile-content\" (click)=\"onProfileClick($event)\">\n <div\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div class=\"eui-user-profile__infos\">\n <!-- NORMAL LOGIN-->\n <div *ngIf=\"!((asService.getState('impersonatedUserInfos') | async)?.length > 0 | coerceBool)\" class=\"eui-user-profile__infos-wrapper\">\n <div *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('userInfos') | async }}</span>\n </div>\n </div>\n\n <!-- IMPERSONATION -->\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__infos-wrapper\">\n <div class=\"eui-user-profile__infos-container\">\n <span *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }} </span>\n <span class=\"eui-user-profile__infos-welcome\">\n <strong>{{ asService.getState('userInfos') | async }}</strong>\n </span>\n </div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-impersonating\">{{ impersonateLabel }} </span>\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('impersonatedUserInfos') | async }}</span>\n </div>\n </div>\n\n <!-- SUB INFOS-->\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{ asService.getState('userSubInfos') | async }}\n </div>\n </div>\n\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-user-profile__toggle\">\n <span class=\"eui-icon\" [ngClass]=\"toggleProfile ? 'eui-icon-angle-up' : 'eui-icon-angle-down'\"></span>\n </button>\n</div>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;padding:var(--eui-base-spacing-m);height:var(--eui-app-sidebar-header-user-profile);position:relative;width:100%}.eui-app-sidebar-header-user-profile-content{align-items:center;cursor:pointer;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .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:3px solid var(--eui-base-color-info-75);border-radius:50%;box-shadow:0 1px 2px #0003,0 1px 3px #0000004d;height:40px;margin-right:1rem;min-height:40px;min-width:40px;position:relative;width:40px}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos{align-items:flex-start;display:flex;flex-direction:column;margin:0}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper{display:flex;flex-direction:column;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container{justify-content:flex-start;align-items:center;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-welcome,.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-impersonating{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size);font-weight:700}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-s);line-height:1.5}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle{font-size:var(--eui-base-font-size);margin-left:auto!important;transition:all .3s linear!important}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus,.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-l)!important}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"] }]
|
|
55
|
+
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { cssClasses: [{
|
|
56
|
+
type: HostBinding,
|
|
57
|
+
args: ['class']
|
|
58
|
+
}], impersonateLabel: [{
|
|
41
59
|
type: Input
|
|
42
60
|
}], welcomeLabel: [{
|
|
43
61
|
type: Input
|
|
44
62
|
}], isOnline: [{
|
|
45
63
|
type: Input
|
|
46
|
-
}],
|
|
47
|
-
type:
|
|
48
|
-
args: [
|
|
64
|
+
}], hasProfileDrawer: [{
|
|
65
|
+
type: Input,
|
|
66
|
+
args: [{ transform: booleanAttribute }]
|
|
49
67
|
}], toggle: [{
|
|
50
68
|
type: Output
|
|
69
|
+
}], onClick: [{
|
|
70
|
+
type: HostListener,
|
|
71
|
+
args: ['click', ['$event']]
|
|
51
72
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xheW91dC9ldWktYXBwL2V1aS1hcHAtc2lkZWJhci9zaWRlYmFyLWhlYWRlci11c2VyLXByb2ZpbGUvc2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xheW91dC9ldWktYXBwL2V1aS1hcHAtc2lkZWJhci9zaWRlYmFyLWhlYWRlci11c2VyLXByb2ZpbGUvc2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSyxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFlBQVksRUFBcUIsTUFBTSxXQUFXLENBQUM7Ozs7OztBQVM1RCxNQUFNLE9BQU8sdUNBQXVDO0lBQ2hELElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBSUQsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFtQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFVRCxZQUFtQixTQUE0QjtRQUE1QixjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQWxCdEMscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBUWEscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBRWpFLG1IQUFtSDtRQUNuSCw4REFBOEQ7UUFDcEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xELGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBRXJCLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFFeUIsQ0FBQztJQUVuRCxtSEFBbUg7SUFDbkgsOERBQThEO0lBQzlELGNBQWMsQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3pDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFHRCxPQUFPLENBQUMsS0FBaUI7UUFDckIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjtRQUNELFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRU8sY0FBYztRQUNsQixPQUFPO1lBQ0gscUNBQXFDO1lBQ3JDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsaURBQWlELENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDakYsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztrSUEvQ1EsdUNBQXVDO3NIQUF2Qyx1Q0FBdUMsa05BZTVCLGdCQUFnQiw2SkMxQnhDLGlvRUFzQ0E7OzRGRDNCYSx1Q0FBdUM7a0JBUG5ELFNBQVM7K0JBQ0kscUNBQXFDLG1CQUc5Qix1QkFBdUIsQ0FBQyxPQUFPLGlCQUNqQyxpQkFBaUIsQ0FBQyxJQUFJO3dHQUkxQixVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBS1gsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUYsUUFBUTtzQkFEWCxLQUFLO2dCQU9rQyxnQkFBZ0I7c0JBQXZELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBSTVCLE1BQU07c0JBQWYsTUFBTTtnQkFnQlAsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBib29sZWFuQXR0cmlidXRlLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGNvbnN1bWVFdmVudCwgVXhBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1hcHAtc2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUFwcFNpZGViYXJIZWFkZXJVc2VyUHJvZmlsZUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgaW1wZXJzb25hdGVMYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpIHdlbGNvbWVMYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzT25saW5lKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNPbmxpbmU7XG4gICAgfVxuICAgIHNldCBpc09ubGluZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzT25saW5lID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc1Byb2ZpbGVEcmF3ZXIgPSBmYWxzZTtcblxuICAgIC8vIFRPRE86IGZpbmQgdGhlIGNvcnJlY3QgdHlwZSBvciB0dXJuIGludG8gYSBnZW5lcmljLCBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay8yL2dlbmVyaWNzLmh0bWxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIEBPdXRwdXQoKSB0b2dnbGU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIHB1YmxpYyB0b2dnbGVQcm9maWxlID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIF9pc09ubGluZSA9IHRydWU7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYXNTZXJ2aWNlOiBVeEFwcFNoZWxsU2VydmljZSkge31cblxuICAgIC8vIFRPRE86IGZpbmQgdGhlIGNvcnJlY3QgdHlwZSBvciB0dXJuIGludG8gYSBnZW5lcmljLCBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay8yL2dlbmVyaWNzLmh0bWxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIG9uUHJvZmlsZUNsaWNrKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50b2dnbGVQcm9maWxlID0gIXRoaXMudG9nZ2xlUHJvZmlsZTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICAgICAgdGhpcy50b2dnbGUuZW1pdCgpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmhhc1Byb2ZpbGVEcmF3ZXIpIHtcbiAgICAgICAgICAgIHRoaXMub25Qcm9maWxlQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aS1hcHAtc2lkZWJhci1oZWFkZXItdXNlci1wcm9maWxlJyxcbiAgICAgICAgICAgIHRoaXMuaGFzUHJvZmlsZURyYXdlciA/ICdldWktYXBwLXNpZGViYXItaGVhZGVyLXVzZXItcHJvZmlsZS0taGFzLWRyYXdlcicgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWktYXBwLXNpZGViYXItaGVhZGVyLXVzZXItcHJvZmlsZS1jb250ZW50XCIgKGNsaWNrKT1cIm9uUHJvZmlsZUNsaWNrKCRldmVudClcIj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9fYXZhdGFyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiaXNPbmxpbmUgPyAnZXVpLXVzZXItcHJvZmlsZV9fYXZhdGFyLS1vbmxpbmUnIDogJ2V1aS11c2VyLXByb2ZpbGVfX2F2YXRhci0tb2ZmbGluZSdcIj48L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvc1wiPlxuICAgICAgICA8IS0tIE5PUk1BTCBMT0dJTi0tPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiISgoYXNTZXJ2aWNlLmdldFN0YXRlKCdpbXBlcnNvbmF0ZWRVc2VySW5mb3MnKSB8IGFzeW5jKT8ubGVuZ3RoID4gMCB8IGNvZXJjZUJvb2wpXCIgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy13cmFwcGVyXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwid2VsY29tZUxhYmVsXCIgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy13ZWxjb21lXCI+e3sgd2VsY29tZUxhYmVsIH19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3MtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy1uYW1lXCI+e3sgYXNTZXJ2aWNlLmdldFN0YXRlKCd1c2VySW5mb3MnKSB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0gSU1QRVJTT05BVElPTiAtLT5cbiAgICAgICAgPGRpdiAqbmdJZj1cImFzU2VydmljZS5nZXRTdGF0ZSgnaW1wZXJzb25hdGVkVXNlckluZm9zJykgfCBhc3luY1wiIGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3Mtd3JhcHBlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwid2VsY29tZUxhYmVsXCIgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy13ZWxjb21lXCI+e3sgd2VsY29tZUxhYmVsIH19Jm5ic3A7PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3Mtd2VsY29tZVwiPlxuICAgICAgICAgICAgICAgICAgICA8c3Ryb25nPnt7IGFzU2VydmljZS5nZXRTdGF0ZSgndXNlckluZm9zJykgfCBhc3luYyB9fTwvc3Ryb25nPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3MtaW1wZXJzb25hdGluZ1wiPnt7IGltcGVyc29uYXRlTGFiZWwgfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy1uYW1lXCI+e3sgYXNTZXJ2aWNlLmdldFN0YXRlKCdpbXBlcnNvbmF0ZWRVc2VySW5mb3MnKSB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0gU1VCIElORk9TLS0+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJhc1NlcnZpY2UuZ2V0U3RhdGUoJ3VzZXJTdWJJbmZvcycpIHwgYXN5bmNcIiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLXN1YmluZm9zXCI+XG4gICAgICAgICAgICB7eyBhc1NlcnZpY2UuZ2V0U3RhdGUoJ3VzZXJTdWJJbmZvcycpIHwgYXN5bmMgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBldWlCdXR0b24gZXVpUm91bmRlZCBldWlJY29uQnV0dG9uIGV1aUJhc2ljQnV0dG9uIGV1aVNlY29uZGFyeSBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX3RvZ2dsZVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1pY29uXCIgW25nQ2xhc3NdPVwidG9nZ2xlUHJvZmlsZSA/ICdldWktaWNvbi1hbmdsZS11cCcgOiAnZXVpLWljb24tYW5nbGUtZG93bidcIj48L3NwYW4+XG4gICAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -30,6 +30,12 @@ export class EuiAppSidebarMenuComponent {
|
|
|
30
30
|
set expandAllItems(value) {
|
|
31
31
|
this._expandAllItems = coerceBooleanProperty(value);
|
|
32
32
|
}
|
|
33
|
+
get hasLowercaseItems() {
|
|
34
|
+
return this._hasLowercaseItems;
|
|
35
|
+
}
|
|
36
|
+
set hasLowercaseItems(value) {
|
|
37
|
+
this._hasLowercaseItems = coerceBooleanProperty(value);
|
|
38
|
+
}
|
|
33
39
|
constructor(asService) {
|
|
34
40
|
this.asService = asService;
|
|
35
41
|
this.class = 'eui-app-sidebar-menu';
|
|
@@ -40,6 +46,7 @@ export class EuiAppSidebarMenuComponent {
|
|
|
40
46
|
this._hasIcons = false;
|
|
41
47
|
this._hasTooltip = false;
|
|
42
48
|
this._expandAllItems = false;
|
|
49
|
+
this._hasLowercaseItems = false;
|
|
43
50
|
this.subs = new Subscription();
|
|
44
51
|
}
|
|
45
52
|
ngOnInit() {
|
|
@@ -70,11 +77,11 @@ export class EuiAppSidebarMenuComponent {
|
|
|
70
77
|
this.onSidebarItemClicked.emit(event);
|
|
71
78
|
}
|
|
72
79
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppSidebarMenuComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: { items: "items", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { onSidebarItemClicked: "onSidebarItemClicked" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n", dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "expandMenuLabel", "collapseMenuLabel", "externalLinkLabel", "fragmentId", "isCollapsed", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: { items: "items", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems", hasLowercaseItems: "hasLowercaseItems" }, outputs: { onSidebarItemClicked: "onSidebarItemClicked" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [hasLowercaseItems]=\"hasLowercaseItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n", dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "expandMenuLabel", "collapseMenuLabel", "externalLinkLabel", "fragmentId", "isCollapsed", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
74
81
|
}
|
|
75
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppSidebarMenuComponent, decorators: [{
|
|
76
83
|
type: Component,
|
|
77
|
-
args: [{ selector: 'eui-app-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n" }]
|
|
84
|
+
args: [{ selector: 'eui-app-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [hasLowercaseItems]=\"hasLowercaseItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n" }]
|
|
78
85
|
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { class: [{
|
|
79
86
|
type: HostBinding
|
|
80
87
|
}], items: [{
|
|
@@ -87,7 +94,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
87
94
|
type: Input
|
|
88
95
|
}], expandAllItems: [{
|
|
89
96
|
type: Input
|
|
97
|
+
}], hasLowercaseItems: [{
|
|
98
|
+
type: Input
|
|
90
99
|
}], onSidebarItemClicked: [{
|
|
91
100
|
type: Output
|
|
92
101
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xheW91dC9ldWktYXBwL2V1aS1hcHAtc2lkZWJhci9zaWRlYmFyLW1lbnUvc2lkZWJhci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xheW91dC9ldWktYXBwL2V1aS1hcHAtc2lkZWJhci9zaWRlYmFyLW1lbnUvc2lkZWJhci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsS0FBSyxFQUlMLE1BQU0sRUFDTixZQUFZLEdBRWYsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBUTVFLE1BQU0sT0FBTywwQkFBMEI7SUFNbkMsSUFDSSxTQUFTO1FBQ1QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxLQUFtQjtRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFDRCxJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQW1CO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUNELElBQ0ksVUFBVTtRQUNWLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM1QixDQUFDO0lBQ0QsSUFBSSxVQUFVLENBQUMsS0FBbUI7UUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBQ0QsSUFDSSxjQUFjO1FBQ2QsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFJLGNBQWMsQ0FBQyxLQUFtQjtRQUNsQyxJQUFJLENBQUMsZUFBZSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFDRCxJQUNJLGlCQUFpQjtRQUNqQixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztJQUNuQyxDQUFDO0lBQ0QsSUFBSSxpQkFBaUIsQ0FBQyxLQUFtQjtRQUNyQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQVlELFlBQW1CLFNBQTRCO1FBQTVCLGNBQVMsR0FBVCxTQUFTLENBQW1CO1FBbkRoQyxVQUFLLEdBQUcsc0JBQXNCLENBQUM7UUF3QzlDLDRHQUE0RztRQUM1RywrREFBK0Q7UUFDckQseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUd6RCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDO1lBQ3BCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLO1lBQ3ZCLFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSztTQUMzQixDQUFDLENBQUM7UUFFSCw2QkFBNkI7UUFDN0IsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDO2dCQUNwQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSztnQkFDdkIsWUFBWSxFQUFFLElBQUksQ0FBQyxLQUFLO2FBQzNCLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEtBQWtCO1FBQ3ZDLG9FQUFvRTtRQUNwRSxJQUNJLEtBQUssQ0FBQyxHQUFHO1lBQ1QsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsZUFBZSxDQUFDLEVBQ2xJO1lBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1NBQ3hDO1FBRUQsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDO2tJQXpGUSwwQkFBMEI7c0hBQTFCLDBCQUEwQiwyV0N4QnZDLHFZQVVBOzs0RkRjYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0ksc0JBQXNCLG1CQUVmLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUk7d0dBR3RCLEtBQUs7c0JBQW5CLFdBQVc7Z0JBSUgsS0FBSztzQkFBYixLQUFLO2dCQUVGLFNBQVM7c0JBRFosS0FBSztnQkFRRixRQUFRO3NCQURYLEtBQUs7Z0JBUUYsVUFBVTtzQkFEYixLQUFLO2dCQVFGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBUUYsaUJBQWlCO3NCQURwQixLQUFLO2dCQVNJLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkluaXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVeEFwcFNoZWxsU2VydmljZSB9IGZyb20gJ0BldWkvY29yZSc7XG5pbXBvcnQgeyBFdWlNZW51SXRlbSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbWVudSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktYXBwLXNpZGViYXItbWVudScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItbWVudS5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUFwcFNpZGViYXJNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gICAgQEhvc3RCaW5kaW5nKCkgY2xhc3MgPSAnZXVpLWFwcC1zaWRlYmFyLW1lbnUnO1xuXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQElucHV0KCkgaXRlbXM6IGFueVtdO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc0ZpbHRlcigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2hhc0ZpbHRlcjtcbiAgICB9XG4gICAgc2V0IGhhc0ZpbHRlcih2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2hhc0ZpbHRlciA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc0ljb25zKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faGFzSWNvbnM7XG4gICAgfVxuICAgIHNldCBoYXNJY29ucyh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2hhc0ljb25zID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgQElucHV0KClcbiAgICBnZXQgaGFzVG9vbHRpcCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2hhc1Rvb2x0aXA7XG4gICAgfVxuICAgIHNldCBoYXNUb29sdGlwKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faGFzVG9vbHRpcCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGV4cGFuZEFsbEl0ZW1zKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZXhwYW5kQWxsSXRlbXM7XG4gICAgfVxuICAgIHNldCBleHBhbmRBbGxJdGVtcyh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2V4cGFuZEFsbEl0ZW1zID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgQElucHV0KClcbiAgICBnZXQgaGFzTG93ZXJjYXNlSXRlbXMoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9oYXNMb3dlcmNhc2VJdGVtcztcbiAgICB9XG4gICAgc2V0IGhhc0xvd2VyY2FzZUl0ZW1zKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faGFzTG93ZXJjYXNlSXRlbXMgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICAvLyBUT0RPOiB2MTcgY2hhbmdlIHRoZSBuYW1lOiBPdXRwdXQgYmluZGluZ3MsIGluY2x1ZGluZyBhbGlhc2VzLCBzaG91bGQgbm90IGJlIG5hbWVkIGFzIHN0YW5kYXJkIERPTSBldmVudHNcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcbiAgICBAT3V0cHV0KCkgb25TaWRlYmFySXRlbUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aU1lbnVJdGVtPigpO1xuXG4gICAgcHJpdmF0ZSBzdWJzOiBTdWJzY3JpcHRpb247XG4gICAgcHJpdmF0ZSBfaGFzRmlsdGVyID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfaGFzSWNvbnMgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9oYXNUb29sdGlwID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfZXhwYW5kQWxsSXRlbXMgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9oYXNMb3dlcmNhc2VJdGVtcyA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGFzU2VydmljZTogVXhBcHBTaGVsbFNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5zdWJzID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFzU2VydmljZS5zZXRTdGF0ZSh7XG4gICAgICAgICAgICAuLi50aGlzLmFzU2VydmljZS5zdGF0ZSxcbiAgICAgICAgICAgIHNpZGViYXJMaW5rczogdGhpcy5pdGVtcyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgLy8gc3Vic2NyaWJlIHRvIHN0YXRlIGNoYW5nZXNcbiAgICAgICAgdGhpcy5zdWJzLmFkZCh0aGlzLmFzU2VydmljZS5nZXRTdGF0ZSgnc2lkZWJhckxpbmtzJykuc3Vic2NyaWJlKChsaW5rcykgPT4gKHRoaXMuaXRlbXMgPSBsaW5rcykpKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcy5pdGVtcykge1xuICAgICAgICAgICAgdGhpcy5hc1NlcnZpY2Uuc2V0U3RhdGUoe1xuICAgICAgICAgICAgICAgIC4uLnRoaXMuYXNTZXJ2aWNlLnN0YXRlLFxuICAgICAgICAgICAgICAgIHNpZGViYXJMaW5rczogdGhpcy5pdGVtcyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uTWVudUl0ZW1DbGlja2VkKGV2ZW50OiBFdWlNZW51SXRlbSk6IHZvaWQge1xuICAgICAgICAvLyBBdXRvLWNsb3NlIHNpZGViYXIgbWVudSBhZnRlciBjbGljayB3aGVuIGluIG1vYmlsZSAvIHRhYmxldCBtb2Rlc1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICBldmVudC51cmwgJiZcbiAgICAgICAgICAgICh0aGlzLmFzU2VydmljZS5zdGF0ZS5icmVha3BvaW50cy5pc01vYmlsZSB8fCB0aGlzLmFzU2VydmljZS5zdGF0ZS5icmVha3BvaW50cy5pc1RhYmxldCB8fCB0aGlzLmFzU2VydmljZS5zdGF0ZS5pc1NpZGViYXJIaWRkZW4pXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5hc1NlcnZpY2UuaXNTaWRlYmFyT3BlbiA9IGZhbHNlO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5vblNpZGViYXJJdGVtQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZXVpLW1lbnVcbiAgICBbaXRlbXNdPVwiaXRlbXNcIlxuICAgIFtoYXNGaWx0ZXJdPVwiaGFzRmlsdGVyXCJcbiAgICBbaGFzSWNvbnNdPVwiaGFzSWNvbnNcIlxuICAgIFtoYXNUb29sdGlwXT1cImhhc1Rvb2x0aXBcIlxuICAgIFtleHBhbmRBbGxJdGVtc109XCJleHBhbmRBbGxJdGVtc1wiXG4gICAgW2hhc0xvd2VyY2FzZUl0ZW1zXT1cImhhc0xvd2VyY2FzZUl0ZW1zXCJcbiAgICBbaXNDb2xsYXBzZWRdPVwiIShhc1NlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmlzU2lkZWJhck9wZW4gJiYgIShhc1NlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmlzU2lkZWJhckhvdmVyXCJcbiAgICAoaXRlbUNsaWNrKT1cIm9uTWVudUl0ZW1DbGlja2VkKCRldmVudClcIj5cbjwvZXVpLW1lbnU+XG4iXX0=
|
|
@@ -10,7 +10,11 @@ import * as i4 from "@eui/components/eui-button";
|
|
|
10
10
|
import * as i5 from "@eui/components/eui-icon";
|
|
11
11
|
export class EuiAppTopMessageComponent extends BaseDirective {
|
|
12
12
|
get cssClasses() {
|
|
13
|
-
return [
|
|
13
|
+
return [
|
|
14
|
+
super.getCssClasses('eui-app-top-message'),
|
|
15
|
+
!this.isVisible ? 'eui-app-top-message--hidden' : '',
|
|
16
|
+
this.hasCustomContent ? 'eui-app-top-message--custom' : '',
|
|
17
|
+
].join(' ').trim();
|
|
14
18
|
}
|
|
15
19
|
get isCloseable() {
|
|
16
20
|
return this._isCloseable;
|
|
@@ -25,6 +29,12 @@ export class EuiAppTopMessageComponent extends BaseDirective {
|
|
|
25
29
|
get isVisible() {
|
|
26
30
|
return this._isVisible;
|
|
27
31
|
}
|
|
32
|
+
get hasCustomContent() {
|
|
33
|
+
return this._hasCustomContent;
|
|
34
|
+
}
|
|
35
|
+
set hasCustomContent(value) {
|
|
36
|
+
this._hasCustomContent = coerceBooleanProperty(value);
|
|
37
|
+
}
|
|
28
38
|
constructor(asService, elRef, cd, obs) {
|
|
29
39
|
super();
|
|
30
40
|
this.asService = asService;
|
|
@@ -37,6 +47,7 @@ export class EuiAppTopMessageComponent extends BaseDirective {
|
|
|
37
47
|
this.close = new EventEmitter();
|
|
38
48
|
this._isCloseable = false;
|
|
39
49
|
this._isVisible = true;
|
|
50
|
+
this._hasCustomContent = false;
|
|
40
51
|
}
|
|
41
52
|
ngAfterViewInit() {
|
|
42
53
|
// TODO: This will not work when there are more than one top-message
|
|
@@ -66,11 +77,11 @@ export class EuiAppTopMessageComponent extends BaseDirective {
|
|
|
66
77
|
this.cd.detectChanges();
|
|
67
78
|
}
|
|
68
79
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppTopMessageComponent, deps: [{ token: i1.UxAppShellService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2.ContentObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: "isCloseable", isVisible: "isVisible" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <button *ngIf=\"isCloseable\"\n euiButton euiRounded euiIconButton euiSizeS\n class=\"eui-app-top-message__close\"\n role=\"button\"\n aria-label=\"Close Icon Button\"\n (click)=\"onCloseClick()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n</div>\n", styles: [".eui-app-top-message{background-color:var(--eui-base-color-danger);color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message)}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary)}.eui-app-top-message--info{background-color:var(--eui-base-color-info)}.eui-app-top-message--success{background-color:var(--eui-base-color-success)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning);color:var(--eui-color-font)}.eui-app-top-message--warning .eui-app-top-message__close{color:var(--eui-base-color-black)}.eui-app-top-message--warning .eui-app-top-message__close:hover{color:var(--eui-base-color-white)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-
|
|
80
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: "isCloseable", isVisible: "isVisible", hasCustomContent: "hasCustomContent" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <button *ngIf=\"isCloseable\"\n euiButton euiRounded euiIconButton euiSizeS\n class=\"eui-app-top-message__close\"\n role=\"button\"\n aria-label=\"Close Icon Button\"\n (click)=\"onCloseClick()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n</div>\n", styles: [".eui-app-top-message{background-color:var(--eui-base-color-danger);color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message__close{margin-left:auto;opacity:.75}.eui-app-top-message__close:hover{opacity:1}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary)}.eui-app-top-message--info{background-color:var(--eui-base-color-info)}.eui-app-top-message--success{background-color:var(--eui-base-color-success)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning);color:var(--eui-color-font)}.eui-app-top-message--warning .eui-app-top-message__close{color:var(--eui-base-color-black)}.eui-app-top-message--warning .eui-app-top-message__close:hover{color:var(--eui-base-color-white)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
70
81
|
}
|
|
71
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppTopMessageComponent, decorators: [{
|
|
72
83
|
type: Component,
|
|
73
|
-
args: [{ selector: 'eui-app-top-message', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <button *ngIf=\"isCloseable\"\n euiButton euiRounded euiIconButton euiSizeS\n class=\"eui-app-top-message__close\"\n role=\"button\"\n aria-label=\"Close Icon Button\"\n (click)=\"onCloseClick()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n</div>\n", styles: [".eui-app-top-message{background-color:var(--eui-base-color-danger);color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message)}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary)}.eui-app-top-message--info{background-color:var(--eui-base-color-info)}.eui-app-top-message--success{background-color:var(--eui-base-color-success)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning);color:var(--eui-color-font)}.eui-app-top-message--warning .eui-app-top-message__close{color:var(--eui-base-color-black)}.eui-app-top-message--warning .eui-app-top-message__close:hover{color:var(--eui-base-color-white)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-
|
|
84
|
+
args: [{ selector: 'eui-app-top-message', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <button *ngIf=\"isCloseable\"\n euiButton euiRounded euiIconButton euiSizeS\n class=\"eui-app-top-message__close\"\n role=\"button\"\n aria-label=\"Close Icon Button\"\n (click)=\"onCloseClick()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n</div>\n", styles: [".eui-app-top-message{background-color:var(--eui-base-color-danger);color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message__close{margin-left:auto;opacity:.75}.eui-app-top-message__close:hover{opacity:1}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary)}.eui-app-top-message--info{background-color:var(--eui-base-color-info)}.eui-app-top-message--success{background-color:var(--eui-base-color-success)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning);color:var(--eui-color-font)}.eui-app-top-message--warning .eui-app-top-message__close{color:var(--eui-base-color-black)}.eui-app-top-message--warning .eui-app-top-message__close:hover{color:var(--eui-base-color-white)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"] }]
|
|
74
85
|
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.ContentObserver }]; }, propDecorators: { cssClasses: [{
|
|
75
86
|
type: HostBinding,
|
|
76
87
|
args: ['class']
|
|
@@ -84,7 +95,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
84
95
|
type: Input
|
|
85
96
|
}], isVisible: [{
|
|
86
97
|
type: Input
|
|
98
|
+
}], hasCustomContent: [{
|
|
99
|
+
type: Input
|
|
87
100
|
}], close: [{
|
|
88
101
|
type: Output
|
|
89
102
|
}] } });
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1hcHAvZXVpLWFwcC10b3AtbWVzc2FnZS90b3AtbWVzc2FnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9sYXlvdXQvZXVpLWFwcC9ldWktYXBwLXRvcC1tZXNzYWdlL3RvcC1tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFHakIsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBR1osU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFVL0MsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGFBQWE7SUFDeEQsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUM7WUFDMUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNwRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ2pFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFNRCxJQUNJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxZQUFZ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QkFBQyxlQUFlO2dCQUl0QixXQUFXO3NCQURkLEtBQUs7Z0JBUUYsU0FBUztzQkFEWixLQUFLO2dCQVVGLGdCQUFnQjtzQkFEbkIsS0FBSztnQkFVSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBFbGVtZW50UmVmLFxuICAgIEFmdGVyVmlld0luaXQsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBPbkRlc3Ryb3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFV4QXBwU2hlbGxTZXJ2aWNlIH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkL2Jhc2UnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgc3RhcnRXaXRoLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbnRlbnRPYnNlcnZlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vYnNlcnZlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1hcHAtdG9wLW1lc3NhZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b3AtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIHN0eWxlVXJsczogWycuL19zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlBcHBUb3BNZXNzYWdlQ29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1hcHAtdG9wLW1lc3NhZ2UnKSxcbiAgICAgICAgICAgICF0aGlzLmlzVmlzaWJsZSA/ICdldWktYXBwLXRvcC1tZXNzYWdlLS1oaWRkZW4nIDogJycsXG4gICAgICAgICAgICB0aGlzLmhhc0N1c3RvbUNvbnRlbnQgPyAnZXVpLWFwcC10b3AtbWVzc2FnZS0tY3VzdG9tJyA6ICcnLFxuICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2Jhbm5lcic7XG5cbiAgICBAVmlld0NoaWxkKCdhcHBUb3BNZXNzYWdlJykgYXBwVG9wTWVzc2FnZTogRWxlbWVudFJlZjtcbiAgICBhcHBUb3BNZXNzYWdlQ2hhbmdlczogU3Vic2NyaXB0aW9uO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNDbG9zZWFibGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0Nsb3NlYWJsZTtcbiAgICB9XG4gICAgc2V0IGlzQ2xvc2VhYmxlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNDbG9zZWFibGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBASW5wdXQoKVxuICAgIHNldCBpc1Zpc2libGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5faXNWaXNpYmxlID0gdmFsdWU7XG4gICAgICAgIHRoaXMuX2NhbGN1bGF0ZUhlaWdodCgpO1xuICAgIH1cblxuICAgIGdldCBpc1Zpc2libGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc1Zpc2libGU7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc0N1c3RvbUNvbnRlbnQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9oYXNDdXN0b21Db250ZW50O1xuICAgIH1cbiAgICBzZXQgaGFzQ3VzdG9tQ29udGVudCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2hhc0N1c3RvbUNvbnRlbnQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cblxuICAgIC8vIFRPRE86IE91dHB1dCBiaW5kaW5ncywgaW5jbHVkaW5nIGFsaWFzZXMsIHNob3VsZCBub3QgYmUgbmFtZWQgYXMgc3RhbmRhcmQgRE9NIGV2ZW50cyAoaHR0cHM6Ly9hbmd1bGFyLmlvL2d1aWRlL3N0eWxlZ3VpZGUjc3R5bGUtMDUtMTYpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gICAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuICAgIFxuICAgIHByaXZhdGUgX2lzQ2xvc2VhYmxlID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfaXNWaXNpYmxlID0gdHJ1ZTtcbiAgICBwcml2YXRlIF9oYXNDdXN0b21Db250ZW50ID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGFzU2VydmljZTogVXhBcHBTaGVsbFNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICBwcml2YXRlIG9iczogQ29udGVudE9ic2VydmVyLFxuICAgICkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgLy8gVE9ETzogVGhpcyB3aWxsIG5vdCB3b3JrIHdoZW4gdGhlcmUgYXJlIG1vcmUgdGhhbiBvbmUgdG9wLW1lc3NhZ2VcbiAgICAgICAgdGhpcy5hcHBUb3BNZXNzYWdlQ2hhbmdlcyA9IHRoaXMub2JzXG4gICAgICAgICAgICAub2JzZXJ2ZSh0aGlzLmFwcFRvcE1lc3NhZ2UubmF0aXZlRWxlbWVudClcbiAgICAgICAgICAgIC5waXBlKHN0YXJ0V2l0aCgwKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY2FsY3VsYXRlSGVpZ2h0KCkpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFzU2VydmljZS5zZXRTdGF0ZSh7XG4gICAgICAgICAgICAuLi50aGlzLmFzU2VydmljZS5zdGF0ZSxcbiAgICAgICAgICAgIGhhc1RvcE1lc3NhZ2U6IGZhbHNlLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5hc1NlcnZpY2UuYWN0aXZhdGVUb3BNZXNzYWdlQ3NzVmFycygwKTtcbiAgICAgICAgdGhpcy5hcHBUb3BNZXNzYWdlQ2hhbmdlcy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5hc1NlcnZpY2UuYWN0aXZhdGVUb3BNZXNzYWdlQ3NzVmFycygwKTtcbiAgICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY2FsY3VsYXRlSGVpZ2h0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNkLmRldGFjaCgpO1xuICAgICAgICBjb25zdCBoZWlnaHQgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgICB0aGlzLmFzU2VydmljZS5hY3RpdmF0ZVRvcE1lc3NhZ2UoaGVpZ2h0KTtcbiAgICAgICAgdGhpcy5jZC5yZWF0dGFjaCgpO1xuICAgICAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWFwcC10b3AtbWVzc2FnZV9fd3JhcHBlclwiICNhcHBUb3BNZXNzYWdlPlxuICAgIDxkaXYgY2xhc3M9XCJldWktYXBwLXRvcC1tZXNzYWdlX19jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiaXNDbG9zZWFibGVcIlxuICAgICAgICBldWlCdXR0b24gZXVpUm91bmRlZCBldWlJY29uQnV0dG9uIGV1aVNpemVTXG4gICAgICAgIGNsYXNzPVwiZXVpLWFwcC10b3AtbWVzc2FnZV9fY2xvc2VcIlxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlIEljb24gQnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCI+XG4gICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1jbG9zZVwiPjwvZXVpLWljb24tc3ZnPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -144,7 +144,7 @@ export class EuiAppComponent {
|
|
|
144
144
|
this.destroy$.unsubscribe();
|
|
145
145
|
}
|
|
146
146
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppComponent, deps: [{ token: i1.UxAppShellService }, { token: i2.DeviceDetectorService }, { token: i0.ChangeDetectorRef }, { token: EUI_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
147
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", userInfos: "userInfos", userSubInfos: "userSubInfos", impersonatedUserInfos: "impersonatedUserInfos", isSidebarOpen: "isSidebarOpen", isSidebarExpandOnHover: "isSidebarExpandOnHover", isShrinkHeaderActive: "isShrinkHeaderActive", isSidebarHidden: "isSidebarHidden" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(function () { return EuiAppSidebarComponent; }), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(function () { return EuiAppPageWrapperDirective; }), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(function () { return EuiAppToolbarComponent; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks?.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"asService.growlMessages\"\n [sticky]=\"asService.isGrowlSticky\"\n [closeAllSticky]=\"asService.isCloseAllSticky\"\n [life]=\"asService.growlLife\"\n [position]=\"asService.growlPosition\"\n (clicked)=\"asService.growlCallback()\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-app-main-bg-color);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i5.EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: i6.EuiToolbarComponent, selector: "eui-toolbar" }, { kind: "component", type: i7.EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: i8.EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: i9.EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["items", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems"], outputs: ["onSidebarItemClicked"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["clicked"] }, { kind: "component", type: i12.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
147
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", userInfos: "userInfos", userSubInfos: "userSubInfos", impersonatedUserInfos: "impersonatedUserInfos", isSidebarOpen: "isSidebarOpen", isSidebarExpandOnHover: "isSidebarExpandOnHover", isShrinkHeaderActive: "isShrinkHeaderActive", isSidebarHidden: "isSidebarHidden" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(function () { return EuiAppSidebarComponent; }), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(function () { return EuiAppPageWrapperDirective; }), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(function () { return EuiAppToolbarComponent; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks?.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"asService.growlMessages\"\n [sticky]=\"asService.isGrowlSticky\"\n [closeAllSticky]=\"asService.isCloseAllSticky\"\n [life]=\"asService.growlLife\"\n [position]=\"asService.growlPosition\"\n (clicked)=\"asService.growlCallback()\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-app-main-bg-color);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i5.EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: i6.EuiToolbarComponent, selector: "eui-toolbar" }, { kind: "component", type: i7.EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: i8.EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: i9.EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["items", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "hasLowercaseItems"], outputs: ["onSidebarItemClicked"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["clicked"] }, { kind: "component", type: i12.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
148
148
|
}
|
|
149
149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuiAppComponent, decorators: [{
|
|
150
150
|
type: Component,
|