@eui/components 18.0.0-rc.17 → 18.0.0-rc.18
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/EuiToolbarComponent.html +4 -4
- package/docs/components/EuiToolbarMenuComponent.html +4 -0
- package/docs/components/EuiToolbarNavbarComponent.html +6 -1
- package/docs/components/EuiToolbarSearchComponent.html +81 -2
- package/docs/components/EuiToolbarSelectorComponent.html +50 -1
- package/docs/components/EuiTreeComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +5 -4
- package/esm2022/layout/eui-toolbar/toolbar-search/toolbar-search.component.mjs +38 -27
- package/esm2022/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.mjs +15 -8
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +1 -1
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +2 -2
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +64 -52
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts +4 -1
- package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts +3 -0
- package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -2,15 +2,15 @@ import * as i1$1 from '@angular/common';
|
|
|
2
2
|
import { CommonModule, NgFor, NgIf, NgForOf, AsyncPipe, NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, HostBinding, HostListener, EventEmitter, booleanAttribute, Input, Output, ContentChildren, forwardRef, NgModule, Inject, ContentChild, Host, Directive, ViewChild } from '@angular/core';
|
|
5
|
-
import * as i1$
|
|
5
|
+
import * as i1$2 from '@angular/router';
|
|
6
6
|
import { RouterModule, RouterLink } from '@angular/router';
|
|
7
7
|
import { Subscription, Subject, fromEvent, startWith } from 'rxjs';
|
|
8
8
|
import { filter, takeUntil, debounceTime } from 'rxjs/operators';
|
|
9
9
|
import * as i2 from '@eui/components/eui-menu';
|
|
10
10
|
import { EuiMenuModule } from '@eui/components/eui-menu';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i2$1 from '@eui/components/eui-button';
|
|
12
12
|
import { EuiButtonModule } from '@eui/components/eui-button';
|
|
13
|
-
import * as
|
|
13
|
+
import * as i3 from '@eui/components/eui-icon';
|
|
14
14
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
|
15
15
|
import * as i4$3 from '@eui/components/pipes';
|
|
16
16
|
import { EuiCoerceBooleanPipeModule, EuiTruncatePipeModule } from '@eui/components/pipes';
|
|
@@ -19,25 +19,25 @@ import { CssUtils, consumeEvent, EUI_CONFIG_TOKEN } from '@eui/core';
|
|
|
19
19
|
import * as i4 from '@eui/components/eui-user-profile';
|
|
20
20
|
import { EuiUserProfileMenuComponent, EuiUserProfileModule } from '@eui/components/eui-user-profile';
|
|
21
21
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
22
|
-
import * as
|
|
22
|
+
import * as i4$1 from '@eui/components/eui-icon-button';
|
|
23
23
|
import { EuiIconButtonModule } from '@eui/components/eui-icon-button';
|
|
24
|
-
import * as i3 from '@ngx-translate/core';
|
|
24
|
+
import * as i3$1 from '@ngx-translate/core';
|
|
25
25
|
import { TranslateModule } from '@ngx-translate/core';
|
|
26
26
|
import * as i2$2 from '@eui/components/eui-dropdown';
|
|
27
27
|
import { EuiDropdownModule } from '@eui/components/eui-dropdown';
|
|
28
|
-
import * as
|
|
28
|
+
import * as i5 from '@eui/components/eui-autocomplete';
|
|
29
29
|
import { EuiAutocompleteModule } from '@eui/components/eui-autocomplete';
|
|
30
|
-
import * as
|
|
30
|
+
import * as i8 from '@eui/components/directives';
|
|
31
31
|
import { EuiTemplateDirective, EuiTemplateDirectiveModule } from '@eui/components/directives';
|
|
32
|
-
import * as
|
|
32
|
+
import * as i6 from '@eui/components/eui-icon-input';
|
|
33
33
|
import { EuiIconInputModule } from '@eui/components/eui-icon-input';
|
|
34
|
-
import * as
|
|
34
|
+
import * as i7 from '@eui/components/eui-input-text';
|
|
35
35
|
import { EuiInputTextModule } from '@eui/components/eui-input-text';
|
|
36
|
-
import * as
|
|
36
|
+
import * as i9 from '@angular/forms';
|
|
37
37
|
import { FormsModule } from '@angular/forms';
|
|
38
38
|
import * as i4$2 from '@eui/components/eui-language-selector';
|
|
39
39
|
import { EuiLanguageSelectorModule } from '@eui/components/eui-language-selector';
|
|
40
|
-
import * as i9 from '@eui/components/eui-block-document';
|
|
40
|
+
import * as i9$1 from '@eui/components/eui-block-document';
|
|
41
41
|
import { EuiBlockDocumentModule } from '@eui/components/eui-block-document';
|
|
42
42
|
import * as i10 from '@eui/components/eui-growl';
|
|
43
43
|
import { EuiGrowlModule } from '@eui/components/eui-growl';
|
|
@@ -279,7 +279,7 @@ class EuiAppSidebarHeaderUserProfileComponent {
|
|
|
279
279
|
].join(' ').trim();
|
|
280
280
|
}
|
|
281
281
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
282
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], isOnline: ["isOnline", "isOnline", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i0, template: "<eui-user-profile\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n isReverse\n [hasToggle]=\"hasToggle\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n\n<button *ngIf=\"hasProfileDrawer\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-u-ml-auto\" aria-label=\"Toggle user profile details\">\n <eui-icon-svg [icon]=\"toggleProfile ? 'chevron-up:sharp' : 'chevron-down:sharp'\"></eui-icon-svg>\n</button>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-s-s) var(--eui-s-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
282
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], isOnline: ["isOnline", "isOnline", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i0, template: "<eui-user-profile\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n isReverse\n [hasToggle]=\"hasToggle\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n\n<button *ngIf=\"hasProfileDrawer\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-u-ml-auto\" aria-label=\"Toggle user profile details\">\n <eui-icon-svg [icon]=\"toggleProfile ? 'chevron-up:sharp' : 'chevron-down:sharp'\"></eui-icon-svg>\n</button>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-s-s) var(--eui-s-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "statusVariant", "hasMenu", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile", "isShowUserInfos", "euiStatusSecondary", "euiStatusSuccess", "euiStatusDanger"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
283
283
|
}
|
|
284
284
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, decorators: [{
|
|
285
285
|
type: Component,
|
|
@@ -422,7 +422,7 @@ class EuiSidebarToggleComponent {
|
|
|
422
422
|
consumeEvent(event);
|
|
423
423
|
}
|
|
424
424
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiSidebarToggleComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
425
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr", iconSvgFillColor: "iconSvgFillColor" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i0, template: "<eui-icon-button\n icon=\"eui-ecl-hamburger\"\n fillColor=\"{{iconSvgFillColor}}\"\n size=\"l\"\n [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n (click)=\"onToggleSidebar($event)\">\n</eui-icon-button>\n", dependencies: [{ kind: "component", type:
|
|
425
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr", iconSvgFillColor: "iconSvgFillColor" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i0, template: "<eui-icon-button\n icon=\"eui-ecl-hamburger\"\n fillColor=\"{{iconSvgFillColor}}\"\n size=\"l\"\n [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n (click)=\"onToggleSidebar($event)\">\n</eui-icon-button>\n", dependencies: [{ kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
426
426
|
}
|
|
427
427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiSidebarToggleComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
@@ -584,7 +584,7 @@ class EuiToolbarMenuComponent {
|
|
|
584
584
|
}
|
|
585
585
|
}
|
|
586
586
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarMenuComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
587
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiToolbarMenuComponent, isStandalone: true, selector: "eui-toolbar-menu", inputs: { items: "items" }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <ng-container *ngFor=\"let link of items\">\n <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"chevron-down:sharp\" [fillColor]=\"link.active ? 'neutral' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"chevron-down:sharp\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <ng-container *ngFor=\"let childLink of link.children\">\n <li\n *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <ng-container *ngFor=\"let childSubLink of childLink.children\">\n <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n</nav>\n", dependencies: [{ kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i2$1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
587
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiToolbarMenuComponent, isStandalone: true, selector: "eui-toolbar-menu", inputs: { items: "items" }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <ng-container *ngFor=\"let link of items\">\n <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"chevron-down:sharp\" [fillColor]=\"link.active ? 'neutral' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"chevron-down:sharp\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <ng-container *ngFor=\"let childLink of link.children\">\n <li\n *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <ng-container *ngFor=\"let childSubLink of childLink.children\">\n <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n</nav>\n", styles: [".eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none;display:flex}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{opacity:var(--eui-o-50)}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;opacity:var(--eui-o-50);cursor:not-allowed}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{opacity:var(--eui-o-50);cursor:default}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}\n"], dependencies: [{ kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
588
588
|
}
|
|
589
589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarMenuComponent, decorators: [{
|
|
590
590
|
type: Component,
|
|
@@ -595,7 +595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
595
595
|
NgIf,
|
|
596
596
|
RouterLink,
|
|
597
597
|
TranslateModule,
|
|
598
|
-
], template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <ng-container *ngFor=\"let link of items\">\n <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"chevron-down:sharp\" [fillColor]=\"link.active ? 'neutral' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"chevron-down:sharp\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <ng-container *ngFor=\"let childLink of link.children\">\n <li\n *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <ng-container *ngFor=\"let childSubLink of childLink.children\">\n <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n</nav>\n" }]
|
|
598
|
+
], template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <ng-container *ngFor=\"let link of items\">\n <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"chevron-down:sharp\" [fillColor]=\"link.active ? 'neutral' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"chevron-down:sharp\"\n [fillColor]=\"link.active ? 'neutral' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <ng-container *ngFor=\"let childLink of link.children\">\n <li\n *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <ng-container *ngFor=\"let childSubLink of childLink.children\">\n <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n</nav>\n", styles: [".eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none;display:flex}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{opacity:var(--eui-o-50)}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;opacity:var(--eui-o-50);cursor:not-allowed}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{opacity:var(--eui-o-50);cursor:default}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}\n"] }]
|
|
599
599
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClasses: [{
|
|
600
600
|
type: HostBinding,
|
|
601
601
|
args: ['class']
|
|
@@ -630,13 +630,13 @@ class EuiToolbarLogoComponent {
|
|
|
630
630
|
}
|
|
631
631
|
this.logoStyle = `width:${this.logoWidth}; height:${this.logoHeight};`;
|
|
632
632
|
}
|
|
633
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarLogoComponent, deps: [{ token: i1$
|
|
633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarLogoComponent, deps: [{ token: i1$2.Router }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
634
634
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiToolbarLogoComponent, isStandalone: true, selector: "eui-toolbar-logo", inputs: { homeUrl: "homeUrl", logoUrl: "logoUrl", logoHeight: "logoHeight", logoWidth: "logoWidth" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.class" } }, ngImport: i0, template: "<img [src]=\"logoUrlGenerated\" class=\"eui-toolbar-logo__image\" alt=\"application logo\" [style]=\"logoStyle\"/>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
635
635
|
}
|
|
636
636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarLogoComponent, decorators: [{
|
|
637
637
|
type: Component,
|
|
638
638
|
args: [{ selector: 'eui-toolbar-logo', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<img [src]=\"logoUrlGenerated\" class=\"eui-toolbar-logo__image\" alt=\"application logo\" [style]=\"logoStyle\"/>\n" }]
|
|
639
|
-
}], ctorParameters: () => [{ type: i1$
|
|
639
|
+
}], ctorParameters: () => [{ type: i1$2.Router }, { type: undefined, decorators: [{
|
|
640
640
|
type: Optional
|
|
641
641
|
}, {
|
|
642
642
|
type: Inject,
|
|
@@ -717,7 +717,7 @@ class EuiToolbarComponent {
|
|
|
717
717
|
}, 1);
|
|
718
718
|
}
|
|
719
719
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
720
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none;display:flex}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{opacity:var(--eui-o-50)}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;opacity:var(--eui-o-50);cursor:not-allowed}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{opacity:var(--eui-o-50);cursor:default}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-branding-dark)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-accent);color:var(--eui-c-accent)}.eui--secondary .eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui--secondary .eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-toolbar-selector__button{background-color:var(--eui-c-branding-dark)!important;border-color:var(--eui-c-branding-light)!important;border-radius:var(--eui-br-xl)!important;color:var(--eui-c-neutral-bg)!important}.eui-toolbar-selector__button:hover{border-color:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-selector__button:hover .eui-icon-svg svg{fill:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-search{display:flex;top:0}.eui-toolbar-search .eui-button .eui-button__container{justify-content:center}.eui-toolbar-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-xl)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-toolbar-search .eui-input-text--clearable-icon{display:none}.eui-toolbar-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-toolbar-search--focus .eui-toolbar-search__input-button{color:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-toolbar-search__input-button .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-search__icon{display:none}.eui-toolbar-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-toolbar-search__input-button .eui-icon-svg{z-index:1}.eui-toolbar-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-white)!important;fill:var(--eui-c-white)!important}.eui-toolbar-search--no-animation .eui-input-text{transition:none}.eui-toolbar-search--focus.eui-toolbar-search--no-animation .eui-input-text{width:200px}.eui--secondary .eui-toolbar-search .eui-input-text{background-color:var(--eui-c-neutral-bg-light);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neugral-bg-light-contrast)}.eui--secondary .eui-toolbar-search__input-button{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast);border-color:var(--eui-c-neutral-lighter)}.eui--secondary .eui-toolbar-search__input-button:hover,.eui--secondary .eui-toolbar-search__input-button:focus{background-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}@media screen and (max-width: 767px){.eui-toolbar-search{display:none}}\n"], dependencies: [{ kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl", "logoUrl", "logoHeight", "logoWidth"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
720
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAnCAYAAACcwx/pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE2RGmv9QAAFD5JREFUeNrlmgdUVVe+xq8xM1GjycS8mExi1kscY4w6scWGxi5SbMHejRpL1FghChJBQZFepAuICoIIiAqGKiJqVCxBQQkWRFEBJfYue37/y2VGHUHBvPfyMqz1rXPuOeeec/e3v+9f9kFjZWWl+T1h8eLFWpw4ccJEPltaWlb5HmZmZpqIiIhPtm3b1mT27Nkaa2vr//Hfrfm9ESkDT0pKMvzpp5/6mpqaapYsWVLle8j3QkJCml+7dm21fLawsPjPInLu3LmasLCwFnl5eZbz58+vlhrLFRkYGPie4o8JGSKT8x9D5IIFCzROTk71b9686eTm5lZn48aN/y2W/OGHH6p8r++//17j5eX16sOHD9MfPXp029PTs7ao9A9PpJBob2//p9u3bwf6+Ph8/OOPP3Y+cOBA/5exdlBQUCMEuR5cPXPmjL88o7oK/39BpAzQzs6uNgP2i4yM7BQQENCoqKjIQmz+MtbmPg245y0dmYrE00XCxR+OSLHsnDlzNC4uLu+WlpYmJyQk9Fu5cuUbly9fdud8DZJF/Ze0dk0U7g+H10AsNr9ka2urWbhw4R+DSCltRIViv/T09DGQmLFly5YvGeQbDDyE+NggLi6uQ0ZGRj8hpLrWDg4O/uTOnTsu169f3wWJaeB4dna2zbx586o1Of9nRAoB5ZDyQ+wmg5DP69ata11YWBh59+7d3e7u7u+hyg9ICjGQ+NHq1auboEoLIUNIf0lrK55jdf/+/ZM3btwI5eN16ssW8jt+N0TKrAokjoldFi1apB2AxKFyiPLk2PLly0UhTfbs2fMd5KUyoJ1paWlD5DvErkF8TnV2dm5Idm3GwB3kfuzXFWtXR5HyfQ8Pj1eJtbZC5oULFxY9ePAgD8VH37t3b79cY25u/r9DpBAkEFWIxQSiEiFHSBIS5MfINShJAxFvQlZjMm632NhYE2w7Iz8/3xFioqScA4dKSko2klB6C0EQVb+goCCYwcVD9J82bdrU7tatW/4rVqx4befOnV1Pnjw5XJ5ZHRvK71y7du2n3M+O+6+jpMo5f/68PZ/TmMg9hw4dmlHujt+MSCGmHOVECWQAMmAJ0BS39bBc4+jo6C9R1RiKXEtmeTXx50d+5FGZdFCsw0ni3k6K6uDc3FwrkshAvv/+smXLtA+EsDYQGMh1R7Zv3z5G1LN///6Zv/76q79MWmpqal/ubYuSa76Mtf39/euLGiHQFlungESZSA7Fgaw1a9Z8/FtmcU1UVNQHDK4lJBlnZmZOIyBbZWVl+dBebccGRyGliAffA/clxoCznNt16dKltQcPHrQ9cuTINAjpQ0fSlCL6LWJeHV9f39p8fmf9+vXN4uPjB/7888/mDGgdakiHsC3JyckTly5dqvH29m6EYsNQnzYJoOLxkLxCsrmjo+Mrck11VCNOcXBwqMF9RwiZV69enctYDkOmO6qM4fdH8/vXiat+q/ZRo576g7jLILO4uHgrg3THBrOJZwMZpB5kt4a0ljt27OgCBmDB6djXVtTH9QmiMnCGxFEgW/AzP3gbA1rO9wwhua4onUTwKaoLIJPu2bBhQy9xAM+y5j52kydPFtV2PHfu3EgZaHWtzX2bnjp1aj6F/SjGoyjKpzORp5hQO1wUT8yMZ0zDpF79LSwuRC45e/bsItRogVpMebglD1155cqVAD5HQ1ASM/qzzr5XQAm4xI/JlB+UnZ3lezw7y/TA/n0mYWEbukduimi2OTrqLU/PVX/2XLVK4+fro1kbvKZBSnJS3+ysrBXXr12LLC4qCkpOThpgbW2l8fH2ev/K5WLvhIT4gbNmztQkJiZ0LSosnLuUc3PmzMamphoz00rAeVMmQsJA+SqPWNvPz+9tEQbusiJ0TJHinPHMQ5UZjGk5sVNidyKEfz5r1qyXLomEyMu6ovUGCrlGqVAETkPSXlQScfHiRTcsPJ94NwIF9tq6dWur8PDwJjExMc2Tk1PabdkcpZexf0+/vFM5k8/kHrfMO3nC8+Hdm9Gq9P4e9eheri4cKN02+tL5vPnpO5O7xcZEtiu8kO/IsYLii+dmxkSGtzt54pi1ZPQDe9P7JP64rfeetBSD3TuTK0V6WrJhSlKCgYur6+vlNpUtxf2rhKmvdGTOpi6dha1P4hBr1LgNcbhSZgVQa25nPL3Lc0R1uykNcnf65ZdflvKwBdhtOvtm8plYZc/MBVBCRPLAdOxxQiwLLrAv6jz76OGDAo9tOcrANFYZWyWARO1W3yJW9TEHbHst3KJ6fh8juNfz+y13e5tv014zwCZFGS2J5/gWJcfks7F1ourJ9YYcH7AsRfVflvxcGJrFqc37C1V87OamC3TJQwghRn8Kad5Hjx7tIjEel5khDAt+/0HG5YRQAhlbAONcytaXsOISGhraXlRdnnAltIjSX8T6osginV1v8pCbqLIQ5DJj+7F3MnaIIMa5YP35p0+fHpuSktIPVXYje7fMPnp4ygi7ZKX53E5purlVHV1BJ2el0XMu2y8/VpV78GyLtYdU8vboJma6FR4pmyiv6jHh91BhHMLowphKCFtTpUBnTLE4zReiFxMznU+cOGGGYkcdP37c7NixY6a7d+8eQhnXVSoVktafhVDJ8BIyRO3PCgMabuTCjWyxrikPmMn+HG44H/IseZA7s7WWh8Ywg7sgOhtb5INy8m+Mc0gq1XR2VZp+vs+HMdD3VJpeq5TGyFu9BtrMjFAtpoWrPxv7KI2hd9m5vl5c6/Ni9+ziqmzCM1VSbNQ/iRR7SsanangL656CzCNJSUlt2S9EgbPJCbZk8Y0cD8jJyZkBccPY2lOBjCPRfYEyW5Acu0DucCqOGaj6W0q+wVQ4X5Aw68v9n872WkUyc7+CO+A2KAEF1IhZEJtCqRDGQ5y56SLsPwOSh0m5Q3/cCkWOmuyWViqDeT6JPuoViPvbxBDsG6Nq9V6lGo1coy5cvqly8kvUB0MC1OsQaGCxVX04bp16RYg08nlxIuP+pUixNnGvMaR5oara2DYC4gqI8T1IMgf37dv3LUJZyvh8GJsVtnemidBnXL1w2pC9e/caJSYm9uNYF8j7nLKuDWVcF743aNeuXSMOHz48njr1Y1HqP4lEiSuABUr8lpuOJ0CPZ388pcEUHjAPNS7F0h7YIpRYuR2L7EOZx/hhpx8+eFAy3jFZPZdIIaWPp6rHNv0o4fVRqWo+OVTV6O6uXKKOqOUbMpSms4vqtiBam5Uid51Utfp6lqm3GkSWW5tb3ZGSh97+TVRlJokVUvVJpj+RQKcybnOsvJQ2tTvkLCUELEK5xqiyOUQ1pgv7gs894aI/5A5iXx/LC7lf+Pj41Hu8zdRAzBlwUTK2PFi3hndVyh3UmE25kE683IQSPVCkOVL/moxtyGy1zcnOnDDJLe05RJaRqCWF66a6pSq7sIOq7lf+ZarTnath4KXeGRGknCF2qG28llitxfusqjKRYj0bG5sadC+vU49GSDMRFxfXhy7LEBLPQdhY1BqGwmYQ8wcgFDdIGkhb2Xzz5s0dONYdDKKGNmHbX9YyyQtthViU2gHl6gUFBf3lCUWitGBk7srNF3LzKZA1EWWOYaZGIudxEDiRmDKL44uZQXuu8+H6cOJNLD/qSKWK1MW9plPC1LKQDNVoUqjSYGlJKDUH+JWdN9KBfe2xL1215H7yzQZlG5qhGk8KKYudFcXMCqxN1v4b8X0T/f+bqGkUZD5CBAsgqhnxPguS5pF4/CHRSfp8LDtWcgPHx0NUd8n60q9LiGC/NRPxJRNhRFfWHzX3R5ENniCSxHEBFGLVEp0qb+hqPomVFwjIucSVw1gkmYdKOyc2t6Jj+OaX40ctJ1emSBk8mXWi8w6tZSc6p5RlZaMKiCknFjKne+zUfme0XaLSEAKqQqT0766urrX4zbIOoIiNoyDlbULTLsaTCnEfo9RwiHagaxvOvh/CWYxwDCIiIlpTpP8dBXZgAgxQ4BCIGwCJfTnWXl7Ocb4596/7+FqABnL8IMeJDG2Bhb/jhtOJkRPBGALvUGbHhLgwiPLHhBkdJ1mMmTPls1Vx4cWwiS6plSeb3p7q/bFr1Qi7BNWEuPhcqwphqLYpihSLvzc6uMz+VbC21H2UKDUYrIZWdpw0HJCYBIEfobzvGGeWNBfERWtcuBaVmUCYPrFwFIqcJlvOGzDunihRD/LaQmJLQlpXyO0NLyOIu399fLVdgz3zkfolrFqii493dbFScANVFqPWfHACxR5CnSkE7CgSkQ+tXdgE5x2VEAkpvTxUXZPVSvOFg9IYoMT+z8/u2muImZp2DqqefFdKon5Vszaq+Zgx7QsMDPxcCCWJrhRCIW8usa4FNXI85Y6lECWrVCRVL65ZIIkFVbaH9M8kWxMju0D0IBw4hHPDJemw1Sf+vvMEkajRD5JW8RAXSLVBbRZgLoqcBiYg/ZGUOiNQ4lAIHMZDR3LTr8GkgnN5zijy2dYWi5JERq1IUIdyi9Qwm/iyhPMiJY3uu4OXbVeHc4u19yj7rvcLESmxy9nZ+TU6mCjdKnlMSEhIY+rKjyBsEyTCT4oBY5hXUlKyRsohyGtDNm4jcZDjwxn3aEgfglJH0qsbc64X7mwDue1QeSc3N7d3Hq8lNaixGKWVL0b8qsN1nTpvS8eDKq9KEc510iLKqk4W2Xz39WtXMyY4pTybSOOyWDfGPkk9ePhIGVvGlnUiL1Jo62KrvvlWdf/BQ0XRT2x1ffZ3K7C2FOSyBkpsbIB9Q2QsJNEgPz+/htHR0T0gMJUk6kn10Ztieybt8SpEZU88nIKlvyQrN+O7H3J9I9Tdkuv0JNGgYhOIn0B59OETyYbZsoUccxLId0h7itSQEh/BSDAEGDN7+vJAyWagq1T9zLDeqZysaVNX7a6YSLLt25Q09YcFqlfkmIH3i3Ur/cqsXZPtW0MD1dvDgyrO3M8gUvpkBt+QyT8EKWPkVYeTk1MdnCavHnIYqw9xrzlq+4rObj2fnYh7A1FdR451JR72pNsRZQ5GfVJbj4W80cRXY3joyfnOhIwnyx9qxbO69cNC3Qr348osx2WuKQIXwXmQr1tvvKBVS+cKiJSt1II9PdQnkmhk//FzFamxX9kkNCHhaHq4l8XLKiQbKZQdHR1robII3aJ0EQW5jZeX11vEy5pYdS6xfqeskwp5xMnunJ+Tn5+/QpYR6eLGY+1B1I+dmIhW8rKO61pCoNi/FwQb+fr6NnyCSB7iCRxQ5hKYX4T8Z4MpUkuCIUD+oamnvDJFiVKMtgUtyGBNszMPj6m0/JGYRpb+1j1V3bh1T02W8kcSh2ElytT127M802hLHqiprjvKak+jF0825UW5EGpnZ6fByvrYexPjzKf1jSeR9IWIv6AuIxTpxbnVkPct6tOnMO9I7diRpNIVK/dNTU0dSSUzgXg5ER6+wdrDSDYj6Ln/+kRnI681dCggFl4ChZKpdbgiK+a6Bd1ilFiog8TKs6Wljy5VXpCD7m6qh1mMNuHIkpp2pUfKmXIyjX3+pVA5Jkmlk7MyXLxNHcgpVJ3nRZWpsoq9NvHtfdyWiGVnent7vy8rNpK9se4wklAk57ZR6piSwfXkVYus+EOUlH5mhIDJEDYcIocSM/XZ74kSDSmJ5M2AHkT3YCLqP02kI4WrDTewoGtZAGaAiWAUMAFGQHrRjqiyLbP4d9CUDqFhduahryovyMuIem2Qv7YMep1ti+nhavjyBFVPuhiJmRzXAhLf5PwIzn2KpWvLdwgJ2u9WFgoqyNouLi51UFuQTiTyvgnXnnInNuoRL4XU2qhtoKxD4sYg6mlr7DwBtRngNj1ygHQzn5HNm7HfimzejvOdsbch15j8Wx0pwRd1/UJgzkV9J9k/pcNpzp3WxcK8pyDHZPW7QBsjn7dooVPaayDxYL62Y2k1NUzV4XMPWfhdtEW733H2Ju258NRcVRMStTHVyLvKvXY5pDwReHh41CYc9SNMraS2TOYR+1BkOEqbi+2FtCbEw9YQ2EeWzhDNWNQ6WqxM2fcNIhtFizwa209A4YP5Xl9PT893no6RARInkbs9D7KRdUhgCmZxw2+YhXGyXgcGAQPQHXSiIG195MDecVMqytrPSiIoT7qVhQF7VW2K7ne/8leXr95WV2/cVQ3Yl4WMH4L3KeMfYsvsbFz9ZTQU8y7i2IXivCFxPPXfZ/b29q+IGiG2Fq5qRSaeTl3pghq9iZMOEDSHMY+UF3W0i+1RZIvQ0NBmqFhU+Rlkf4YyWxMOuqLo/3qijoTE4+CoLEDw4MNsD4EMjh2gxtzHg/bRk/4EdoM0sAMkgbg7t2/trbCOrKhjkRhIjSjlUE2y8XiHZDWJJFQT1WpXg6ReFCX29602kWI5MnQdWZDgd25nLJk6J4nDMmkXE8nQbqhrAjGzGyS1ZdtcLCwFN0JpD5HtyNidsHYPyOtBVu8B0QYcH8znkcHBwe89YW1ku4amXV7Yy0qIJ8S5o05nspYDad4eiS8HtsAKLAHmYCElxLz8vFOrxjpCZHvHMoKqCilruriUQfb7VOMePNsq9IgQ+Uk5kfLeRRYU5P241JTlbxdJOvKPAw1RWCfUOBzMRYFWUktDrA1kLYaP+ezPwtaTOD9USh22vSXBkBc6o1JpG1sGBAS88YS16VD2U1PtIT6mocAkYkgciKYVDCfJrGcbALyBmyyjARuwhAfOKyq86D7NI0272l13cEDVYfIUqnGPWpRK9puOqcTYqCamjy3sklXfRBQ+WNYTYuyAORl3Fpb+GqUNhhBZU+2BwvTIxu0JYbLW2JaOph3HOnCtoK0A4trznQ6gI6R2huTedDz/FiPv6BYqJLM9lHU7VYW/hxTp96RQLy39rVEAzj0P9x9p32ieDw0JbbTgsRgp1lPV+yvVtcclunf5ebrwJyEuhSI/BmyU9+HyMqycyH8A+DMEfRk1J+wAAAAASUVORK5CYII=);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"], dependencies: [{ kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl", "logoUrl", "logoHeight", "logoWidth"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
721
721
|
}
|
|
722
722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarComponent, decorators: [{
|
|
723
723
|
type: Component,
|
|
@@ -727,7 +727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
727
727
|
EuiToolbarAppComponent,
|
|
728
728
|
AsyncPipe,
|
|
729
729
|
NgTemplateOutlet,
|
|
730
|
-
], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none;display:flex}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{opacity:var(--eui-o-50)}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;opacity:var(--eui-o-50);cursor:not-allowed}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{opacity:var(--eui-o-50);cursor:default}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-branding-dark)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-accent);color:var(--eui-c-accent)}.eui--secondary .eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui--secondary .eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}.eui-toolbar-selector__button{background-color:var(--eui-c-branding-dark)!important;border-color:var(--eui-c-branding-light)!important;border-radius:var(--eui-br-xl)!important;color:var(--eui-c-neutral-bg)!important}.eui-toolbar-selector__button:hover{border-color:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-selector__button:hover .eui-icon-svg svg{fill:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-search{display:flex;top:0}.eui-toolbar-search .eui-button .eui-button__container{justify-content:center}.eui-toolbar-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-xl)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-toolbar-search .eui-input-text--clearable-icon{display:none}.eui-toolbar-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-toolbar-search--focus .eui-toolbar-search__input-button{color:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-toolbar-search__input-button .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-search__icon{display:none}.eui-toolbar-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-toolbar-search__input-button .eui-icon-svg{z-index:1}.eui-toolbar-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-white)!important;fill:var(--eui-c-white)!important}.eui-toolbar-search--no-animation .eui-input-text{transition:none}.eui-toolbar-search--focus.eui-toolbar-search--no-animation .eui-input-text{width:200px}.eui--secondary .eui-toolbar-search .eui-input-text{background-color:var(--eui-c-neutral-bg-light);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neugral-bg-light-contrast)}.eui--secondary .eui-toolbar-search__input-button{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast);border-color:var(--eui-c-neutral-lighter)}.eui--secondary .eui-toolbar-search__input-button:hover,.eui--secondary .eui-toolbar-search__input-button:focus{background-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}@media screen and (max-width: 767px){.eui-toolbar-search{display:none}}\n"] }]
|
|
730
|
+
], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"] }]
|
|
731
731
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
|
732
732
|
type: HostBinding,
|
|
733
733
|
args: ['class']
|
|
@@ -913,7 +913,7 @@ class EuiToolbarNavbarComponent {
|
|
|
913
913
|
this.itemClick.emit(id);
|
|
914
914
|
}
|
|
915
915
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarNavbarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarNavbarComponent, isStandalone: true, selector: "eui-toolbar-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiToolbarNavbarItemComponent) }], ngImport: i0, template: "@if ( (asService.breakpoints$ | async).
|
|
916
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarNavbarComponent, isStandalone: true, selector: "eui-toolbar-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiToolbarNavbarItemComponent) }], ngImport: i0, template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n <eui-dropdown isLabelUpdatedFromSelectedItem>\n <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n {{ item.label }}\n </button>\n </eui-dropdown-content>\n </eui-dropdown>\n} @else {\n <ng-content></ng-content>\n}\n", styles: [".eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-branding-dark)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-accent);color:var(--eui-c-accent)}.eui--secondary .eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui--secondary .eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"], dependencies: [{ kind: "ngmodule", type: EuiDropdownModule }, { kind: "component", type: i2$2.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"], outputs: ["expand"] }, { kind: "component", type: i2$2.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i2$2.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
917
917
|
}
|
|
918
918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarNavbarComponent, decorators: [{
|
|
919
919
|
type: Component,
|
|
@@ -923,7 +923,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
923
923
|
EuiIconModule,
|
|
924
924
|
AsyncPipe,
|
|
925
925
|
NgForOf,
|
|
926
|
-
|
|
926
|
+
NgFor,
|
|
927
|
+
], template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n <eui-dropdown isLabelUpdatedFromSelectedItem>\n <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n {{ item.label }}\n </button>\n </eui-dropdown-content>\n </eui-dropdown>\n} @else {\n <ng-content></ng-content>\n}\n", styles: [".eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-branding-dark)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-accent);color:var(--eui-c-accent)}.eui--secondary .eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui--secondary .eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"] }]
|
|
927
928
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ElementRef }], propDecorators: { class: [{
|
|
928
929
|
type: HostBinding
|
|
929
930
|
}], itemClick: [{
|
|
@@ -934,7 +935,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
934
935
|
}] } });
|
|
935
936
|
|
|
936
937
|
class EuiToolbarSelectorComponent {
|
|
937
|
-
constructor() {
|
|
938
|
+
constructor(asService) {
|
|
939
|
+
this.asService = asService;
|
|
938
940
|
this.class = 'eui-toolbar-selector';
|
|
939
941
|
this.euiDisabled = false;
|
|
940
942
|
this.selectorClick = new EventEmitter();
|
|
@@ -942,16 +944,18 @@ class EuiToolbarSelectorComponent {
|
|
|
942
944
|
onClick() {
|
|
943
945
|
this.selectorClick.emit(true);
|
|
944
946
|
}
|
|
945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
946
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
947
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSelectorComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
948
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarSelectorComponent, isStandalone: true, selector: "eui-toolbar-selector", inputs: { label: "label", iconSvgName: "iconSvgName", euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { selectorClick: "selectorClick" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "@if ((asService.breakpoints$ | async).isLtLargeTablet) {\n <eui-icon-button [icon]=\"iconSvgName\" (buttonClick)=\"onClick()\"/>\n} @else {\n <button euiButton euiButtonOutline [euiDisabled]=\"euiDisabled\" (click)=\"onClick()\" class=\"eui-toolbar-selector__button\">\n {{ label }}\n <eui-icon-svg [icon]=\"iconSvgName\" fillColor=\"neutral-bg\" size=\"s\" class=\"eui-u-ml-m\"></eui-icon-svg>\n </button>\n}\n", styles: [".eui-toolbar-selector__button{background-color:var(--eui-c-branding-dark)!important;border-color:var(--eui-c-branding-light)!important;border-radius:var(--eui-br-xl)!important;color:var(--eui-c-neutral-bg)!important}.eui-toolbar-selector__button:hover{border-color:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-selector__button:hover .eui-icon-svg svg{fill:var(--eui-c-white)!important;color:var(--eui-c-white)!important}\n"], dependencies: [{ kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "ngmodule", type: EuiIconButtonModule }, { kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
947
949
|
}
|
|
948
950
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSelectorComponent, decorators: [{
|
|
949
951
|
type: Component,
|
|
950
952
|
args: [{ selector: 'eui-toolbar-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
951
953
|
EuiButtonModule,
|
|
952
954
|
EuiIconModule,
|
|
953
|
-
|
|
954
|
-
|
|
955
|
+
EuiIconButtonModule,
|
|
956
|
+
AsyncPipe,
|
|
957
|
+
], template: "@if ((asService.breakpoints$ | async).isLtLargeTablet) {\n <eui-icon-button [icon]=\"iconSvgName\" (buttonClick)=\"onClick()\"/>\n} @else {\n <button euiButton euiButtonOutline [euiDisabled]=\"euiDisabled\" (click)=\"onClick()\" class=\"eui-toolbar-selector__button\">\n {{ label }}\n <eui-icon-svg [icon]=\"iconSvgName\" fillColor=\"neutral-bg\" size=\"s\" class=\"eui-u-ml-m\"></eui-icon-svg>\n </button>\n}\n", styles: [".eui-toolbar-selector__button{background-color:var(--eui-c-branding-dark)!important;border-color:var(--eui-c-branding-light)!important;border-radius:var(--eui-br-xl)!important;color:var(--eui-c-neutral-bg)!important}.eui-toolbar-selector__button:hover{border-color:var(--eui-c-white)!important;color:var(--eui-c-white)!important}.eui-toolbar-selector__button:hover .eui-icon-svg svg{fill:var(--eui-c-white)!important;color:var(--eui-c-white)!important}\n"] }]
|
|
958
|
+
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { class: [{
|
|
955
959
|
type: HostBinding
|
|
956
960
|
}], label: [{
|
|
957
961
|
type: Input
|
|
@@ -965,7 +969,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
965
969
|
}] } });
|
|
966
970
|
|
|
967
971
|
class EuiToolbarSearchComponent {
|
|
968
|
-
|
|
972
|
+
get cssClasses() {
|
|
973
|
+
return [
|
|
974
|
+
'eui-toolbar-search',
|
|
975
|
+
this.isInputFocus ? 'eui-toolbar-search--focus' : '',
|
|
976
|
+
!this.hasExpandAnimation ? 'eui-toolbar-search--no-animation' : '',
|
|
977
|
+
]
|
|
978
|
+
.join(' ')
|
|
979
|
+
.trim();
|
|
980
|
+
}
|
|
981
|
+
constructor(asService) {
|
|
982
|
+
this.asService = asService;
|
|
969
983
|
this.isInputFocus = false;
|
|
970
984
|
this.searchInput = '';
|
|
971
985
|
this.panelWidth = '25vw';
|
|
@@ -980,15 +994,6 @@ class EuiToolbarSearchComponent {
|
|
|
980
994
|
this.inputFocus = new EventEmitter();
|
|
981
995
|
this.inputBlur = new EventEmitter();
|
|
982
996
|
}
|
|
983
|
-
get cssClasses() {
|
|
984
|
-
return [
|
|
985
|
-
'eui-toolbar-search',
|
|
986
|
-
this.isInputFocus ? 'eui-toolbar-search--focus' : '',
|
|
987
|
-
!this.hasExpandAnimation ? 'eui-toolbar-search--no-animation' : '',
|
|
988
|
-
]
|
|
989
|
-
.join(' ')
|
|
990
|
-
.trim();
|
|
991
|
-
}
|
|
992
997
|
ngAfterContentInit() {
|
|
993
998
|
if (this.isAutocomplete) {
|
|
994
999
|
this.isInputText = false;
|
|
@@ -1030,28 +1035,35 @@ class EuiToolbarSearchComponent {
|
|
|
1030
1035
|
this.search.emit(this.searchInput);
|
|
1031
1036
|
}
|
|
1032
1037
|
}
|
|
1033
|
-
onSearchClick() {
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1038
|
+
onSearchClick(isIconOnly) {
|
|
1039
|
+
if (isIconOnly) {
|
|
1040
|
+
this.searchClick.emit(null);
|
|
1041
|
+
}
|
|
1042
|
+
else {
|
|
1043
|
+
this.isInputFocus = false;
|
|
1044
|
+
if (this.searchInput) {
|
|
1045
|
+
this.searchClick.emit(this.searchInput);
|
|
1046
|
+
}
|
|
1037
1047
|
}
|
|
1038
1048
|
}
|
|
1039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarSearchComponent, isStandalone: true, selector: "eui-toolbar-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute], isInputText: ["isInputText", "isInputText", booleanAttribute], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute] }, outputs: { search: "search", selectionChange: "selectionChange", searchClick: "searchClick", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i0, template: "<eui-icon-input euiIconPositionEnd>\n
|
|
1049
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSearchComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1050
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiToolbarSearchComponent, isStandalone: true, selector: "eui-toolbar-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute], isInputText: ["isInputText", "isInputText", booleanAttribute], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute] }, outputs: { search: "search", selectionChange: "selectionChange", searchClick: "searchClick", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i0, template: "@if ((asService.breakpoints$ | async).isLtLargeTablet) {\n <eui-icon-button icon=\"eui-ecl-search\" (buttonClick)=\"onSearchClick(true)\"/>\n\n} @else {\n <eui-icon-input euiIconPositionEnd>\n @if (isAutocomplete) {\n <eui-autocomplete [autocompleteData]=\"searchResults\"\n placeholder=\"{{placeholderLabel}}\"\n panelWidth=\"{{panelWidth}}\"\n (inputBlur)=\"onInputBlur($event)\"\n (inputFocus)=\"onInputFocus($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n (inputChange)=\"onSearch($event)\">\n @if (templates.length !== 0) {\n <ng-template let-option euiTemplate=\"dropdownOption\">\n <ng-container\n [ngTemplateOutlet]=\"resultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\">\n </ng-container>\n </ng-template>\n }\n </eui-autocomplete>\n } @else {\n @if (isInputText) {\n <input euiInputText class=\"mywp-search-bar__input\" [(ngModel)]=\"searchInput\"\n placeholder=\"{{ placeholderLabel }}\"\n (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\" />\n }\n }\n\n @if (hasSearchButton) {\n <button class=\"eui-toolbar-search__input-button\"\n euiButton\n euiIconButton\n euiSizeS\n [euiSecondary]=\"isInputFocus\"\n [euiPrimary]=\"!isInputFocus\"\n (click)=\"onSearchClick(false)\"\n aria-label=\"search button\">\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n </button>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n }\n </eui-icon-input>\n\n}\n\n", styles: [".eui-toolbar-search{display:flex;top:0}.eui-toolbar-search .eui-button .eui-button__container{justify-content:center}.eui-toolbar-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-xl)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-toolbar-search .eui-input-text--clearable-icon{display:none}.eui-toolbar-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-toolbar-search--focus .eui-toolbar-search__input-button{color:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-toolbar-search__input-button .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-search__icon{display:none}.eui-toolbar-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-toolbar-search__input-button .eui-icon-svg{z-index:1}.eui-toolbar-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-white)!important;fill:var(--eui-c-white)!important}.eui-toolbar-search--no-animation .eui-input-text{transition:none}.eui-toolbar-search--focus.eui-toolbar-search--no-animation .eui-input-text{width:200px}.eui--secondary .eui-toolbar-search .eui-input-text{background-color:var(--eui-c-neutral-bg-light);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neugral-bg-light-contrast)}.eui--secondary .eui-toolbar-search__input-button{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast);border-color:var(--eui-c-neutral-lighter)}.eui--secondary .eui-toolbar-search__input-button:hover,.eui--secondary .eui-toolbar-search__input-button:focus{background-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "ngmodule", type: EuiIconButtonModule }, { kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiAutocompleteModule }, { kind: "component", type: i5.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["inputId", "autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "ngmodule", type: EuiIconInputModule }, { kind: "component", type: i6.EuiIconInputComponent, selector: "eui-icon-input", inputs: ["euiIconPositionStart", "euiIconPositionEnd"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: EuiInputTextModule }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "ngmodule", type: EuiTemplateDirectiveModule }, { kind: "directive", type: i8.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1041
1051
|
}
|
|
1042
1052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiToolbarSearchComponent, decorators: [{
|
|
1043
1053
|
type: Component,
|
|
1044
1054
|
args: [{ selector: 'eui-toolbar-search', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
1045
1055
|
EuiButtonModule,
|
|
1046
1056
|
EuiIconModule,
|
|
1057
|
+
EuiIconButtonModule,
|
|
1047
1058
|
EuiAutocompleteModule,
|
|
1048
1059
|
EuiIconInputModule,
|
|
1049
1060
|
NgTemplateOutlet,
|
|
1050
1061
|
EuiInputTextModule,
|
|
1051
1062
|
EuiTemplateDirectiveModule,
|
|
1052
1063
|
FormsModule,
|
|
1053
|
-
|
|
1054
|
-
}]
|
|
1064
|
+
AsyncPipe,
|
|
1065
|
+
], template: "@if ((asService.breakpoints$ | async).isLtLargeTablet) {\n <eui-icon-button icon=\"eui-ecl-search\" (buttonClick)=\"onSearchClick(true)\"/>\n\n} @else {\n <eui-icon-input euiIconPositionEnd>\n @if (isAutocomplete) {\n <eui-autocomplete [autocompleteData]=\"searchResults\"\n placeholder=\"{{placeholderLabel}}\"\n panelWidth=\"{{panelWidth}}\"\n (inputBlur)=\"onInputBlur($event)\"\n (inputFocus)=\"onInputFocus($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n (inputChange)=\"onSearch($event)\">\n @if (templates.length !== 0) {\n <ng-template let-option euiTemplate=\"dropdownOption\">\n <ng-container\n [ngTemplateOutlet]=\"resultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\">\n </ng-container>\n </ng-template>\n }\n </eui-autocomplete>\n } @else {\n @if (isInputText) {\n <input euiInputText class=\"mywp-search-bar__input\" [(ngModel)]=\"searchInput\"\n placeholder=\"{{ placeholderLabel }}\"\n (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\" />\n }\n }\n\n @if (hasSearchButton) {\n <button class=\"eui-toolbar-search__input-button\"\n euiButton\n euiIconButton\n euiSizeS\n [euiSecondary]=\"isInputFocus\"\n [euiPrimary]=\"!isInputFocus\"\n (click)=\"onSearchClick(false)\"\n aria-label=\"search button\">\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n </button>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n }\n </eui-icon-input>\n\n}\n\n", styles: [".eui-toolbar-search{display:flex;top:0}.eui-toolbar-search .eui-button .eui-button__container{justify-content:center}.eui-toolbar-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-xl)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-toolbar-search .eui-input-text--clearable-icon{display:none}.eui-toolbar-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-toolbar-search--focus .eui-toolbar-search__input-button{color:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-toolbar-search__input-button .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-toolbar-search--focus .eui-search__icon{display:none}.eui-toolbar-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-toolbar-search__input-button .eui-icon-svg{z-index:1}.eui-toolbar-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-white)!important;fill:var(--eui-c-white)!important}.eui-toolbar-search--no-animation .eui-input-text{transition:none}.eui-toolbar-search--focus.eui-toolbar-search--no-animation .eui-input-text{width:200px}.eui--secondary .eui-toolbar-search .eui-input-text{background-color:var(--eui-c-neutral-bg-light);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neugral-bg-light-contrast)}.eui--secondary .eui-toolbar-search__input-button{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast);border-color:var(--eui-c-neutral-lighter)}.eui--secondary .eui-toolbar-search__input-button:hover,.eui--secondary .eui-toolbar-search__input-button:focus{background-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}\n"] }]
|
|
1066
|
+
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
|
1055
1067
|
type: HostBinding,
|
|
1056
1068
|
args: ['class']
|
|
1057
1069
|
}], placeholderLabel: [{
|
|
@@ -1271,7 +1283,7 @@ class EuiAppComponent {
|
|
|
1271
1283
|
this.destroy$.unsubscribe();
|
|
1272
1284
|
}
|
|
1273
1285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppComponent, deps: [{ token: i1.EuiAppShellService }, { token: i1.EuiGrowlService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1274
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\" *ngIf=\"isViewLoaded\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-c-bg);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in-out;display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$
|
|
1286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\" *ngIf=\"isViewLoaded\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-c-bg);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in-out;display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["euiSecondary"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar", inputs: ["euiSecondary", "euiPrimary"] }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isCollapsed", "hasCollapsedInitials", "isFlat", "hasScrollToItem", "hasBoldRootLevel", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i9$1.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i10.EuiGrowlComponent, selector: "eui-growl", inputs: ["e2eAttr", "sticky", "life", "value", "closeAllSticky", "style", "position"], outputs: ["growlClick"] }, { kind: "component", type: i11.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1275
1287
|
}
|
|
1276
1288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppComponent, decorators: [{
|
|
1277
1289
|
type: Component,
|
|
@@ -1523,7 +1535,7 @@ class EuiAppTopMessageComponent {
|
|
|
1523
1535
|
this.cd.detectChanges();
|
|
1524
1536
|
}
|
|
1525
1537
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppTopMessageComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$4.ContentObserver }, { token: i3$2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], hostDirectives: [{ directive: i3$2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <eui-icon-button *ngIf=\"isCloseable\"\n icon=\"close:outline\"\n (buttonClick)=\"onCloseClick()\"\n ariaLabel=\"Close top message\"\n euiRounded\n class=\"eui-u-ml-auto\"/>\n</div>\n", styles: [".eui-app-top-message{padding:var(--eui-s-xs) var(--eui-s-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-zi-top-message);background-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-c-primary)}.eui-app-top-message--info{background-color:var(--eui-c-info)}.eui-app-top-message--success{background-color:var(--eui-c-success)}.eui-app-top-message--warning{background-color:var(--eui-c-warning)}.eui-app-top-message--danger{background-color:var(--eui-c-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
1538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], hostDirectives: [{ directive: i3$2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <eui-icon-button *ngIf=\"isCloseable\"\n icon=\"close:outline\"\n (buttonClick)=\"onCloseClick()\"\n ariaLabel=\"Close top message\"\n euiRounded\n class=\"eui-u-ml-auto\"/>\n</div>\n", styles: [".eui-app-top-message{padding:var(--eui-s-xs) var(--eui-s-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-zi-top-message);background-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-c-primary)}.eui-app-top-message--info{background-color:var(--eui-c-info)}.eui-app-top-message--success{background-color:var(--eui-c-success)}.eui-app-top-message--warning{background-color:var(--eui-c-warning)}.eui-app-top-message--danger{background-color:var(--eui-c-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1527
1539
|
}
|
|
1528
1540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppTopMessageComponent, decorators: [{
|
|
1529
1541
|
type: Component,
|
|
@@ -1859,7 +1871,7 @@ class EuiHeaderLogoComponent {
|
|
|
1859
1871
|
});
|
|
1860
1872
|
}
|
|
1861
1873
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiHeaderLogoComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1862
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<img class=\"logo-svg logo-svg--positive\" [src]=\"svgUrl\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n<img class=\"logo-svg logo-svg--negative\" [src]=\"svgUrlDark\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n", dependencies: [{ kind: "directive", type: i1$
|
|
1874
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<img class=\"logo-svg logo-svg--positive\" [src]=\"svgUrl\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n<img class=\"logo-svg logo-svg--negative\" [src]=\"svgUrlDark\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1863
1875
|
}
|
|
1864
1876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiHeaderLogoComponent, decorators: [{
|
|
1865
1877
|
type: Component,
|
|
@@ -2026,7 +2038,7 @@ class EuiHeaderSearchComponent {
|
|
|
2026
2038
|
this.searchClick.emit(this.inputValue);
|
|
2027
2039
|
}
|
|
2028
2040
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiHeaderSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2029
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiHeaderSearchComponent, selector: "eui-header-search", inputs: { placeholder: "placeholder", searchLabel: "searchLabel" }, outputs: { searchClick: "searchClick" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input euiInputText [(ngModel)]=\"inputValue\" type=\"search\" placeholder=\"Search\" aria-label=\"Search website\"/>\n\n <button euiButton euiSecondary (click)=\"onSearch()\">\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n <span euiLabel>Search</span>\n </button>\n </div>\n</div>\n", dependencies: [{ kind: "component", type:
|
|
2041
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiHeaderSearchComponent, selector: "eui-header-search", inputs: { placeholder: "placeholder", searchLabel: "searchLabel" }, outputs: { searchClick: "searchClick" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input euiInputText [(ngModel)]=\"inputValue\" type=\"search\" placeholder=\"Search\" aria-label=\"Search website\"/>\n\n <button euiButton euiSecondary (click)=\"onSearch()\">\n <eui-icon-svg icon=\"eui-ecl-search\" size=\"s\"></eui-icon-svg>\n <span euiLabel>Search</span>\n </button>\n </div>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i3$3.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2030
2042
|
}
|
|
2031
2043
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiHeaderSearchComponent, decorators: [{
|
|
2032
2044
|
type: Component,
|
|
@@ -2153,7 +2165,7 @@ class EuiNotificationItemComponent {
|
|
|
2153
2165
|
return this.item.metadata?.read ? 'neutral-lightest' : 'neutral-light';
|
|
2154
2166
|
}
|
|
2155
2167
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-f-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <eui-icon-svg icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n </span>\n <span>{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a class=\"eui-u-text-link-external\"\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n class=\"eui-u-text-link\"\n (click)=\"onItemMarkAsRead($event)\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
2168
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-f-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <eui-icon-svg icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n </span>\n <span>{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a class=\"eui-u-text-link-external\"\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n class=\"eui-u-text-link\"\n (click)=\"onItemMarkAsRead($event)\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4$3.EuiTruncatePipe, name: "euiTruncate" }] }); }
|
|
2157
2169
|
}
|
|
2158
2170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationItemComponent, decorators: [{
|
|
2159
2171
|
type: Component,
|
|
@@ -2348,7 +2360,7 @@ class EuiNotificationsComponent {
|
|
|
2348
2360
|
return unreadNotifications.length;
|
|
2349
2361
|
}
|
|
2350
2362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2351
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n class=\"eui-notifications__trigger\"\n icon=\"notifications:outline\"\n fillColor=\"white\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\">\n <eui-badge *ngIf=\"count\" euiDanger [maxCharCount]=\"2\">{{ count }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"settings:sharp\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"refresh:sharp\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n </a>\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </a>\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$5.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$5.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$5.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i1$2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4$4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }, { kind: "component", type: i2$1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n class=\"eui-notifications__trigger\"\n icon=\"notifications:outline\"\n fillColor=\"white\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\">\n <eui-badge *ngIf=\"count\" euiDanger [maxCharCount]=\"2\">{{ count }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"settings:sharp\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"refresh:sharp\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n </a>\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </a>\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$5.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$5.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$5.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4$4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2352
2364
|
}
|
|
2353
2365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
|
|
2354
2366
|
type: Component,
|
|
@@ -2470,7 +2482,7 @@ class EuiNotificationItemV2Component {
|
|
|
2470
2482
|
consumeEvent(event);
|
|
2471
2483
|
}
|
|
2472
2484
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2473
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-f-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <eui-icon-svg icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n </span>\n <span>{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a class=\"eui-u-text-link-external\"\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
2485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-f-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <eui-icon-svg icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n </span>\n <span>{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a class=\"eui-u-text-link-external\"\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4$3.EuiTruncatePipe, name: "euiTruncate" }] }); }
|
|
2474
2486
|
}
|
|
2475
2487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
|
|
2476
2488
|
type: Component,
|
|
@@ -2659,7 +2671,7 @@ class EuiNotificationsV2Component {
|
|
|
2659
2671
|
return unreadNotifications.length;
|
|
2660
2672
|
}
|
|
2661
2673
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2662
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n class=\"eui-notifications-v2__trigger\"\n icon=\"notifications:outline\"\n fillColor=\"white\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\">\n <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger [maxCharCount]=\"2\">{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"2xs\"></eui-icon-svg>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$5.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$5.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$5.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i4$4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }, { kind: "component", type:
|
|
2674
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n class=\"eui-notifications-v2__trigger\"\n icon=\"notifications:outline\"\n fillColor=\"white\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\">\n <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger [maxCharCount]=\"2\">{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"2xs\"></eui-icon-svg>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$5.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$5.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$5.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i4$4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2663
2675
|
}
|
|
2664
2676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
|
|
2665
2677
|
type: Component,
|