@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
|
@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@eui/core";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
import * as i3 from "@eui/components/eui-dropdown";
|
|
7
|
-
import * as i4 from "@eui/components/pipes";
|
|
8
7
|
export class EuiUserProfileComponent {
|
|
9
8
|
constructor(asService) {
|
|
10
9
|
this.asService = asService;
|
|
11
|
-
this._hasWelcomeLabel = false;
|
|
12
|
-
this.welcomeLabel = 'Welcome';
|
|
13
|
-
this.impersonateLabel = 'impersonating';
|
|
14
10
|
this._euiUserProfileSizeS = false;
|
|
15
11
|
this.isOnline = true;
|
|
12
|
+
this.welcomeLabel = 'Welcome';
|
|
13
|
+
this.impersonateLabel = 'impersonating';
|
|
14
|
+
this.hasMenu = true;
|
|
15
|
+
this._hasWelcomeLabel = false;
|
|
16
16
|
}
|
|
17
17
|
get hasWelcomeLabel() { return this._hasWelcomeLabel; }
|
|
18
18
|
set hasWelcomeLabel(value) { this._hasWelcomeLabel = coerceBooleanProperty(value); }
|
|
@@ -29,22 +29,24 @@ export class EuiUserProfileComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
/** @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 });
|
|
32
|
-
/** @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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
32
|
+
/** @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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
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]=\"
|
|
36
|
-
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: {
|
|
37
|
-
type: Input
|
|
38
|
-
}], welcomeLabel: [{
|
|
35
|
+
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"] }]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { welcomeLabel: [{
|
|
39
37
|
type: Input
|
|
40
38
|
}], impersonateLabel: [{
|
|
41
39
|
type: Input
|
|
42
40
|
}], avatarUrl: [{
|
|
43
41
|
type: Input
|
|
42
|
+
}], hasMenu: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], hasWelcomeLabel: [{
|
|
45
|
+
type: Input
|
|
44
46
|
}], euiUserProfileSizeS: [{
|
|
45
47
|
type: Input
|
|
46
48
|
}], cssClasses: [{
|
|
47
49
|
type: HostBinding,
|
|
48
50
|
args: ['class']
|
|
49
51
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktdXNlci1wcm9maWxlL3VzZXItcHJvZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXVzZXItcHJvZmlsZS91c2VyLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7QUFVNUUsTUFBTSxPQUFPLHVCQUF1QjtJQWlCaEMsWUFBbUIsU0FBNEI7UUFBNUIsY0FBUyxHQUFULFNBQVMsQ0FBbUI7UUFmL0MseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFUCxpQkFBWSxHQUFHLFNBQVMsQ0FBQztRQUN6QixxQkFBZ0IsR0FBRyxlQUFlLENBQUM7UUFFbkMsWUFBTyxHQUFHLElBQUksQ0FBQztRQUloQixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7SUFLUSxDQUFDO0lBUm5ELElBQ0ksZUFBZSxLQUFjLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQztJQUNoRSxJQUFJLGVBQWUsQ0FBQyxLQUFtQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFbEcsSUFDSSxtQkFBbUIsS0FBYyxPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUM7SUFDeEUsSUFBSSxtQkFBbUIsQ0FBQyxLQUFtQixJQUFJLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFJMUcsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhO1FBQ1QsT0FBTztZQUNILGtCQUFrQjtZQUNsQixJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzlELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7O3VJQTdCUSx1QkFBdUI7MkhBQXZCLHVCQUF1QiwwVENYcEMsbzJGQXFEQTsyRkQxQ2EsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNJLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxPQUFPLGlCQUNqQyxpQkFBaUIsQ0FBQyxJQUFJO3dHQU81QixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRixlQUFlO3NCQURsQixLQUFLO2dCQUtGLG1CQUFtQjtzQkFEdEIsS0FBSztnQkFPSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBVeEFwcFNoZWxsU2VydmljZSB9IGZyb20gJ0BldWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXVzZXItcHJvZmlsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItcHJvZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vX3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlVc2VyUHJvZmlsZUNvbXBvbmVudCB7XG5cbiAgICBfZXVpVXNlclByb2ZpbGVTaXplUyA9IGZhbHNlO1xuICAgIGlzT25saW5lID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpIHdlbGNvbWVMYWJlbCA9ICdXZWxjb21lJztcbiAgICBASW5wdXQoKSBpbXBlcnNvbmF0ZUxhYmVsID0gJ2ltcGVyc29uYXRpbmcnO1xuICAgIEBJbnB1dCgpIGF2YXRhclVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGhhc01lbnUgPSB0cnVlO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc1dlbGNvbWVMYWJlbCgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX2hhc1dlbGNvbWVMYWJlbDsgfVxuICAgIHNldCBoYXNXZWxjb21lTGFiZWwodmFsdWU6IEJvb2xlYW5JbnB1dCkgeyB0aGlzLl9oYXNXZWxjb21lTGFiZWwgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpOyB9XG4gICAgcHJpdmF0ZSBfaGFzV2VsY29tZUxhYmVsOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBnZXQgZXVpVXNlclByb2ZpbGVTaXplUygpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX2V1aVVzZXJQcm9maWxlU2l6ZVM7IH1cbiAgICBzZXQgZXVpVXNlclByb2ZpbGVTaXplUyh2YWx1ZTogQm9vbGVhbklucHV0KSB7IHRoaXMuX2V1aVVzZXJQcm9maWxlU2l6ZVMgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpOyB9XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYXNTZXJ2aWNlOiBVeEFwcFNoZWxsU2VydmljZSkge31cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBhbnkge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgYGV1aS11c2VyLXByb2ZpbGVgLFxuICAgICAgICAgICAgdGhpcy5fZXVpVXNlclByb2ZpbGVTaXplUyA/ICdldWktdXNlci1wcm9maWxlLS1zaXplLXMnIDogJycsXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaGFzTWVudTsgZWxzZSBub01lbnVDb250ZW50XCI+XG4gICAgPGV1aS1kcm9wZG93biB3aWR0aD1cIjM0MHB4XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyUHJvZmlsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGV1aS1kcm9wZG93bi1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2V1aS1kcm9wZG93bi1jb250ZW50PlxuICAgIDwvZXVpLWRyb3Bkb3duPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbm9NZW51Q29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidXNlclByb2ZpbGVDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3VzZXJQcm9maWxlQ29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZS1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvc1wiIFtjbGFzcy5ldWktdXNlci1wcm9maWxlX19pbmZvcy0tbm8tc3ViaW5mb3NdPVwiKGFzU2VydmljZS5nZXRTdGF0ZSgndXNlclN1YkluZm9zJykgfCBhc3luYykgPT09ICcnICYmICFoYXNXZWxjb21lTGFiZWxcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIoYXNTZXJ2aWNlLmdldFN0YXRlKCdpbXBlcnNvbmF0ZWRVc2VySW5mb3MnKSB8IGFzeW5jKSA9PT0gJydcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3MtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy13ZWxjb21lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImhhc1dlbGNvbWVMYWJlbFwiPnt7d2VsY29tZUxhYmVsfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLW5hbWVcIj57e2FzU2VydmljZS5nZXRTdGF0ZSgndXNlckluZm9zJykgfCBhc3luY319PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYXNTZXJ2aWNlLmdldFN0YXRlKCd1c2VyU3ViSW5mb3MnKSB8IGFzeW5jXCIgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19pbmZvcy1zdWJpbmZvc1wiPlxuICAgICAgICAgICAgICAgICAgICB7e2FzU2VydmljZS5nZXRTdGF0ZSgndXNlclN1YkluZm9zJykgfCBhc3luY319XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiKGFzU2VydmljZS5nZXRTdGF0ZSgnaW1wZXJzb25hdGVkVXNlckluZm9zJykgfCBhc3luYykgIT09ICcnXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9faW5mb3Mtd2VsY29tZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoYXNXZWxjb21lTGFiZWxcIj57e3dlbGNvbWVMYWJlbH19Jm5ic3A7PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHN0cm9uZz57e2FzU2VydmljZS5nZXRTdGF0ZSgndXNlckluZm9zJykgfCBhc3luY319PC9zdHJvbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAmbmJzcDt7e2ltcGVyc29uYXRlTGFiZWx9fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLW5hbWVcIj57e2FzU2VydmljZS5nZXRTdGF0ZSgnaW1wZXJzb25hdGVkVXNlckluZm9zJykgfCBhc3luY319PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJhc1NlcnZpY2UuZ2V0U3RhdGUoJ3VzZXJTdWJJbmZvcycpIHwgYXN5bmNcIiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2luZm9zLXN1YmluZm9zXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7YXNTZXJ2aWNlLmdldFN0YXRlKCd1c2VyU3ViSW5mb3MnKSB8IGFzeW5jfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJhc1NlcnZpY2UuZ2V0U3RhdGUoJ2ltcGVyc29uYXRlZFVzZXJJbmZvcycpIHwgYXN5bmNcIiBjbGFzcz1cImV1aS11c2VyLXByb2ZpbGVfX2F2YXRhci1zaGFkb3dcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19hdmF0YXIgZXVpLXUtc3ZnIGV1aS11LXN2Zy0tZGVmYXVsdC1hdmF0YXJcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhYXZhdGFyVXJsXCIgY2xhc3M9XCJldWktdXNlci1wcm9maWxlX19hdmF0YXJcIiBbbmdDbGFzc109XCJpc09ubGluZSA/ICdldWktdXNlci1wcm9maWxlX19hdmF0YXItLW9ubGluZScgOiAnZXVpLXVzZXItcHJvZmlsZV9fYXZhdGFyLS1vZmZsaW5lJ1wiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImF2YXRhclVybFwiIGNsYXNzPVwiZXVpLXVzZXItcHJvZmlsZV9fYXZhdGFyIGV1aS11LXN2Z1wiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImF2YXRhclVybFwiIGFsdD1cImF2YXRhclwiLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
|
package/esm2020/layout/index.mjs
CHANGED
|
@@ -5,9 +5,8 @@ export * from './eui-header';
|
|
|
5
5
|
export * from './eui-language-selector';
|
|
6
6
|
export * from './eui-notifications';
|
|
7
7
|
export * from './eui-search';
|
|
8
|
-
export * from './eui-sidebar-menu';
|
|
9
8
|
export * from './eui-sidebar-toggle';
|
|
10
9
|
export * from './eui-toolbar';
|
|
11
10
|
export * from './eui-user-profile';
|
|
12
11
|
export * from './eui-layout.module';
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2V1aS1hcHAnO1xuZXhwb3J0ICogZnJvbSAnLi9ldWktYnJlYWRjcnVtYic7XG5leHBvcnQgKiBmcm9tICcuL2V1aS1mb290ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9ldWktaGVhZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLWxhbmd1YWdlLXNlbGVjdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLW5vdGlmaWNhdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9ldWktc2VhcmNoJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLXNpZGViYXItdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLXRvb2xiYXInO1xuZXhwb3J0ICogZnJvbSAnLi9ldWktdXNlci1wcm9maWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLWxheW91dC5tb2R1bGUnO1xuIl19
|
|
@@ -237,10 +237,10 @@ export class UxDropdownTreeComponent {
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
/** @nocollapse */ UxDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDropdownTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
240
|
-
/** @nocollapse */ UxDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDropdownTreeComponent, selector: "ux-dropdown-tree", inputs: { nodes: "nodes", buttonLabelAlignment: "buttonLabelAlignment", iconPosition: "iconPosition", e2eAttr: "e2eAttr", width: "width", dropdownMinHeight: "dropdownMinHeight", dropdownMaxHeight: "dropdownMaxHeight", collapseAllLabel: "collapseAllLabel", expandAllLabel: "expandAllLabel", filterLabel: "filterLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", isBlock: "isBlock", isHideToggles: "isHideToggles", isHideLines: "isHideLines", isClickSelectingNode: "isClickSelectingNode", isExpanded: "isExpanded", isShowToolbar: "isShowToolbar", hasLabels: "hasLabels", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", highlightPath: "highlightPath", hasSelectAll: "hasSelectAll", isRecursiveParentSelection: "isRecursiveParentSelection" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], viewQueries: [{ propertyName: "treeMultiselect", first: true, predicate: ["treeMultiselect"], descendants: true }], ngImport: i0, template: "<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree{font-size:95%}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label.ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0 var(--eui-base-spacing-2xs)!important;padding:10px!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"], dependencies: [{ kind: "component", type: i1.UxTreeComponent, selector: "ux-tree", inputs: ["nodes", "collapseAllLabel", "expandAllLabel", "filterLabel", "collapsedIconClass", "expandedIconClass", "setFilterValue", "e2eAttr", "isShowToolbar", "isExpanded", "isMultiselect", "isRecursiveSelection", "isClickTogglingNode", "isShowActiveNode", "isHideToggles", "isHideLines", "isClickSelectingNode", "showFilteredChildren", "expandFilteredChildren", "highlightPath", "autoTranslate", "hasLabels", "hasSelectAll", "isRecursiveParentSelection"], outputs: ["nodeClick", "nodeToggle", "selectionChange", "onFilterValue"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
240
|
+
/** @nocollapse */ UxDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDropdownTreeComponent, selector: "ux-dropdown-tree", inputs: { nodes: "nodes", buttonLabelAlignment: "buttonLabelAlignment", iconPosition: "iconPosition", e2eAttr: "e2eAttr", width: "width", dropdownMinHeight: "dropdownMinHeight", dropdownMaxHeight: "dropdownMaxHeight", collapseAllLabel: "collapseAllLabel", expandAllLabel: "expandAllLabel", filterLabel: "filterLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", isBlock: "isBlock", isHideToggles: "isHideToggles", isHideLines: "isHideLines", isClickSelectingNode: "isClickSelectingNode", isExpanded: "isExpanded", isShowToolbar: "isShowToolbar", hasLabels: "hasLabels", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", highlightPath: "highlightPath", hasSelectAll: "hasSelectAll", isRecursiveParentSelection: "isRecursiveParentSelection" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], viewQueries: [{ propertyName: "treeMultiselect", first: true, predicate: ["treeMultiselect"], descendants: true }], ngImport: i0, template: "<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree{font-size:95%}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label.ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0 var(--eui-base-spacing-2xs)!important;padding:10px!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{line-height:normal;margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{line-height:normal;margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"], dependencies: [{ kind: "component", type: i1.UxTreeComponent, selector: "ux-tree", inputs: ["nodes", "collapseAllLabel", "expandAllLabel", "filterLabel", "collapsedIconClass", "expandedIconClass", "setFilterValue", "e2eAttr", "isShowToolbar", "isExpanded", "isMultiselect", "isRecursiveSelection", "isClickTogglingNode", "isShowActiveNode", "isHideToggles", "isHideLines", "isClickSelectingNode", "showFilteredChildren", "expandFilteredChildren", "highlightPath", "autoTranslate", "hasLabels", "hasSelectAll", "isRecursiveParentSelection"], outputs: ["nodeClick", "nodeToggle", "selectionChange", "onFilterValue"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
241
241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDropdownTreeComponent, decorators: [{
|
|
242
242
|
type: Component,
|
|
243
|
-
args: [{ selector: 'ux-dropdown-tree', encapsulation: ViewEncapsulation.None, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], template: "<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree{font-size:95%}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label.ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0 var(--eui-base-spacing-2xs)!important;padding:10px!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
|
|
243
|
+
args: [{ selector: 'ux-dropdown-tree', encapsulation: ViewEncapsulation.None, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], template: "<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree{font-size:95%}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label.ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0 var(--eui-base-spacing-2xs)!important;padding:10px!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{line-height:normal;margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{line-height:normal;margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
|
|
244
244
|
}], propDecorators: { nodes: [{
|
|
245
245
|
type: Input
|
|
246
246
|
}], buttonLabelAlignment: [{
|