@eui/components 18.0.0-next.24 → 18.0.0-next.26
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/EuiAppToolbarComponent.html +1 -1
- package/docs/components/EuiHeaderComponent.html +1 -1
- package/docs/components/EuiLanguageSelectorComponent.html +30 -63
- package/docs/components/EuiModalSelectorComponent.html +1 -5
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +33 -33
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +1 -2
- package/docs/modules/EuiAllModule.html +6 -0
- package/docs/modules/EuiAppModule.html +6 -0
- package/docs/modules/EuiLanguageSelectorModule.html +1 -1
- package/docs/modules/EuiLayoutModule.html +6 -0
- package/esm2022/eui-all/eui-all.module.mjs +9 -4
- package/esm2022/eui-language-selector/eui-components-eui-language-selector.mjs +5 -0
- package/esm2022/eui-language-selector/index.mjs +4 -0
- package/esm2022/eui-language-selector/language-selector.component.mjs +121 -0
- package/esm2022/eui-language-selector/language-selector.module.mjs +23 -0
- package/esm2022/eui-language-selector/modal-selector/modal-selector.component.mjs +58 -0
- package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app.module.mjs +1 -6
- package/esm2022/layout/eui-header/header.component.mjs +4 -4
- package/esm2022/layout/eui-header/header.module.mjs +2 -2
- package/esm2022/layout/eui-layout.module.mjs +1 -6
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +4 -4
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +2 -2
- package/esm2022/layout/index.mjs +1 -2
- package/eui-all/eui-all.module.d.ts +2 -1
- package/eui-all/eui-all.module.d.ts.map +1 -1
- package/eui-language-selector/eui-components-eui-language-selector.d.ts.map +1 -0
- package/eui-language-selector/index.d.ts +4 -0
- package/eui-language-selector/index.d.ts.map +1 -0
- package/{layout/eui-language-selector → eui-language-selector}/language-selector.component.d.ts +5 -5
- package/eui-language-selector/language-selector.component.d.ts.map +1 -0
- package/eui-language-selector/language-selector.module.d.ts.map +1 -0
- package/eui-language-selector/modal-selector/modal-selector.component.d.ts.map +1 -0
- package/eui-language-selector/package.json +3 -0
- package/fesm2022/eui-components-eui-language-selector.mjs +214 -0
- package/fesm2022/eui-components-eui-language-selector.mjs.map +7 -0
- package/fesm2022/eui-components-layout.mjs +916 -1126
- package/fesm2022/eui-components-layout.mjs.map +4 -4
- package/fesm2022/eui-components.mjs +9 -4
- package/fesm2022/eui-components.mjs.map +2 -2
- package/layout/eui-app/eui-app-header/header.module.d.ts +1 -1
- package/layout/eui-app/eui-app-toolbar/toolbar.module.d.ts +1 -1
- package/layout/eui-app/eui-app.module.d.ts +12 -13
- package/layout/eui-app/eui-app.module.d.ts.map +1 -1
- package/layout/eui-header/header.module.d.ts +1 -1
- package/layout/eui-layout.module.d.ts +4 -5
- package/layout/eui-layout.module.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.module.d.ts +1 -1
- package/layout/index.d.ts +0 -1
- package/layout/index.d.ts.map +1 -1
- package/package.json +9 -3
- package/esm2022/layout/eui-language-selector/index.mjs +0 -3
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +0 -121
- package/esm2022/layout/eui-language-selector/language-selector.module.mjs +0 -23
- package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +0 -58
- package/layout/eui-language-selector/index.d.ts +0 -3
- package/layout/eui-language-selector/index.d.ts.map +0 -1
- package/layout/eui-language-selector/language-selector.component.d.ts.map +0 -1
- package/layout/eui-language-selector/language-selector.module.d.ts.map +0 -1
- package/layout/eui-language-selector/modal-selector/modal-selector.component.d.ts.map +0 -1
- /package/{layout/eui-language-selector → eui-language-selector}/language-selector.module.d.ts +0 -0
- /package/{layout/eui-language-selector → eui-language-selector}/modal-selector/modal-selector.component.d.ts +0 -0
@@ -228,222 +228,15 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
228
228
|
type: HostBinding5
|
229
229
|
}] } });
|
230
230
|
|
231
|
-
// eui-language-selector/modal-selector/modal-selector.component.mjs
|
232
|
-
import { Component as Component6, ViewEncapsulation as ViewEncapsulation11, ChangeDetectionStrategy as ChangeDetectionStrategy5, Inject } from "@angular/core";
|
233
|
-
import { EuiEuLanguages } from "@eui/base";
|
234
|
-
import { DIALOG_COMPONENT_CONFIG } from "@eui/components/eui-dialog";
|
235
|
-
import * as i06 from "@angular/core";
|
236
|
-
import * as i15 from "@eui/components/eui-dialog";
|
237
|
-
import * as i22 from "@angular/common";
|
238
|
-
import * as i32 from "@eui/components/eui-button";
|
239
|
-
var EuiModalSelectorComponent = class _EuiModalSelectorComponent {
|
240
|
-
constructor(euiDialogService, config) {
|
241
|
-
this.euiDialogService = euiDialogService;
|
242
|
-
this.config = config;
|
243
|
-
this.languageRows = [];
|
244
|
-
this.additionaLanguageRows = [];
|
245
|
-
}
|
246
|
-
ngOnInit() {
|
247
|
-
this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));
|
248
|
-
this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));
|
249
|
-
}
|
250
|
-
selectLanguage(languageCode) {
|
251
|
-
if (this.selectedLanguage?.code !== languageCode.code) {
|
252
|
-
for (const language of this.config.languages) {
|
253
|
-
if (language.code === languageCode.code) {
|
254
|
-
this.selectedLanguage = language;
|
255
|
-
break;
|
256
|
-
}
|
257
|
-
}
|
258
|
-
}
|
259
|
-
this.config.languageChanged(languageCode);
|
260
|
-
this.euiDialogService.closeDialog();
|
261
|
-
}
|
262
|
-
prepareLanguageRows(languages) {
|
263
|
-
const rows = [];
|
264
|
-
let row = [];
|
265
|
-
for (let i = 0; i < languages.length; i++) {
|
266
|
-
if (i % 4 === 0) {
|
267
|
-
if (row.length > 0) {
|
268
|
-
rows.push(row);
|
269
|
-
row = [];
|
270
|
-
}
|
271
|
-
}
|
272
|
-
row.push(languages[i]);
|
273
|
-
}
|
274
|
-
if (row.length > 0) {
|
275
|
-
rows.push(row);
|
276
|
-
}
|
277
|
-
return rows;
|
278
|
-
}
|
279
|
-
static {
|
280
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _EuiModalSelectorComponent, deps: [{ token: i15.EuiDialogService }, { token: DIALOG_COMPONENT_CONFIG }], target: i06.ɵɵFactoryTarget.Component });
|
281
|
-
}
|
282
|
-
static {
|
283
|
-
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i06, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i06.ChangeDetectionStrategy.Default, encapsulation: i06.ViewEncapsulation.None });
|
284
|
-
}
|
285
|
-
};
|
286
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: EuiModalSelectorComponent, decorators: [{
|
287
|
-
type: Component6,
|
288
|
-
args: [{ selector: "eui-modal-selector", changeDetection: ChangeDetectionStrategy5.Default, encapsulation: ViewEncapsulation11.None, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'] }]
|
289
|
-
}], ctorParameters: () => [{ type: i15.EuiDialogService }, { type: void 0, decorators: [{
|
290
|
-
type: Inject,
|
291
|
-
args: [DIALOG_COMPONENT_CONFIG]
|
292
|
-
}] }] });
|
293
|
-
|
294
|
-
// eui-language-selector/language-selector.component.mjs
|
295
|
-
import { Component as Component7, ViewEncapsulation as ViewEncapsulation13, HostBinding as HostBinding6, Input as Input2, Output as Output2, EventEmitter as EventEmitter2 } from "@angular/core";
|
296
|
-
import { distinctUntilKeyChanged, map, takeUntil } from "rxjs/operators";
|
297
|
-
import { Subject } from "rxjs";
|
298
|
-
import { coerceBooleanProperty } from "@angular/cdk/coercion";
|
299
|
-
import { BaseDirective } from "@eui/components/shared";
|
300
|
-
import { EuiEuLanguages as EuiEuLanguages2 } from "@eui/base";
|
301
|
-
import { EuiDialogConfig } from "@eui/components/eui-dialog";
|
302
|
-
import * as i07 from "@angular/core";
|
303
|
-
import * as i16 from "@eui/components/eui-dialog";
|
304
|
-
import * as i23 from "@eui/core";
|
305
|
-
import * as i33 from "@ngx-translate/core";
|
306
|
-
import * as i4 from "@angular/common";
|
307
|
-
import * as i5 from "@eui/components/eui-dropdown";
|
308
|
-
import * as i6 from "@eui/components/eui-icon";
|
309
|
-
var EuiLanguageSelectorComponent = class _EuiLanguageSelectorComponent extends BaseDirective {
|
310
|
-
get cssClasses() {
|
311
|
-
return [this.languages?.length <= 1 ? "eui-language-selector--empty" : "", super.getCssClasses("eui-language-selector")].join(" ").trim();
|
312
|
-
}
|
313
|
-
get hasLanguageSelection() {
|
314
|
-
return this._hasLanguageSelection;
|
315
|
-
}
|
316
|
-
set hasLanguageSelection(value) {
|
317
|
-
this._hasLanguageSelection = coerceBooleanProperty(value);
|
318
|
-
}
|
319
|
-
constructor(cd, euiDialogService, appShellService, translateService) {
|
320
|
-
super();
|
321
|
-
this.cd = cd;
|
322
|
-
this.euiDialogService = euiDialogService;
|
323
|
-
this.appShellService = appShellService;
|
324
|
-
this.translateService = translateService;
|
325
|
-
this.languageSelectorClick = new EventEmitter2();
|
326
|
-
this._hasLanguageSelection = true;
|
327
|
-
this.destroy$ = new Subject();
|
328
|
-
}
|
329
|
-
/**
|
330
|
-
* returns true if there are at least one and max four languages.
|
331
|
-
*/
|
332
|
-
get isShowDropDown() {
|
333
|
-
return this.languages?.length > 1 && this.languages?.length < 4;
|
334
|
-
}
|
335
|
-
/**
|
336
|
-
* returns true if there are at least five languages.
|
337
|
-
*/
|
338
|
-
get isShowModal() {
|
339
|
-
return this.languages?.length >= 4;
|
340
|
-
}
|
341
|
-
ngOnInit() {
|
342
|
-
this.appShellService.state$.pipe(takeUntil(this.destroy$), distinctUntilKeyChanged("languages"), map((state) => state.languages)).subscribe((languages) => {
|
343
|
-
this.languages = languages ? EuiEuLanguages2.getOrderedLanguages(languages) : EuiEuLanguages2.getLanguages();
|
344
|
-
this.cd.detectChanges();
|
345
|
-
});
|
346
|
-
this.appShellService.state$.pipe(takeUntil(this.destroy$), distinctUntilKeyChanged("activeLanguage"), map((state) => state.activeLanguage)).subscribe((activeLanguage) => {
|
347
|
-
this.selectedLanguage = this.getLanguage(activeLanguage);
|
348
|
-
this.cd.detectChanges();
|
349
|
-
});
|
350
|
-
}
|
351
|
-
ngOnDestroy() {
|
352
|
-
this.destroy$.next(true);
|
353
|
-
this.destroy$.unsubscribe();
|
354
|
-
}
|
355
|
-
onLanguageChanged(language) {
|
356
|
-
this.appShellService.setState({
|
357
|
-
...this.appShellService.state,
|
358
|
-
activeLanguage: language.code
|
359
|
-
});
|
360
|
-
}
|
361
|
-
/**
|
362
|
-
* Opens the modal that renders the UxLanguage array with modal actions bindings to this Component
|
363
|
-
*/
|
364
|
-
open(titleLabel = this.translateService.instant("eui.languageSelector.modalTitle")) {
|
365
|
-
this.euiDialogService.openDialog(new EuiDialogConfig({
|
366
|
-
title: titleLabel,
|
367
|
-
hasFooter: false,
|
368
|
-
hasClosedOnClickOutside: true,
|
369
|
-
bodyComponent: {
|
370
|
-
component: EuiModalSelectorComponent,
|
371
|
-
config: {
|
372
|
-
languages: this.languages,
|
373
|
-
selectedLanguage: this.selectedLanguage,
|
374
|
-
languageChanged: (language) => this.onLanguageChanged(language)
|
375
|
-
}
|
376
|
-
}
|
377
|
-
}));
|
378
|
-
}
|
379
|
-
onClick() {
|
380
|
-
this.languageSelectorClick.emit();
|
381
|
-
}
|
382
|
-
/**
|
383
|
-
* returns the UxLanguage Object from a given language code
|
384
|
-
*
|
385
|
-
* @param languageCode two char language code
|
386
|
-
* @protected
|
387
|
-
*/
|
388
|
-
getLanguage(languageCode) {
|
389
|
-
return this.languages.find((lang) => lang.code === languageCode);
|
390
|
-
}
|
391
|
-
static {
|
392
|
-
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: _EuiLanguageSelectorComponent, deps: [{ token: i07.ChangeDetectorRef }, { token: i16.EuiDialogService }, { token: i23.EuiAppShellService }, { token: i33.TranslateService }], target: i07.ɵɵFactoryTarget.Component });
|
393
|
-
}
|
394
|
-
static {
|
395
|
-
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: "hasLanguageSelection" }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i07, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], encapsulation: i07.ViewEncapsulation.None });
|
396
|
-
}
|
397
|
-
};
|
398
|
-
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: EuiLanguageSelectorComponent, decorators: [{
|
399
|
-
type: Component7,
|
400
|
-
args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation13.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'] }]
|
401
|
-
}], ctorParameters: () => [{ type: i07.ChangeDetectorRef }, { type: i16.EuiDialogService }, { type: i23.EuiAppShellService }, { type: i33.TranslateService }], propDecorators: { cssClasses: [{
|
402
|
-
type: HostBinding6,
|
403
|
-
args: ["class"]
|
404
|
-
}], hasLanguageSelection: [{
|
405
|
-
type: Input2
|
406
|
-
}], languageSelectorClick: [{
|
407
|
-
type: Output2
|
408
|
-
}] } });
|
409
|
-
|
410
|
-
// eui-language-selector/language-selector.module.mjs
|
411
|
-
import { CommonModule } from "@angular/common";
|
412
|
-
import { NgModule } from "@angular/core";
|
413
|
-
import { EuiButtonModule } from "@eui/components/eui-button";
|
414
|
-
import { EuiDropdownModule } from "@eui/components/eui-dropdown";
|
415
|
-
import { EuiDialogModule } from "@eui/components/eui-dialog";
|
416
|
-
import { EuiIconModule } from "@eui/components/eui-icon";
|
417
|
-
import * as i08 from "@angular/core";
|
418
|
-
var EuiLanguageSelectorModule = class _EuiLanguageSelectorModule {
|
419
|
-
static {
|
420
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _EuiLanguageSelectorModule, deps: [], target: i08.ɵɵFactoryTarget.NgModule });
|
421
|
-
}
|
422
|
-
static {
|
423
|
-
this.ɵmod = i08.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i08, type: _EuiLanguageSelectorModule, declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent], imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule], exports: [EuiLanguageSelectorComponent] });
|
424
|
-
}
|
425
|
-
static {
|
426
|
-
this.ɵinj = i08.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _EuiLanguageSelectorModule, imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule] });
|
427
|
-
}
|
428
|
-
};
|
429
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: EuiLanguageSelectorModule, decorators: [{
|
430
|
-
type: NgModule,
|
431
|
-
args: [{
|
432
|
-
imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],
|
433
|
-
exports: [EuiLanguageSelectorComponent],
|
434
|
-
declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent]
|
435
|
-
}]
|
436
|
-
}] });
|
437
|
-
|
438
231
|
// eui-toolbar/toolbar-menu/toolbar-menu.component.mjs
|
439
|
-
import { Component as
|
232
|
+
import { Component as Component6, HostBinding as HostBinding6, ViewEncapsulation as ViewEncapsulation11, Input as Input2, Output as Output2, EventEmitter as EventEmitter2, booleanAttribute as booleanAttribute2 } from "@angular/core";
|
440
233
|
import { Subscription as Subscription2 } from "rxjs";
|
441
|
-
import * as
|
442
|
-
import * as
|
443
|
-
import * as
|
444
|
-
import * as
|
445
|
-
import * as
|
446
|
-
import * as
|
234
|
+
import * as i06 from "@angular/core";
|
235
|
+
import * as i15 from "@eui/core";
|
236
|
+
import * as i22 from "@angular/common";
|
237
|
+
import * as i32 from "@angular/router";
|
238
|
+
import * as i4 from "@eui/components/eui-icon";
|
239
|
+
import * as i5 from "@ngx-translate/core";
|
447
240
|
var EuiToolbarMenuComponent = class _EuiToolbarMenuComponent {
|
448
241
|
get cssClasses() {
|
449
242
|
return [
|
@@ -455,7 +248,7 @@ var EuiToolbarMenuComponent = class _EuiToolbarMenuComponent {
|
|
455
248
|
this.asService = asService;
|
456
249
|
this.cd = cd;
|
457
250
|
this.hasLowercaseItems = false;
|
458
|
-
this.menuItemClick = new
|
251
|
+
this.menuItemClick = new EventEmitter2();
|
459
252
|
this.isdropdownOpen = false;
|
460
253
|
this.subs = new Subscription2();
|
461
254
|
}
|
@@ -574,10 +367,10 @@ var EuiToolbarMenuComponent = class _EuiToolbarMenuComponent {
|
|
574
367
|
}
|
575
368
|
}
|
576
369
|
static {
|
577
|
-
this.ɵfac =
|
370
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _EuiToolbarMenuComponent, deps: [{ token: i15.EuiAppShellService }, { token: i06.ChangeDetectorRef }], target: i06.ɵɵFactoryTarget.Component });
|
578
371
|
}
|
579
372
|
static {
|
580
|
-
this.ɵcmp =
|
373
|
+
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiToolbarMenuComponent, selector: "eui-toolbar-menu", inputs: { items: "items", hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute2] }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i06, template: `<nav id="top-menu" class="eui-toolbar-menu-content" *ngIf="items && items.length !== 0">
|
581
374
|
<ul>
|
582
375
|
<ng-container *ngFor="let link of items">
|
583
376
|
<li *ngIf="link.visible === undefined || link.visible === true" [class.has-sub]="link.children" [class.selected]="link.active" routerLinkActive="selected">
|
@@ -709,12 +502,12 @@ var EuiToolbarMenuComponent = class _EuiToolbarMenuComponent {
|
|
709
502
|
</ng-container>
|
710
503
|
</ul>
|
711
504
|
</nav>
|
712
|
-
`, dependencies: [{ kind: "directive", type:
|
505
|
+
`, dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i32.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i06.ViewEncapsulation.None });
|
713
506
|
}
|
714
507
|
};
|
715
|
-
|
716
|
-
type:
|
717
|
-
args: [{ selector: "eui-toolbar-menu", encapsulation:
|
508
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: EuiToolbarMenuComponent, decorators: [{
|
509
|
+
type: Component6,
|
510
|
+
args: [{ selector: "eui-toolbar-menu", encapsulation: ViewEncapsulation11.None, template: `<nav id="top-menu" class="eui-toolbar-menu-content" *ngIf="items && items.length !== 0">
|
718
511
|
<ul>
|
719
512
|
<ng-container *ngFor="let link of items">
|
720
513
|
<li *ngIf="link.visible === undefined || link.visible === true" [class.has-sub]="link.children" [class.selected]="link.active" routerLinkActive="selected">
|
@@ -847,22 +640,22 @@ i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
847
640
|
</ul>
|
848
641
|
</nav>
|
849
642
|
` }]
|
850
|
-
}], ctorParameters: () => [{ type:
|
851
|
-
type:
|
643
|
+
}], ctorParameters: () => [{ type: i15.EuiAppShellService }, { type: i06.ChangeDetectorRef }], propDecorators: { cssClasses: [{
|
644
|
+
type: HostBinding6,
|
852
645
|
args: ["class"]
|
853
646
|
}], items: [{
|
854
|
-
type:
|
647
|
+
type: Input2
|
855
648
|
}], hasLowercaseItems: [{
|
856
|
-
type:
|
649
|
+
type: Input2,
|
857
650
|
args: [{ transform: booleanAttribute2 }]
|
858
651
|
}], menuItemClick: [{
|
859
|
-
type:
|
652
|
+
type: Output2
|
860
653
|
}] } });
|
861
654
|
|
862
655
|
// eui-toolbar/toolbar-logo/toolbar-logo.component.mjs
|
863
|
-
import { Component as
|
864
|
-
import * as
|
865
|
-
import * as
|
656
|
+
import { Component as Component7, ChangeDetectionStrategy as ChangeDetectionStrategy5, HostBinding as HostBinding7, ViewEncapsulation as ViewEncapsulation13, Input as Input3, HostListener as HostListener2 } from "@angular/core";
|
657
|
+
import * as i07 from "@angular/core";
|
658
|
+
import * as i16 from "@angular/router";
|
866
659
|
var EuiToolbarLogoComponent = class _EuiToolbarLogoComponent {
|
867
660
|
constructor(router) {
|
868
661
|
this.router = router;
|
@@ -873,93 +666,94 @@ var EuiToolbarLogoComponent = class _EuiToolbarLogoComponent {
|
|
873
666
|
this.router.navigate([this.homeUrl]);
|
874
667
|
}
|
875
668
|
static {
|
876
|
-
this.ɵfac =
|
669
|
+
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: _EuiToolbarLogoComponent, deps: [{ token: i16.Router }], target: i07.ɵɵFactoryTarget.Component });
|
877
670
|
}
|
878
671
|
static {
|
879
|
-
this.ɵcmp =
|
672
|
+
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: { homeUrl: "homeUrl" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.class" } }, ngImport: i07, template: "<ng-content></ng-content>\n", changeDetection: i07.ChangeDetectionStrategy.Default, encapsulation: i07.ViewEncapsulation.None });
|
880
673
|
}
|
881
674
|
};
|
882
|
-
|
883
|
-
type:
|
884
|
-
args: [{ selector: "eui-toolbar-logo", changeDetection:
|
885
|
-
}], ctorParameters: () => [{ type:
|
886
|
-
type:
|
675
|
+
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: EuiToolbarLogoComponent, decorators: [{
|
676
|
+
type: Component7,
|
677
|
+
args: [{ selector: "eui-toolbar-logo", changeDetection: ChangeDetectionStrategy5.Default, encapsulation: ViewEncapsulation13.None, template: "<ng-content></ng-content>\n" }]
|
678
|
+
}], ctorParameters: () => [{ type: i16.Router }], propDecorators: { class: [{
|
679
|
+
type: HostBinding7
|
887
680
|
}], homeUrl: [{
|
888
|
-
type:
|
681
|
+
type: Input3
|
889
682
|
}], onClick: [{
|
890
683
|
type: HostListener2,
|
891
684
|
args: ["click"]
|
892
685
|
}] } });
|
893
686
|
|
894
687
|
// eui-toolbar/toolbar-app/toolbar-app.component.mjs
|
895
|
-
import { Component as
|
896
|
-
import * as
|
897
|
-
import * as
|
688
|
+
import { Component as Component8, HostBinding as HostBinding8, ViewEncapsulation as ViewEncapsulation15, Input as Input4 } from "@angular/core";
|
689
|
+
import * as i08 from "@angular/core";
|
690
|
+
import * as i17 from "@angular/common";
|
898
691
|
var EuiToolbarAppComponent = class _EuiToolbarAppComponent {
|
899
692
|
constructor() {
|
900
693
|
this.class = "eui-toolbar-app";
|
901
694
|
}
|
902
695
|
static {
|
903
|
-
this.ɵfac =
|
696
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _EuiToolbarAppComponent, deps: [], target: i08.ɵɵFactoryTarget.Component });
|
904
697
|
}
|
905
698
|
static {
|
906
|
-
this.ɵcmp =
|
699
|
+
this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: { appName: "appName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, ngImport: i08, template: '<ng-container *ngIf="appSubTitle; else noSubTitle">\n <div class="eui-toolbar-app__name">\n {{ appName }}\n </div>\n <div class="eui-toolbar-app__subTitle">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n', dependencies: [{ kind: "directive", type: i17.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i08.ViewEncapsulation.None });
|
907
700
|
}
|
908
701
|
};
|
909
|
-
|
910
|
-
type:
|
911
|
-
args: [{ selector: "eui-toolbar-app", encapsulation:
|
702
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: EuiToolbarAppComponent, decorators: [{
|
703
|
+
type: Component8,
|
704
|
+
args: [{ selector: "eui-toolbar-app", encapsulation: ViewEncapsulation15.None, template: '<ng-container *ngIf="appSubTitle; else noSubTitle">\n <div class="eui-toolbar-app__name">\n {{ appName }}\n </div>\n <div class="eui-toolbar-app__subTitle">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n' }]
|
912
705
|
}], propDecorators: { class: [{
|
913
|
-
type:
|
706
|
+
type: HostBinding8
|
914
707
|
}], appName: [{
|
915
|
-
type:
|
708
|
+
type: Input4
|
916
709
|
}], appSubTitle: [{
|
917
|
-
type:
|
710
|
+
type: Input4
|
918
711
|
}] } });
|
919
712
|
|
920
713
|
// eui-toolbar/toolbar-environment/toolbar-environment.component.mjs
|
921
|
-
import { Component as
|
922
|
-
import * as
|
714
|
+
import { Component as Component9, HostBinding as HostBinding9, ViewEncapsulation as ViewEncapsulation17 } from "@angular/core";
|
715
|
+
import * as i09 from "@angular/core";
|
923
716
|
var EuiToolbarEnvironmentComponent = class _EuiToolbarEnvironmentComponent {
|
924
717
|
constructor() {
|
925
718
|
this.class = "eui-toolbar-environment";
|
926
719
|
}
|
927
720
|
static {
|
928
|
-
this.ɵfac =
|
721
|
+
this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i09, type: _EuiToolbarEnvironmentComponent, deps: [], target: i09.ɵɵFactoryTarget.Component });
|
929
722
|
}
|
930
723
|
static {
|
931
|
-
this.ɵcmp =
|
724
|
+
this.ɵcmp = i09.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment", host: { properties: { "class": "this.class" } }, ngImport: i09, template: "<ng-content></ng-content>\n", encapsulation: i09.ViewEncapsulation.None });
|
932
725
|
}
|
933
726
|
};
|
934
|
-
|
935
|
-
type:
|
936
|
-
args: [{ selector: "eui-toolbar-environment", encapsulation:
|
727
|
+
i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i09, type: EuiToolbarEnvironmentComponent, decorators: [{
|
728
|
+
type: Component9,
|
729
|
+
args: [{ selector: "eui-toolbar-environment", encapsulation: ViewEncapsulation17.None, template: "<ng-content></ng-content>\n" }]
|
937
730
|
}], propDecorators: { class: [{
|
938
|
-
type:
|
731
|
+
type: HostBinding9
|
939
732
|
}] } });
|
940
733
|
|
941
734
|
// eui-toolbar/toolbar.component.mjs
|
942
|
-
import { Component as
|
943
|
-
import
|
944
|
-
import * as
|
945
|
-
import * as
|
735
|
+
import { Component as Component10, HostBinding as HostBinding10, ViewEncapsulation as ViewEncapsulation19, forwardRef, ContentChild } from "@angular/core";
|
736
|
+
import { EuiLanguageSelectorComponent } from "@eui/components/eui-language-selector";
|
737
|
+
import * as i010 from "@angular/core";
|
738
|
+
import * as i18 from "@eui/core";
|
739
|
+
import * as i23 from "@angular/common";
|
946
740
|
var EuiToolbarComponent = class _EuiToolbarComponent {
|
947
741
|
constructor(asService) {
|
948
742
|
this.asService = asService;
|
949
743
|
this.string = "eui-toolbar";
|
950
744
|
}
|
951
745
|
static {
|
952
|
-
this.ɵfac =
|
746
|
+
this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i010, type: _EuiToolbarComponent, deps: [{ token: i18.EuiAppShellService }], target: i010.ɵɵFactoryTarget.Component });
|
953
747
|
}
|
954
748
|
static {
|
955
|
-
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiToolbarComponent, selector: "eui-toolbar", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i013.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }, { propertyName: "hasMenu", first: true, predicate: i013.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i013, 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 </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 <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-base-spacing-m);position:relative;width:100%}.eui-toolbar__left{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}.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{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-base-spacing-m);outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-toolbar__language-selector{margin-left:var(--eui-base-spacing-s)}.eui-toolbar__language-selector .eui-language-selector .eui-icon-svg>svg{color:var(--eui-base-color-white)!important;fill:var(--eui-base-color-white)!important}.eui-toolbar__language-selector .eui-language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.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.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.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-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.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-base-color-primary-100);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-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;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-base-color-grey-50)!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-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-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-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.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;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-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-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-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-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-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-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-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-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-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-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:"";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.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-base-color-grey-5)!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-base-font-size));position:absolute}\n'], dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i25.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i25.AsyncPipe, name: "async" }], encapsulation: i013.ViewEncapsulation.None });
|
749
|
+
this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiToolbarComponent, selector: "eui-toolbar", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i010.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }, { propertyName: "hasMenu", first: true, predicate: i010.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i010, 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 </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 <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-base-spacing-m);position:relative;width:100%}.eui-toolbar__left{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}.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{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-base-spacing-m);outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.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.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.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-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.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-base-color-primary-100);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-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;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-base-color-grey-50)!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-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-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-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.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;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-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-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-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-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-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-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-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-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-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-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:"";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.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-base-color-grey-5)!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-base-font-size));position:absolute}\n'], dependencies: [{ kind: "directive", type: i23.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i23.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i23.AsyncPipe, name: "async" }], encapsulation: i010.ViewEncapsulation.None });
|
956
750
|
}
|
957
751
|
};
|
958
|
-
|
959
|
-
type:
|
960
|
-
args: [{ selector: "eui-toolbar", encapsulation: ViewEncapsulation23.None, 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 </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 <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-base-spacing-m);position:relative;width:100%}.eui-toolbar__left{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}.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{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-base-spacing-m);outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-toolbar__language-selector{margin-left:var(--eui-base-spacing-s)}.eui-toolbar__language-selector .eui-language-selector .eui-icon-svg>svg{color:var(--eui-base-color-white)!important;fill:var(--eui-base-color-white)!important}.eui-toolbar__language-selector .eui-language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.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.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.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-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.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-base-color-primary-100);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-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;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-base-color-grey-50)!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-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-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-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.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;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-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-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-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-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-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-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-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-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-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-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:"";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.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-base-color-grey-5)!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-base-font-size));position:absolute}\n'] }]
|
961
|
-
}], ctorParameters: () => [{ type:
|
962
|
-
type:
|
752
|
+
i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i010, type: EuiToolbarComponent, decorators: [{
|
753
|
+
type: Component10,
|
754
|
+
args: [{ selector: "eui-toolbar", encapsulation: ViewEncapsulation19.None, 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 </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 <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-base-spacing-m);position:relative;width:100%}.eui-toolbar__left{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}.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{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABNCAIAAAAaUcxsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAQ3klEQVR42u1cCVQTZx4fUFAKGBDcXooHIGDAW7F4AyEQjhBOlUNAQUFu5PCCohQQFLmUkBNCQC1qrbVatXbdtmur61rbbrdVqbUqAqIcEkUEnP1/M0kEj93tIwmm8t738sIwM/nP7/vfx2Cp5WfC8k+E5nwSlvvp0FLEOhqcfcw7sQzz3lRr7LhFz/79UQ6ZQ2vgS3dpuplvwUR6EsZKFRu55OiyKvQ9Bfos4dAa4NJhCmaurZlEi8NYadVGztm6TL6+B1efyRtaA1w67tzp4VUTafGYV1q1sUuOnqdgFJM3ypM/tAa43vDgzYgQT3JSG2SBHfgUTx75ZQhZRcIKnzruQn3ZkSFkFQauHpNvs3ongTJviGf/AD/+FzEnLYORd/m+Y55v++/R9eC/DNz+t+K97jz7QjjI76RuNfTijHAVzluX87DZan5MtjZDCEcosvP77AdPX6ooeEM8S4o27w13wXNchiAb7c0Z6SYEWLGlezeWrcF7xiaXRmJL9sKREa4V8N9+myHlbj6xBk1pvCo8a8DiarsKvbZsHLt8t46boA8cvJGuwukR+Ue/YJw9v/TYXxm3rs3qvGt1o242fP/6W4dTX9GBfwFiinw/mDy41eSQwpDs9cNdKg1YnNcNWakUG3pxYYH2BIb95pw9bX2mlguwYTkcBLgJPcAFwQf4fv7pPfzRhAdN1AeN1vCJd064UTeLnvw+/BfOgTPhfLjK2Lt8GF0UlJV8/sISgNiIuBUsFavdQUOWfEhdDwHmWI05VYFom68s7L1vtrk8ArOr1XSuhONajEoSDoBM01mk78Hbf9yz657F3RvTHt21/OyM8xhvNlxLbgCcCefDVRp0EbbgQ8FHvt2tk8cHlIACQfenVcNvqdILHkyeBSadGFQcXxQdXRATsC2Fe9C/u8P0nxcXhWYnrd6ekLI70iFpq46bkIQDWA9zFOeLVuKSSd33LOATsMNoYrmSBR3ilJwJV63KTVy7I/76lTndbeZlHy4P3JYSsysmtjBmfEApCe6fH1lYIMXw2MCA+GOT3hYLSYP1o+YpuMQU7x535LSraXCRrjtxJhO2gQ+eQMP1GU3XZyQXR9X9bPugacq4FaUj3UiweHAmcP3hU25wLeD+sIkqabSGe8Kd4cw1+fHEc/FeF20AlgpzqLYI3XXySzo8f9ttm44G66bfp6/bGQscStolUhtgtKplmannLiyxDCnE7GtMlpeeOetIngY2inTLkPPgKA7NSbp5bVZHI7Wt3gbu+ekXLqZBRZiDmHyu10EbSI3YGB82IBWcldzbZv74rmVvy+R/XFgyzKWyv2+LPISFcR+86Vc2zLnSyKdcm1EBRmlJwjZQKX3PJPZAfPorOk7crad1sm/GBsy+2tiHreKoQcXIPptPgU9DFges08efu4Kt//iU2+3fZj5pN5sTlTvcpQJ0BYkFCYq2a4WeB1/qMLDQHQDfvkYJztdiVMxYk/fkvtn1q3MOn3THH40/eMIDbJohiyM7TUU5HZUiKzM1QjknjiJE2DJ0FyjQhKJ1GjTxrDV5V67OzuKHgZYAxfqSLZF+kvjKORHOB22QWxly7ruFFiGFGrQqUOLXr862CNkFLN+XtfvToPbISqMs4EeAQA9F/YgBwZl3TMp0Sc0AnQDHNeki0KERefFwwh+lBLQ2oO//fpohiwtOMQLaoRp0iF1MNvAyIQGkq8efu46ggalEtas6ZEkeARP/0Ul3q9CCEa5COQeBMwSuKOhNEmtAHwHB+sPSSt4NtkquLuCeoEN03IXwJ0XmjcAGfHra1TK0APwK+JOinNyNcpGVoSmAqB84BYwPOEaddy2RVXEUo5KGm5D0WOVy/UIx/2N6nNVPaVCIu+m4CwBxgBKihilhBY/bzBENS2tkx4UKV7vK5lkeCPW7y/aAJh23vBSENLogFhxMCApGe3FMVpSaBhdPCipGgq9Eq41kYkJgyYK4D6ZH5JsFF6Vzwp90mYg/8TIPLpoWvsMuNtsqbJfCgwjlIkshHPiJgcWHTrpLGqk362a31E99cId6v8HmRt3s1nqbS98vAD1ISqUykeXDLtYcZYErBmSgzEMTFUKJ+w3WeLvZl986TAvPB8FSLA1K1wakAw+CnycKftRs9YAIjSAc6G2dfOorOnAQCCOZT1GyQyIAXRRXGN18c9qDRioQ0NFAhWiioDoIJIawb+qmDQjFx4WFLd63iR3R02YOnAKB/9ffOmgzhMCtpOFSqjYgN9jIqxxbtD9199qedvP22zZAieiIN7Z4L+yrPKejXr4BaaORO8U/5Id3mfx2ZQ7I4LXLc9/236MnzUzzVBDsQRAMrljtcSaED9euzMXvm/3wwwIgTF85NKjG60LCOD6gBASw8mOfd3zY60uicMkkv4w0sNSGKspMcyFYQJ7JnSnCj3zf9mED8+L3TRlp6bDlIFJq6c+i7Cpd5JexAR4GnC2wFRDI+6Rv2MiO0HJWUc4ffgVoWJ6Zur4kUk4DxBQppZHD6ZXqiqw08+JbPgwZKyR3Bl5c+D7am0NhcVWVfEIiP8anPw3OlUZPaVA/bcCTO7YGUtaQJgb1mXyV5Z/I/ZPRwHueBoVvsNKRJQuo8rBSdvP/3V2gpPLwKObTNJuMMHW1YDzwFqeG74jIS9Cgiwit+or0tiBtsCg+K2BbiqaTyFDRhCkJWZ68kjrGhz2MLgrLTbz03UJthrQoq/pK6vOEGfuUaziKcypCPv2CoUGrMvZhK5YwpSArzzlhDjWokjq/lnvQ/0mHqWVoAcQLYJoxWrWecrTb/0OYprMICMNoVeAefHN+aeP1GW+48zGHaqKKLJbrilcQWWke1nPz5uyK0KSSqOTSSPDMH7eb7z/uuW5nbAZ3ddqetWOX79b1UDHP8sgcwvKtqdnC0PjC6CxBWFu9DcTcxXsDYnbFZPJWwcG/+LIVkiFSFrLwAGbBRQc+88B7xuEPJj68g9IFPS0WeM/YlnqbZZmpBPXcQUGWumrnib85473v4h2mQBUsvM0cf/Ju3eW59OQMabX4ldUGYHBHuglBvoKykm9dmylppLbW23Q2Wx3+3O0d/z0giWQGRPXaAH5XmyHEaOLIHXFNN6Z1NFgD20qappTsWwGbjTmJFEWYEi0Y6WmB1frHhSV4u1nPPYsn7WbgIWD2NaqvpPbPznDJDtHLP70HhOGt5p13rGzX5YBJGO1VrijClOd18VBA6VzpkLQV7xp/6dJC8RFvvHPCl984DneulPq2g9TbDA4W5lTlm7EBFMKRz11L9gWAjgJVC6Z1tBdHUWKkRH8WPQBNzDng/8kZ57d8y4Du4Kz1N3+dNS86R8ulQpmp7v+dQwBHsPY4k33Qj2z+iNoZe/G7RW/6lcmU7CuNLApngQXcN24Z6YqKXWQldXpE/sK4D7RRAXGwkEVljrf8ypxTMjTpIhCd0aiWXm0Xk01dRdY9ua86suTncKLbhSLN0nLBrMGiDOZkjDSk1mJUkjkEeYmXbLdRA20gjcqfr6T2SRoMQs9+nxJv39yFwmvjKu3k0GfKIR6sJncpDUbe5cqezlFp9xGFSOxHF8S+7b+HGElQNbjEvnJ13AQbyta8u2y3UmlQRYVR3jIPVmuML7vuZ1swYiNkfe4Upadm+tLAgd2FUOXG1dkL47KABnBglUSDKnpk9Jh8jFaNMiAL9wOmeJfJ+pIobH6tJh2lbHSU0J/yAho8CBqcEA32iVvxxyaJxeswu1qMLgKPRcdd3XpkKITogTdTun8Fu3ZZtjD0r3+nPWo3/+nH+XmVK4tqAgWHfenJ749EHchc5akgoMEmfOfuD1eU1S7LEYaeOYto+PHH+dsrQyCo5R/2BawJj4WrTtoA9Br4j8syU5tvToNQp/uepaTBBrXMd07AJZOyBGGgE5RcGEc06HnwAral3Ls1FdFw11Latt9lgreZp+1ZQ3SN89RMG5BeDgRjf/FlHzjh0dls2XJr6oOmKVd+sV0Ul4XZKz1R25cGCBAOn3LrvGsJED+8Y3X+n4unhu9QEg0q6uQw9inH7GuSSyLxDtPe1sl4u9nfzjoOc6mUNVIouDL23KCpvG2/Go1ASkxRPlNiWnPUC5QsITSK969V4XWRdIMh/uGHBd33LHaIVv76y1yAeMaavD4NwwocQ37BJpEetK4H/+ovtp13rLYLQ+t+sX3cYmEWXDRC2g6uhv4shajlOSRu/fXyXLAV2JK9pkHF5y4u2lIejjmKyZZ5eYuyggQT3UE2WseTd5O4pm35/vsFtlG5QIPJitLTZx3R/C5NrIxuEhUhq82oWJq4zSp0FzwGSN9wl0pj73KPjZtldRGUcoSDzE2brVft1CLmOgYSVQMbTgoq8s3YoOVSQSYHyCBlXnQOBAga9CqgAUiCMxcnZCmpe1dF2oDo9URd7QZe0skYPSInQpEFEaAENZxEx8+4xBVGa6JK6tO52/4a8GWTMU+LskbE3O2KrSlnz9nDJsnnbuFHgQZgZPl0DprX6T+do5bdR31zMbLZLdKBF6NlX23I4rTV23xy2hVbtA858I7Vms6iZx776dtO+iMurRYzZNXiBR/yD/l1t0wGkQfBR0GKI5q7fSY9NIC2/Vd7OlSXaLSPL4pOLI4Ky00qrAnsbrFo+n3G+tKoiLwECO190jfKB+nIS0i3f25UrrEPm6i49G13FLqkZmwqj1ibH08MK6G5W84B/9CcJLh/UknUhMCS12fuFhx4fkj2eknTFAg3n7ROljRaP2yi4u3meO/Yi5cWgvOg8xRZqToGAa/9jDlr7XZCHXPl/4J4BAz9oZPuz87ddo+TNFLDtye8RnO3UgfeUWwaXHTiS2dJE7X9tk37bev2BuuivQFgheR9g8BrI4jMNFgkMEEdjdRVuYngioIJIlPp8qE9uNvKD1BNSD53C+plYmAxHO8zDvl6zN2S4/VLE7Y9arYEb7fnnsVvl+eCK4bGQgizDlL/zrI9Nqt3TgwsGePLBkwhMt53zPNN3zIQcIuQQvOVRX18DDT7fPorJwhbu8i52/QNsAd/+rnbFyxUhqJVFYiD8O6xR79gEC/eGM9ITdd0llZTQMyBT6uOeD+8M6Xht5mt9VPJMZL6a7PuN1j/6192sCsjpW87QXO30yPye9vMf6+bjeZuu0z2H2f2n7t9XZBFLAku15V/z8uuCAFnfkJAyTcXFwkP+5JBhHwyBiR9IzvifgOVhJUcI/n8ayfz4CJNaZmdmLt1EGcJwn789zxqWIEGrSpld+StX2eBb6vjJlBxcWiQkSWnu+dEbvdO3wgyi97TwxAaeHLX5MWDliBlnPQ9EWqL90UXxIKAA9uCpJ+/sBg0xgj0bimuvAgExK/envgWMayPLrGvcU1LXxyfhSbPVVstHmyeJew1RA3ES4qeBhHEkBiv79w8iDMIddHeQLxr/J3fp4MavXVt5oTAYuQ8yBKA5OUQgMjDAQCd/FP1fY+Dr2ef8dhf4sCjwdk3/cqab0w/dsbFKqQQTcZIJoEvhZQGi/Pf5m5Zg/OyOfV4LyKFyKe4b9iSwVkNkSvYK1AdzE2bt/JXaQ9qu43aIytLsJaTb0Eh1C6azgGRN1DddM6fEVl5lfBlkzFDyCowma366Zw/J7Lqt4aQVT6yrFSErL6ngILec8MfWgNcugSyE2lxwLNiQ6esEW48HVeOjht3aA1waTE408KrEM+6JYttgssWJHxkF3tgfvyhoTWQZRd30C7+kH3SgXeWxGDvLc8wsF1tZBs2tBSz5q3SnbnSYKrXfwCsJuGnJnjenQAAAABJRU5ErkJggg==);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-base-spacing-m);outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.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.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.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-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.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-base-color-primary-100);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-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;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-base-color-grey-50)!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-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-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-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.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;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-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-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-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-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-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-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-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-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-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-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:"";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.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-base-color-grey-5)!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-base-font-size));position:absolute}\n'] }]
|
755
|
+
}], ctorParameters: () => [{ type: i18.EuiAppShellService }], propDecorators: { string: [{
|
756
|
+
type: HostBinding10,
|
963
757
|
args: ["class"]
|
964
758
|
}], hasLanguageSelector: [{
|
965
759
|
type: ContentChild,
|
@@ -970,16 +764,16 @@ i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
970
764
|
}] } });
|
971
765
|
|
972
766
|
// eui-toolbar/toolbar-items/toolbar-items.component.mjs
|
973
|
-
import { Component as
|
974
|
-
import { BaseDirective
|
975
|
-
import { coerceBooleanProperty
|
976
|
-
import * as
|
977
|
-
var EuiToolbarItemsComponent = class _EuiToolbarItemsComponent extends
|
767
|
+
import { Component as Component11, HostBinding as HostBinding11, Input as Input5 } from "@angular/core";
|
768
|
+
import { BaseDirective } from "@eui/components/shared";
|
769
|
+
import { coerceBooleanProperty } from "@angular/cdk/coercion";
|
770
|
+
import * as i011 from "@angular/core";
|
771
|
+
var EuiToolbarItemsComponent = class _EuiToolbarItemsComponent extends BaseDirective {
|
978
772
|
get euiPositionRight() {
|
979
773
|
return this._euiPositionRight;
|
980
774
|
}
|
981
775
|
set euiPositionRight(value) {
|
982
|
-
this._euiPositionRight =
|
776
|
+
this._euiPositionRight = coerceBooleanProperty(value);
|
983
777
|
}
|
984
778
|
get cssClasses() {
|
985
779
|
const rootClass = "eui-toolbar-items";
|
@@ -995,74 +789,75 @@ var EuiToolbarItemsComponent = class _EuiToolbarItemsComponent extends BaseDirec
|
|
995
789
|
}
|
996
790
|
}
|
997
791
|
static {
|
998
|
-
this.ɵfac =
|
792
|
+
this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i011, type: _EuiToolbarItemsComponent, deps: [], target: i011.ɵɵFactoryTarget.Component });
|
999
793
|
}
|
1000
794
|
static {
|
1001
|
-
this.ɵcmp =
|
795
|
+
this.ɵcmp = i011.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarItemsComponent, selector: "eui-toolbar-items", inputs: { euiPositionRight: "euiPositionRight" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i011, template: "<ng-content></ng-content>\n" });
|
1002
796
|
}
|
1003
797
|
};
|
1004
|
-
|
1005
|
-
type:
|
798
|
+
i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i011, type: EuiToolbarItemsComponent, decorators: [{
|
799
|
+
type: Component11,
|
1006
800
|
args: [{ selector: "eui-toolbar-items", template: "<ng-content></ng-content>\n" }]
|
1007
801
|
}], ctorParameters: () => [], propDecorators: { euiPositionRight: [{
|
1008
|
-
type:
|
802
|
+
type: Input5
|
1009
803
|
}], cssClasses: [{
|
1010
|
-
type:
|
804
|
+
type: HostBinding11,
|
1011
805
|
args: ["class"]
|
1012
806
|
}] } });
|
1013
807
|
|
1014
808
|
// eui-toolbar/toolbar-item/toolbar-item.component.mjs
|
1015
|
-
import { Component as
|
1016
|
-
import * as
|
809
|
+
import { Component as Component12, HostBinding as HostBinding12 } from "@angular/core";
|
810
|
+
import * as i012 from "@angular/core";
|
1017
811
|
var EuiToolbarItemComponent = class _EuiToolbarItemComponent {
|
1018
812
|
constructor() {
|
1019
813
|
this.string = "eui-toolbar-item";
|
1020
814
|
}
|
1021
815
|
static {
|
1022
|
-
this.ɵfac =
|
816
|
+
this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: _EuiToolbarItemComponent, deps: [], target: i012.ɵɵFactoryTarget.Component });
|
1023
817
|
}
|
1024
818
|
static {
|
1025
|
-
this.ɵcmp =
|
819
|
+
this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarItemComponent, selector: "eui-toolbar-item", host: { properties: { "class": "this.string" } }, ngImport: i012, template: '<div class="eui-u-flex">\n <ng-content></ng-content>\n</div>\n' });
|
1026
820
|
}
|
1027
821
|
};
|
1028
|
-
|
1029
|
-
type:
|
822
|
+
i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: EuiToolbarItemComponent, decorators: [{
|
823
|
+
type: Component12,
|
1030
824
|
args: [{ selector: "eui-toolbar-item", template: '<div class="eui-u-flex">\n <ng-content></ng-content>\n</div>\n' }]
|
1031
825
|
}], propDecorators: { string: [{
|
1032
|
-
type:
|
826
|
+
type: HostBinding12,
|
1033
827
|
args: ["class"]
|
1034
828
|
}] } });
|
1035
829
|
|
1036
830
|
// eui-toolbar/toolbar-center/toolbar-center.component.mjs
|
1037
|
-
import { Component as
|
1038
|
-
import * as
|
831
|
+
import { Component as Component13, HostBinding as HostBinding13 } from "@angular/core";
|
832
|
+
import * as i013 from "@angular/core";
|
1039
833
|
var EuiToolbarCenterComponent = class _EuiToolbarCenterComponent {
|
1040
834
|
constructor() {
|
1041
835
|
this.string = "eui-toolbar__center";
|
1042
836
|
}
|
1043
837
|
static {
|
1044
|
-
this.ɵfac =
|
838
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: _EuiToolbarCenterComponent, deps: [], target: i013.ɵɵFactoryTarget.Component });
|
1045
839
|
}
|
1046
840
|
static {
|
1047
|
-
this.ɵcmp =
|
841
|
+
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiToolbarCenterComponent, selector: "eui-toolbar-center", host: { properties: { "class": "this.string" } }, ngImport: i013, template: "<ng-content></ng-content>\n" });
|
1048
842
|
}
|
1049
843
|
};
|
1050
|
-
|
1051
|
-
type:
|
844
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: EuiToolbarCenterComponent, decorators: [{
|
845
|
+
type: Component13,
|
1052
846
|
args: [{ selector: "eui-toolbar-center", template: "<ng-content></ng-content>\n" }]
|
1053
847
|
}], propDecorators: { string: [{
|
1054
|
-
type:
|
848
|
+
type: HostBinding13,
|
1055
849
|
args: ["class"]
|
1056
850
|
}] } });
|
1057
851
|
|
1058
852
|
// eui-toolbar/toolbar.module.mjs
|
1059
|
-
import { CommonModule
|
1060
|
-
import { NgModule
|
853
|
+
import { CommonModule } from "@angular/common";
|
854
|
+
import { NgModule } from "@angular/core";
|
1061
855
|
import { RouterModule } from "@angular/router";
|
1062
856
|
import { TranslateModule } from "@ngx-translate/core";
|
1063
|
-
import { EuiIconModule
|
1064
|
-
import { EuiButtonModule
|
1065
|
-
import
|
857
|
+
import { EuiIconModule } from "@eui/components/eui-icon";
|
858
|
+
import { EuiButtonModule } from "@eui/components/eui-button";
|
859
|
+
import { EuiLanguageSelectorModule } from "@eui/components/eui-language-selector";
|
860
|
+
import * as i014 from "@angular/core";
|
1066
861
|
var COMPONENTS = [
|
1067
862
|
EuiToolbarComponent,
|
1068
863
|
EuiToolbarItemComponent,
|
@@ -1075,10 +870,10 @@ var COMPONENTS = [
|
|
1075
870
|
];
|
1076
871
|
var EuiToolbarModule = class _EuiToolbarModule {
|
1077
872
|
static {
|
1078
|
-
this.ɵfac =
|
873
|
+
this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiToolbarModule, deps: [], target: i014.ɵɵFactoryTarget.NgModule });
|
1079
874
|
}
|
1080
875
|
static {
|
1081
|
-
this.ɵmod =
|
876
|
+
this.ɵmod = i014.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiToolbarModule, declarations: [
|
1082
877
|
EuiToolbarComponent,
|
1083
878
|
EuiToolbarItemComponent,
|
1084
879
|
EuiToolbarItemsComponent,
|
@@ -1088,10 +883,10 @@ var EuiToolbarModule = class _EuiToolbarModule {
|
|
1088
883
|
EuiToolbarMenuComponent,
|
1089
884
|
EuiToolbarCenterComponent
|
1090
885
|
], imports: [
|
1091
|
-
|
886
|
+
CommonModule,
|
1092
887
|
RouterModule,
|
1093
|
-
|
1094
|
-
|
888
|
+
EuiIconModule,
|
889
|
+
EuiButtonModule,
|
1095
890
|
EuiLanguageSelectorModule,
|
1096
891
|
TranslateModule
|
1097
892
|
], exports: [
|
@@ -1106,24 +901,24 @@ var EuiToolbarModule = class _EuiToolbarModule {
|
|
1106
901
|
] });
|
1107
902
|
}
|
1108
903
|
static {
|
1109
|
-
this.ɵinj =
|
1110
|
-
|
904
|
+
this.ɵinj = i014.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiToolbarModule, imports: [
|
905
|
+
CommonModule,
|
1111
906
|
RouterModule,
|
1112
|
-
|
1113
|
-
|
907
|
+
EuiIconModule,
|
908
|
+
EuiButtonModule,
|
1114
909
|
EuiLanguageSelectorModule,
|
1115
910
|
TranslateModule
|
1116
911
|
] });
|
1117
912
|
}
|
1118
913
|
};
|
1119
|
-
|
1120
|
-
type:
|
914
|
+
i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: EuiToolbarModule, decorators: [{
|
915
|
+
type: NgModule,
|
1121
916
|
args: [{
|
1122
917
|
imports: [
|
1123
|
-
|
918
|
+
CommonModule,
|
1124
919
|
RouterModule,
|
1125
|
-
|
1126
|
-
|
920
|
+
EuiIconModule,
|
921
|
+
EuiButtonModule,
|
1127
922
|
EuiLanguageSelectorModule,
|
1128
923
|
TranslateModule
|
1129
924
|
],
|
@@ -1133,8 +928,8 @@ i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1133
928
|
}] });
|
1134
929
|
|
1135
930
|
// eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs
|
1136
|
-
import { Component as
|
1137
|
-
import * as
|
931
|
+
import { Component as Component14, HostBinding as HostBinding14, ViewEncapsulation as ViewEncapsulation21, Input as Input6 } from "@angular/core";
|
932
|
+
import * as i015 from "@angular/core";
|
1138
933
|
var EuiUserProfileMenuItemComponent = class _EuiUserProfileMenuItemComponent {
|
1139
934
|
constructor(element) {
|
1140
935
|
this.element = element;
|
@@ -1146,46 +941,46 @@ var EuiUserProfileMenuItemComponent = class _EuiUserProfileMenuItemComponent {
|
|
1146
941
|
this.element.nativeElement.focus();
|
1147
942
|
}
|
1148
943
|
static {
|
1149
|
-
this.ɵfac =
|
944
|
+
this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i015, type: _EuiUserProfileMenuItemComponent, deps: [{ token: i015.ElementRef }], target: i015.ɵɵFactoryTarget.Component });
|
1150
945
|
}
|
1151
946
|
static {
|
1152
|
-
this.ɵcmp =
|
947
|
+
this.ɵcmp = i015.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiUserProfileMenuItemComponent, selector: "eui-user-profile-menu-item", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i015, template: "<ng-content></ng-content>\n", encapsulation: i015.ViewEncapsulation.None });
|
1153
948
|
}
|
1154
949
|
};
|
1155
|
-
|
1156
|
-
type:
|
1157
|
-
args: [{ selector: "eui-user-profile-menu-item", encapsulation:
|
1158
|
-
}], ctorParameters: () => [{ type:
|
1159
|
-
type:
|
950
|
+
i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i015, type: EuiUserProfileMenuItemComponent, decorators: [{
|
951
|
+
type: Component14,
|
952
|
+
args: [{ selector: "eui-user-profile-menu-item", encapsulation: ViewEncapsulation21.None, template: "<ng-content></ng-content>\n" }]
|
953
|
+
}], ctorParameters: () => [{ type: i015.ElementRef }], propDecorators: { class: [{
|
954
|
+
type: HostBinding14
|
1160
955
|
}], tabindex: [{
|
1161
|
-
type:
|
956
|
+
type: HostBinding14,
|
1162
957
|
args: ["attr.tabindex"]
|
1163
958
|
}], role: [{
|
1164
|
-
type:
|
959
|
+
type: HostBinding14,
|
1165
960
|
args: ["attr.role"]
|
1166
961
|
}], styleClass: [{
|
1167
|
-
type:
|
962
|
+
type: Input6
|
1168
963
|
}] } });
|
1169
964
|
|
1170
965
|
// eui-user-profile/user-profile-menu/user-profile-menu.component.mjs
|
1171
|
-
import { Component as
|
966
|
+
import { Component as Component15, HostBinding as HostBinding15, ViewEncapsulation as ViewEncapsulation23, ContentChildren, HostListener as HostListener3, forwardRef as forwardRef3 } from "@angular/core";
|
1172
967
|
import { FocusKeyManager } from "@angular/cdk/a11y";
|
1173
|
-
import { Subject
|
1174
|
-
import { takeUntil
|
1175
|
-
import * as
|
1176
|
-
import * as
|
968
|
+
import { Subject } from "rxjs";
|
969
|
+
import { takeUntil } from "rxjs/operators";
|
970
|
+
import * as i016 from "@angular/core";
|
971
|
+
import * as i19 from "@eui/components/eui-dropdown";
|
1177
972
|
var EuiUserProfileMenuComponent = class _EuiUserProfileMenuComponent {
|
1178
973
|
constructor(dropdownService) {
|
1179
974
|
this.dropdownService = dropdownService;
|
1180
975
|
this.class = "eui-user-profile-menu";
|
1181
976
|
this.role = "menu";
|
1182
|
-
this.destroy$ = new
|
977
|
+
this.destroy$ = new Subject();
|
1183
978
|
}
|
1184
979
|
onKeydown(event2) {
|
1185
980
|
this.focusKeyManager.onKeydown(event2);
|
1186
981
|
}
|
1187
982
|
ngAfterContentInit() {
|
1188
|
-
this.dropdownService.isDropdownOpen.pipe(
|
983
|
+
this.dropdownService.isDropdownOpen.pipe(takeUntil(this.destroy$)).subscribe((isOpen) => {
|
1189
984
|
if (isOpen) {
|
1190
985
|
this.focusKeyManager = new FocusKeyManager(this.items).withWrap();
|
1191
986
|
this.focusKeyManager.setFirstItemActive();
|
@@ -1197,19 +992,19 @@ var EuiUserProfileMenuComponent = class _EuiUserProfileMenuComponent {
|
|
1197
992
|
this.destroy$.unsubscribe();
|
1198
993
|
}
|
1199
994
|
static {
|
1200
|
-
this.ɵfac =
|
995
|
+
this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i016, type: _EuiUserProfileMenuComponent, deps: [{ token: i19.EuiDropdownService }], target: i016.ɵɵFactoryTarget.Component });
|
1201
996
|
}
|
1202
997
|
static {
|
1203
|
-
this.ɵcmp =
|
998
|
+
this.ɵcmp = i016.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiUserProfileMenuComponent, selector: "eui-user-profile-menu", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "items", predicate: i016.forwardRef(() => EuiUserProfileMenuItemComponent) }], ngImport: i016, template: "<ng-content></ng-content>\n", encapsulation: i016.ViewEncapsulation.None });
|
1204
999
|
}
|
1205
1000
|
};
|
1206
|
-
|
1207
|
-
type:
|
1208
|
-
args: [{ selector: "eui-user-profile-menu", encapsulation:
|
1209
|
-
}], ctorParameters: () => [{ type:
|
1210
|
-
type:
|
1001
|
+
i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i016, type: EuiUserProfileMenuComponent, decorators: [{
|
1002
|
+
type: Component15,
|
1003
|
+
args: [{ selector: "eui-user-profile-menu", encapsulation: ViewEncapsulation23.None, template: "<ng-content></ng-content>\n" }]
|
1004
|
+
}], ctorParameters: () => [{ type: i19.EuiDropdownService }], propDecorators: { class: [{
|
1005
|
+
type: HostBinding15
|
1211
1006
|
}], role: [{
|
1212
|
-
type:
|
1007
|
+
type: HostBinding15,
|
1213
1008
|
args: ["attr.role"]
|
1214
1009
|
}], items: [{
|
1215
1010
|
type: ContentChildren,
|
@@ -1220,17 +1015,17 @@ i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1220
1015
|
}] } });
|
1221
1016
|
|
1222
1017
|
// eui-user-profile/user-profile.component.mjs
|
1223
|
-
import { Component as
|
1224
|
-
import { takeUntil as
|
1225
|
-
import { Subject as
|
1018
|
+
import { Component as Component16, HostBinding as HostBinding16, ChangeDetectionStrategy as ChangeDetectionStrategy7, ViewEncapsulation as ViewEncapsulation25, Input as Input7, ViewChild, Host, Optional as Optional2, Inject, forwardRef as forwardRef5, ContentChildren as ContentChildren2, booleanAttribute as booleanAttribute3 } from "@angular/core";
|
1019
|
+
import { takeUntil as takeUntil2 } from "rxjs/operators";
|
1020
|
+
import { Subject as Subject2 } from "rxjs";
|
1226
1021
|
import { BaseStatesDirective } from "@eui/components/shared";
|
1227
|
-
import * as
|
1228
|
-
import * as
|
1229
|
-
import * as
|
1230
|
-
import * as
|
1231
|
-
import * as
|
1232
|
-
import * as
|
1233
|
-
import * as
|
1022
|
+
import * as i017 from "@angular/core";
|
1023
|
+
import * as i110 from "@eui/core";
|
1024
|
+
import * as i24 from "@eui/components/shared";
|
1025
|
+
import * as i33 from "@angular/common";
|
1026
|
+
import * as i42 from "@eui/components/eui-dropdown";
|
1027
|
+
import * as i52 from "@eui/components/eui-icon";
|
1028
|
+
import * as i6 from "@eui/components/eui-avatar";
|
1234
1029
|
import * as i7 from "@eui/components/eui-badge";
|
1235
1030
|
var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
1236
1031
|
get cssClasses() {
|
@@ -1250,11 +1045,11 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
1250
1045
|
this.isReverse = false;
|
1251
1046
|
this.hasToggle = false;
|
1252
1047
|
this.isHeaderUserProfile = false;
|
1253
|
-
this.unsubscribeSubject$ = new
|
1048
|
+
this.unsubscribeSubject$ = new Subject2();
|
1254
1049
|
this.toolbarItemParent = toolbarItemParent;
|
1255
1050
|
}
|
1256
1051
|
ngOnInit() {
|
1257
|
-
this.userService.getState().pipe(
|
1052
|
+
this.userService.getState().pipe(takeUntil2(this.unsubscribeSubject$)).subscribe((state) => {
|
1258
1053
|
if (state) {
|
1259
1054
|
this.userState = state;
|
1260
1055
|
const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();
|
@@ -1286,10 +1081,10 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
1286
1081
|
].join(" ").trim();
|
1287
1082
|
}
|
1288
1083
|
static {
|
1289
|
-
this.ɵfac =
|
1084
|
+
this.ɵfac = i017.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i017, type: _EuiUserProfileComponent, deps: [{ token: forwardRef5(() => EuiToolbarItemComponent), host: true, optional: true }, { token: i110.UserService }, { token: i24.BaseStatesDirective }], target: i017.ɵɵFactoryTarget.Component });
|
1290
1085
|
}
|
1291
1086
|
static {
|
1292
|
-
this.ɵcmp =
|
1087
|
+
this.ɵcmp = i017.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute3], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute3], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute3], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute3], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute3], isReverse: ["isReverse", "isReverse", booleanAttribute3], hasToggle: ["hasToggle", "hasToggle", booleanAttribute3], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute3] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i017.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i24.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i017, template: `<ng-container *ngIf="hasMenu; else noMenuContent">
|
1293
1088
|
<eui-dropdown [hasTabNavigation]="hasTabNavigation" width="340px" #dropdown>
|
1294
1089
|
<ng-container *ngTemplateOutlet="userProfileContent"></ng-container>
|
1295
1090
|
<eui-dropdown-content>
|
@@ -1347,12 +1142,12 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
1347
1142
|
</eui-avatar>
|
1348
1143
|
</button>
|
1349
1144
|
</ng-template>
|
1350
|
-
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "directive", type:
|
1145
|
+
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "directive", type: i33.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i42.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i52.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i017.ChangeDetectionStrategy.Default, encapsulation: i017.ViewEncapsulation.None });
|
1351
1146
|
}
|
1352
1147
|
};
|
1353
|
-
|
1354
|
-
type:
|
1355
|
-
args: [{ selector: "eui-user-profile", changeDetection:
|
1148
|
+
i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i017, type: EuiUserProfileComponent, decorators: [{
|
1149
|
+
type: Component16,
|
1150
|
+
args: [{ selector: "eui-user-profile", changeDetection: ChangeDetectionStrategy7.Default, encapsulation: ViewEncapsulation25.None, hostDirectives: [
|
1356
1151
|
{
|
1357
1152
|
directive: BaseStatesDirective,
|
1358
1153
|
inputs: [
|
@@ -1424,42 +1219,42 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1424
1219
|
}, {
|
1425
1220
|
type: Optional2
|
1426
1221
|
}, {
|
1427
|
-
type:
|
1222
|
+
type: Inject,
|
1428
1223
|
args: [forwardRef5(() => EuiToolbarItemComponent)]
|
1429
|
-
}] }, { type:
|
1430
|
-
type:
|
1224
|
+
}] }, { type: i110.UserService }, { type: i24.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
1225
|
+
type: HostBinding16,
|
1431
1226
|
args: ["class"]
|
1432
1227
|
}], welcomeLabel: [{
|
1433
|
-
type:
|
1228
|
+
type: Input7
|
1434
1229
|
}], impersonateLabel: [{
|
1435
|
-
type:
|
1230
|
+
type: Input7
|
1436
1231
|
}], avatarUrl: [{
|
1437
|
-
type:
|
1232
|
+
type: Input7
|
1438
1233
|
}], subInfos: [{
|
1439
|
-
type:
|
1234
|
+
type: Input7
|
1440
1235
|
}], hasMenu: [{
|
1441
|
-
type:
|
1236
|
+
type: Input7,
|
1442
1237
|
args: [{ transform: booleanAttribute3 }]
|
1443
1238
|
}], isShowUserInfos: [{
|
1444
|
-
type:
|
1239
|
+
type: Input7,
|
1445
1240
|
args: [{ transform: booleanAttribute3 }]
|
1446
1241
|
}], hasWelcomeLabel: [{
|
1447
|
-
type:
|
1242
|
+
type: Input7,
|
1448
1243
|
args: [{ transform: booleanAttribute3 }]
|
1449
1244
|
}], isShowAvatarInitials: [{
|
1450
|
-
type:
|
1245
|
+
type: Input7,
|
1451
1246
|
args: [{ transform: booleanAttribute3 }]
|
1452
1247
|
}], hasTabNavigation: [{
|
1453
|
-
type:
|
1248
|
+
type: Input7,
|
1454
1249
|
args: [{ transform: booleanAttribute3 }]
|
1455
1250
|
}], isReverse: [{
|
1456
|
-
type:
|
1251
|
+
type: Input7,
|
1457
1252
|
args: [{ transform: booleanAttribute3 }]
|
1458
1253
|
}], hasToggle: [{
|
1459
|
-
type:
|
1254
|
+
type: Input7,
|
1460
1255
|
args: [{ transform: booleanAttribute3 }]
|
1461
1256
|
}], isHeaderUserProfile: [{
|
1462
|
-
type:
|
1257
|
+
type: Input7,
|
1463
1258
|
args: [{ transform: booleanAttribute3 }]
|
1464
1259
|
}], dropdown: [{
|
1465
1260
|
type: ViewChild,
|
@@ -1470,15 +1265,15 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1470
1265
|
}] } });
|
1471
1266
|
|
1472
1267
|
// eui-user-profile/user-profile-card/user-profile-card.component.mjs
|
1473
|
-
import { Component as
|
1474
|
-
import { takeUntil as
|
1475
|
-
import { Subject as
|
1476
|
-
import * as
|
1477
|
-
import * as
|
1478
|
-
import * as
|
1479
|
-
import * as
|
1480
|
-
import * as
|
1481
|
-
import * as
|
1268
|
+
import { Component as Component17, HostBinding as HostBinding17, ChangeDetectionStrategy as ChangeDetectionStrategy9, ViewEncapsulation as ViewEncapsulation27, Input as Input8, EventEmitter as EventEmitter3, Output as Output3, booleanAttribute as booleanAttribute4 } from "@angular/core";
|
1269
|
+
import { takeUntil as takeUntil3 } from "rxjs/operators";
|
1270
|
+
import { Subject as Subject3 } from "rxjs";
|
1271
|
+
import * as i018 from "@angular/core";
|
1272
|
+
import * as i111 from "@eui/core";
|
1273
|
+
import * as i25 from "@angular/common";
|
1274
|
+
import * as i34 from "@eui/components/eui-icon";
|
1275
|
+
import * as i43 from "@eui/components/eui-button";
|
1276
|
+
import * as i53 from "@eui/components/eui-avatar";
|
1482
1277
|
var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
1483
1278
|
get cssClasses() {
|
1484
1279
|
return "eui-user-profile-card";
|
@@ -1489,12 +1284,12 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
1489
1284
|
this.impersonateLabel = "impersonating";
|
1490
1285
|
this.showDetailsLabel = "Show profile details";
|
1491
1286
|
this.isShowAvatarInitials = false;
|
1492
|
-
this.showProfileInfo = new
|
1493
|
-
this.closeProfileMenu = new
|
1494
|
-
this.unsubscribeSubject$ = new
|
1287
|
+
this.showProfileInfo = new EventEmitter3();
|
1288
|
+
this.closeProfileMenu = new EventEmitter3();
|
1289
|
+
this.unsubscribeSubject$ = new Subject3();
|
1495
1290
|
}
|
1496
1291
|
ngOnInit() {
|
1497
|
-
this.userService.getState().pipe(
|
1292
|
+
this.userService.getState().pipe(takeUntil3(this.unsubscribeSubject$)).subscribe((state) => {
|
1498
1293
|
if (state) {
|
1499
1294
|
const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();
|
1500
1295
|
const lastNameInitial = state.lastName?.substring(0, 1).toUpperCase();
|
@@ -1514,80 +1309,80 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
1514
1309
|
this.closeProfileMenu.emit();
|
1515
1310
|
}
|
1516
1311
|
static {
|
1517
|
-
this.ɵfac =
|
1312
|
+
this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i018, type: _EuiUserProfileCardComponent, deps: [{ token: i111.UserService }], target: i018.ɵɵFactoryTarget.Component });
|
1518
1313
|
}
|
1519
1314
|
static {
|
1520
|
-
this.ɵcmp =
|
1315
|
+
this.ɵcmp = i018.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute4] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i018, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i34.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i43.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i53.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i53.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i53.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i018.ChangeDetectionStrategy.Default, encapsulation: i018.ViewEncapsulation.None });
|
1521
1316
|
}
|
1522
1317
|
};
|
1523
|
-
|
1524
|
-
type:
|
1525
|
-
args: [{ selector: "eui-user-profile-card", changeDetection:
|
1526
|
-
}], ctorParameters: () => [{ type:
|
1527
|
-
type:
|
1318
|
+
i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i018, type: EuiUserProfileCardComponent, decorators: [{
|
1319
|
+
type: Component17,
|
1320
|
+
args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy9.Default, encapsulation: ViewEncapsulation27.None, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n' }]
|
1321
|
+
}], ctorParameters: () => [{ type: i111.UserService }], propDecorators: { cssClasses: [{
|
1322
|
+
type: HostBinding17,
|
1528
1323
|
args: ["class"]
|
1529
1324
|
}], impersonateLabel: [{
|
1530
|
-
type:
|
1325
|
+
type: Input8
|
1531
1326
|
}], showDetailsLabel: [{
|
1532
|
-
type:
|
1327
|
+
type: Input8
|
1533
1328
|
}], avatarUrl: [{
|
1534
|
-
type:
|
1329
|
+
type: Input8
|
1535
1330
|
}], isShowAvatarInitials: [{
|
1536
|
-
type:
|
1331
|
+
type: Input8,
|
1537
1332
|
args: [{ transform: booleanAttribute4 }]
|
1538
1333
|
}], showProfileInfo: [{
|
1539
|
-
type:
|
1334
|
+
type: Output3
|
1540
1335
|
}], closeProfileMenu: [{
|
1541
|
-
type:
|
1336
|
+
type: Output3
|
1542
1337
|
}] } });
|
1543
1338
|
|
1544
1339
|
// eui-user-profile/user-profile.module.mjs
|
1545
|
-
import { NgModule as
|
1546
|
-
import { CommonModule as
|
1547
|
-
import { EuiDropdownModule
|
1548
|
-
import { EuiIconModule as
|
1549
|
-
import { EuiButtonModule as
|
1340
|
+
import { NgModule as NgModule2 } from "@angular/core";
|
1341
|
+
import { CommonModule as CommonModule2 } from "@angular/common";
|
1342
|
+
import { EuiDropdownModule } from "@eui/components/eui-dropdown";
|
1343
|
+
import { EuiIconModule as EuiIconModule2 } from "@eui/components/eui-icon";
|
1344
|
+
import { EuiButtonModule as EuiButtonModule2 } from "@eui/components/eui-button";
|
1550
1345
|
import { EuiCoerceBooleanPipeModule } from "@eui/components/pipes";
|
1551
1346
|
import { EuiAvatarModule } from "@eui/components/eui-avatar";
|
1552
1347
|
import { EuiBadgeModule } from "@eui/components/eui-badge";
|
1553
|
-
import * as
|
1348
|
+
import * as i019 from "@angular/core";
|
1554
1349
|
var COMPONENTS2 = [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent];
|
1555
1350
|
var EuiUserProfileModule = class _EuiUserProfileModule {
|
1556
1351
|
static {
|
1557
|
-
this.ɵfac =
|
1352
|
+
this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i019, type: _EuiUserProfileModule, deps: [], target: i019.ɵɵFactoryTarget.NgModule });
|
1558
1353
|
}
|
1559
1354
|
static {
|
1560
|
-
this.ɵmod =
|
1561
|
-
|
1562
|
-
|
1355
|
+
this.ɵmod = i019.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i019, type: _EuiUserProfileModule, declarations: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent], imports: [
|
1356
|
+
CommonModule2,
|
1357
|
+
EuiDropdownModule,
|
1563
1358
|
EuiCoerceBooleanPipeModule,
|
1564
|
-
|
1565
|
-
|
1359
|
+
EuiIconModule2,
|
1360
|
+
EuiButtonModule2,
|
1566
1361
|
EuiAvatarModule,
|
1567
1362
|
EuiBadgeModule
|
1568
1363
|
], exports: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent] });
|
1569
1364
|
}
|
1570
1365
|
static {
|
1571
|
-
this.ɵinj =
|
1572
|
-
|
1573
|
-
|
1366
|
+
this.ɵinj = i019.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i019, type: _EuiUserProfileModule, imports: [
|
1367
|
+
CommonModule2,
|
1368
|
+
EuiDropdownModule,
|
1574
1369
|
EuiCoerceBooleanPipeModule,
|
1575
|
-
|
1576
|
-
|
1370
|
+
EuiIconModule2,
|
1371
|
+
EuiButtonModule2,
|
1577
1372
|
EuiAvatarModule,
|
1578
1373
|
EuiBadgeModule
|
1579
1374
|
] });
|
1580
1375
|
}
|
1581
1376
|
};
|
1582
|
-
|
1583
|
-
type:
|
1377
|
+
i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i019, type: EuiUserProfileModule, decorators: [{
|
1378
|
+
type: NgModule2,
|
1584
1379
|
args: [{
|
1585
1380
|
imports: [
|
1586
|
-
|
1587
|
-
|
1381
|
+
CommonModule2,
|
1382
|
+
EuiDropdownModule,
|
1588
1383
|
EuiCoerceBooleanPipeModule,
|
1589
|
-
|
1590
|
-
|
1384
|
+
EuiIconModule2,
|
1385
|
+
EuiButtonModule2,
|
1591
1386
|
EuiAvatarModule,
|
1592
1387
|
EuiBadgeModule
|
1593
1388
|
],
|
@@ -1597,12 +1392,12 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1597
1392
|
}] });
|
1598
1393
|
|
1599
1394
|
// eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs
|
1600
|
-
import { booleanAttribute as booleanAttribute5, Component as
|
1395
|
+
import { booleanAttribute as booleanAttribute5, Component as Component18, HostBinding as HostBinding18, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation29, Input as Input9, EventEmitter as EventEmitter4, Output as Output4, ContentChildren as ContentChildren3, forwardRef as forwardRef7, HostListener as HostListener4 } from "@angular/core";
|
1601
1396
|
import { consumeEvent } from "@eui/core";
|
1602
|
-
import * as
|
1603
|
-
import * as
|
1604
|
-
import * as
|
1605
|
-
import * as
|
1397
|
+
import * as i020 from "@angular/core";
|
1398
|
+
import * as i112 from "@angular/common";
|
1399
|
+
import * as i26 from "@eui/components/eui-button";
|
1400
|
+
import * as i35 from "@eui/components/eui-icon";
|
1606
1401
|
var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProfileComponent {
|
1607
1402
|
constructor() {
|
1608
1403
|
this.welcomeLabel = "Welcome";
|
@@ -1614,7 +1409,7 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
1614
1409
|
this.hasTabNavigation = false;
|
1615
1410
|
this.hasToggle = false;
|
1616
1411
|
this.hasProfileDrawer = false;
|
1617
|
-
this.toggle = new
|
1412
|
+
this.toggle = new EventEmitter4();
|
1618
1413
|
this.toggleProfile = false;
|
1619
1414
|
}
|
1620
1415
|
get cssClasses() {
|
@@ -1640,10 +1435,10 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
1640
1435
|
].join(" ").trim();
|
1641
1436
|
}
|
1642
1437
|
static {
|
1643
|
-
this.ɵfac =
|
1438
|
+
this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i020, type: _EuiAppSidebarHeaderUserProfileComponent, deps: [], target: i020.ɵɵFactoryTarget.Component });
|
1644
1439
|
}
|
1645
1440
|
static {
|
1646
|
-
this.ɵcmp =
|
1441
|
+
this.ɵcmp = i020.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute5], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute5], isOnline: ["isOnline", "isOnline", booleanAttribute5], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute5], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute5], hasToggle: ["hasToggle", "hasToggle", booleanAttribute5], hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute5] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "userProfileMenu", predicate: i020.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i020, template: `<eui-user-profile
|
1647
1442
|
[hasWelcomeLabel]="hasWelcomeLabel"
|
1648
1443
|
[welcomeLabel]="welcomeLabel"
|
1649
1444
|
[impersonateLabel]="impersonateLabel"
|
@@ -1661,12 +1456,12 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
1661
1456
|
<button *ngIf="hasProfileDrawer" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class="eui-u-ml-auto" aria-label="Toggle user profile details">
|
1662
1457
|
<eui-icon-svg [icon]="toggleProfile ? 'eui-chevron-up' : 'eui-chevron-down'"></eui-icon-svg>
|
1663
1458
|
</button>
|
1664
|
-
`, styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-25);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-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:
|
1459
|
+
`, styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-25);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-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: i112.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i26.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i35.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i020.ChangeDetectionStrategy.Default, encapsulation: i020.ViewEncapsulation.None });
|
1665
1460
|
}
|
1666
1461
|
};
|
1667
|
-
|
1668
|
-
type:
|
1669
|
-
args: [{ selector: "eui-app-sidebar-header-user-profile", changeDetection:
|
1462
|
+
i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i020, type: EuiAppSidebarHeaderUserProfileComponent, decorators: [{
|
1463
|
+
type: Component18,
|
1464
|
+
args: [{ selector: "eui-app-sidebar-header-user-profile", changeDetection: ChangeDetectionStrategy11.Default, encapsulation: ViewEncapsulation29.None, template: `<eui-user-profile
|
1670
1465
|
[hasWelcomeLabel]="hasWelcomeLabel"
|
1671
1466
|
[welcomeLabel]="welcomeLabel"
|
1672
1467
|
[impersonateLabel]="impersonateLabel"
|
@@ -1686,37 +1481,37 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1686
1481
|
</button>
|
1687
1482
|
`, styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-25);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-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"] }]
|
1688
1483
|
}], propDecorators: { cssClasses: [{
|
1689
|
-
type:
|
1484
|
+
type: HostBinding18,
|
1690
1485
|
args: ["class"]
|
1691
1486
|
}], welcomeLabel: [{
|
1692
|
-
type:
|
1487
|
+
type: Input9
|
1693
1488
|
}], impersonateLabel: [{
|
1694
|
-
type:
|
1489
|
+
type: Input9
|
1695
1490
|
}], avatarUrl: [{
|
1696
|
-
type:
|
1491
|
+
type: Input9
|
1697
1492
|
}], isShowUserInfos: [{
|
1698
|
-
type:
|
1493
|
+
type: Input9,
|
1699
1494
|
args: [{ transform: booleanAttribute5 }]
|
1700
1495
|
}], isShowAvatarInitials: [{
|
1701
|
-
type:
|
1496
|
+
type: Input9,
|
1702
1497
|
args: [{ transform: booleanAttribute5 }]
|
1703
1498
|
}], isOnline: [{
|
1704
|
-
type:
|
1499
|
+
type: Input9,
|
1705
1500
|
args: [{ transform: booleanAttribute5 }]
|
1706
1501
|
}], hasWelcomeLabel: [{
|
1707
|
-
type:
|
1502
|
+
type: Input9,
|
1708
1503
|
args: [{ transform: booleanAttribute5 }]
|
1709
1504
|
}], hasTabNavigation: [{
|
1710
|
-
type:
|
1505
|
+
type: Input9,
|
1711
1506
|
args: [{ transform: booleanAttribute5 }]
|
1712
1507
|
}], hasToggle: [{
|
1713
|
-
type:
|
1508
|
+
type: Input9,
|
1714
1509
|
args: [{ transform: booleanAttribute5 }]
|
1715
1510
|
}], hasProfileDrawer: [{
|
1716
|
-
type:
|
1511
|
+
type: Input9,
|
1717
1512
|
args: [{ transform: booleanAttribute5 }]
|
1718
1513
|
}], toggle: [{
|
1719
|
-
type:
|
1514
|
+
type: Output4
|
1720
1515
|
}], userProfileMenu: [{
|
1721
1516
|
type: ContentChildren3,
|
1722
1517
|
args: [forwardRef7(() => EuiUserProfileMenuComponent)]
|
@@ -1726,9 +1521,9 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1726
1521
|
}] } });
|
1727
1522
|
|
1728
1523
|
// eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs
|
1729
|
-
import { coerceBooleanProperty as
|
1730
|
-
import { Component as
|
1731
|
-
import * as
|
1524
|
+
import { coerceBooleanProperty as coerceBooleanProperty2 } from "@angular/cdk/coercion";
|
1525
|
+
import { Component as Component19, HostBinding as HostBinding19, ViewEncapsulation as ViewEncapsulation31, Input as Input10 } from "@angular/core";
|
1526
|
+
import * as i021 from "@angular/core";
|
1732
1527
|
var EuiAppSidebarDrawerComponent = class _EuiAppSidebarDrawerComponent {
|
1733
1528
|
constructor() {
|
1734
1529
|
this._isExpanded = false;
|
@@ -1737,7 +1532,7 @@ var EuiAppSidebarDrawerComponent = class _EuiAppSidebarDrawerComponent {
|
|
1737
1532
|
return this._isExpanded;
|
1738
1533
|
}
|
1739
1534
|
set isExpanded(value) {
|
1740
|
-
this._isExpanded =
|
1535
|
+
this._isExpanded = coerceBooleanProperty2(value);
|
1741
1536
|
}
|
1742
1537
|
get cssClasses() {
|
1743
1538
|
return this._getCssClasses();
|
@@ -1749,31 +1544,31 @@ var EuiAppSidebarDrawerComponent = class _EuiAppSidebarDrawerComponent {
|
|
1749
1544
|
return ["eui-app-sidebar-drawer", this.isExpanded ? "eui-app-sidebar-drawer--expanded" : ""].join(" ").trim();
|
1750
1545
|
}
|
1751
1546
|
static {
|
1752
|
-
this.ɵfac =
|
1547
|
+
this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i021, type: _EuiAppSidebarDrawerComponent, deps: [], target: i021.ɵɵFactoryTarget.Component });
|
1753
1548
|
}
|
1754
1549
|
static {
|
1755
|
-
this.ɵcmp =
|
1550
|
+
this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppSidebarDrawerComponent, selector: "eui-app-sidebar-drawer", inputs: { isExpanded: "isExpanded" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i021, template: '<!-- HIDDEN APP DRAWER : scrolls up and revealing user info details or any other injected content -->\n<div class="eui-app-sidebar-drawer-content" (click)="onSidebarDrawerContentClick($event)">\n <ng-content></ng-content>\n</div>\n', encapsulation: i021.ViewEncapsulation.None });
|
1756
1551
|
}
|
1757
1552
|
};
|
1758
|
-
|
1759
|
-
type:
|
1760
|
-
args: [{ selector: "eui-app-sidebar-drawer", encapsulation:
|
1553
|
+
i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i021, type: EuiAppSidebarDrawerComponent, decorators: [{
|
1554
|
+
type: Component19,
|
1555
|
+
args: [{ selector: "eui-app-sidebar-drawer", encapsulation: ViewEncapsulation31.None, template: '<!-- HIDDEN APP DRAWER : scrolls up and revealing user info details or any other injected content -->\n<div class="eui-app-sidebar-drawer-content" (click)="onSidebarDrawerContentClick($event)">\n <ng-content></ng-content>\n</div>\n' }]
|
1761
1556
|
}], propDecorators: { isExpanded: [{
|
1762
|
-
type:
|
1557
|
+
type: Input10
|
1763
1558
|
}], cssClasses: [{
|
1764
|
-
type:
|
1559
|
+
type: HostBinding19,
|
1765
1560
|
args: ["class"]
|
1766
1561
|
}] } });
|
1767
1562
|
|
1768
1563
|
// eui-app/eui-app-sidebar/sidebar.module.mjs
|
1769
|
-
import { CommonModule as
|
1770
|
-
import { NgModule as
|
1564
|
+
import { CommonModule as CommonModule3 } from "@angular/common";
|
1565
|
+
import { NgModule as NgModule3 } from "@angular/core";
|
1771
1566
|
import { RouterModule as RouterModule2 } from "@angular/router";
|
1772
1567
|
import { EuiMenuModule } from "@eui/components/eui-menu";
|
1773
|
-
import { EuiButtonModule as
|
1774
|
-
import { EuiIconModule as
|
1568
|
+
import { EuiButtonModule as EuiButtonModule3 } from "@eui/components/eui-button";
|
1569
|
+
import { EuiIconModule as EuiIconModule3 } from "@eui/components/eui-icon";
|
1775
1570
|
import { EuiCoerceBooleanPipeModule as EuiCoerceBooleanPipeModule2 } from "@eui/components/pipes";
|
1776
|
-
import * as
|
1571
|
+
import * as i022 from "@angular/core";
|
1777
1572
|
var COMPONENTS3 = [
|
1778
1573
|
EuiAppSidebarComponent,
|
1779
1574
|
EuiAppSidebarHeaderComponent,
|
@@ -1785,10 +1580,10 @@ var COMPONENTS3 = [
|
|
1785
1580
|
];
|
1786
1581
|
var EuiAppSidebarModule = class _EuiAppSidebarModule {
|
1787
1582
|
static {
|
1788
|
-
this.ɵfac =
|
1583
|
+
this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i022, type: _EuiAppSidebarModule, deps: [], target: i022.ɵɵFactoryTarget.NgModule });
|
1789
1584
|
}
|
1790
1585
|
static {
|
1791
|
-
this.ɵmod =
|
1586
|
+
this.ɵmod = i022.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i022, type: _EuiAppSidebarModule, declarations: [
|
1792
1587
|
EuiAppSidebarComponent,
|
1793
1588
|
EuiAppSidebarHeaderComponent,
|
1794
1589
|
EuiAppSidebarBodyComponent,
|
@@ -1797,11 +1592,11 @@ var EuiAppSidebarModule = class _EuiAppSidebarModule {
|
|
1797
1592
|
EuiAppSidebarHeaderUserProfileComponent,
|
1798
1593
|
EuiAppSidebarDrawerComponent
|
1799
1594
|
], imports: [
|
1800
|
-
|
1595
|
+
CommonModule3,
|
1801
1596
|
RouterModule2,
|
1802
1597
|
EuiMenuModule,
|
1803
|
-
|
1804
|
-
|
1598
|
+
EuiButtonModule3,
|
1599
|
+
EuiIconModule3,
|
1805
1600
|
EuiCoerceBooleanPipeModule2,
|
1806
1601
|
EuiUserProfileModule
|
1807
1602
|
], exports: [
|
@@ -1815,26 +1610,26 @@ var EuiAppSidebarModule = class _EuiAppSidebarModule {
|
|
1815
1610
|
] });
|
1816
1611
|
}
|
1817
1612
|
static {
|
1818
|
-
this.ɵinj =
|
1819
|
-
|
1613
|
+
this.ɵinj = i022.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i022, type: _EuiAppSidebarModule, imports: [
|
1614
|
+
CommonModule3,
|
1820
1615
|
RouterModule2,
|
1821
1616
|
EuiMenuModule,
|
1822
|
-
|
1823
|
-
|
1617
|
+
EuiButtonModule3,
|
1618
|
+
EuiIconModule3,
|
1824
1619
|
EuiCoerceBooleanPipeModule2,
|
1825
1620
|
EuiUserProfileModule
|
1826
1621
|
] });
|
1827
1622
|
}
|
1828
1623
|
};
|
1829
|
-
|
1830
|
-
type:
|
1624
|
+
i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i022, type: EuiAppSidebarModule, decorators: [{
|
1625
|
+
type: NgModule3,
|
1831
1626
|
args: [{
|
1832
1627
|
imports: [
|
1833
|
-
|
1628
|
+
CommonModule3,
|
1834
1629
|
RouterModule2,
|
1835
1630
|
EuiMenuModule,
|
1836
|
-
|
1837
|
-
|
1631
|
+
EuiButtonModule3,
|
1632
|
+
EuiIconModule3,
|
1838
1633
|
EuiCoerceBooleanPipeModule2,
|
1839
1634
|
EuiUserProfileModule
|
1840
1635
|
],
|
@@ -1844,12 +1639,12 @@ i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1844
1639
|
}] });
|
1845
1640
|
|
1846
1641
|
// eui-sidebar-toggle/sidebar-toggle.component.mjs
|
1847
|
-
import { Component as
|
1642
|
+
import { Component as Component20, HostBinding as HostBinding20, Input as Input11, ViewEncapsulation as ViewEncapsulation33 } from "@angular/core";
|
1848
1643
|
import { consumeEvent as consumeEvent2 } from "@eui/core";
|
1849
|
-
import * as
|
1850
|
-
import * as
|
1851
|
-
import * as
|
1852
|
-
import * as
|
1644
|
+
import * as i023 from "@angular/core";
|
1645
|
+
import * as i113 from "@eui/core";
|
1646
|
+
import * as i27 from "@eui/components/eui-icon";
|
1647
|
+
import * as i36 from "@angular/common";
|
1853
1648
|
var EuiSidebarToggleComponent = class _EuiSidebarToggleComponent {
|
1854
1649
|
constructor(asService) {
|
1855
1650
|
this.asService = asService;
|
@@ -1862,22 +1657,22 @@ var EuiSidebarToggleComponent = class _EuiSidebarToggleComponent {
|
|
1862
1657
|
consumeEvent2(event2);
|
1863
1658
|
}
|
1864
1659
|
static {
|
1865
|
-
this.ɵfac =
|
1660
|
+
this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i023, type: _EuiSidebarToggleComponent, deps: [{ token: i113.EuiAppShellService }], target: i023.ɵɵFactoryTarget.Component });
|
1866
1661
|
}
|
1867
1662
|
static {
|
1868
|
-
this.ɵcmp =
|
1663
|
+
this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr", iconSvgFillColor: "iconSvgFillColor" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i023, template: `<eui-icon-svg-button
|
1869
1664
|
icon="eui-ecl-hamburger"
|
1870
1665
|
fillColor="{{iconSvgFillColor}}"
|
1871
1666
|
hasFocusBorder
|
1872
1667
|
[ariaLabel]="(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'"
|
1873
1668
|
(click)="onToggleSidebar($event)">
|
1874
1669
|
</eui-icon-svg-button>
|
1875
|
-
`, dependencies: [{ kind: "component", type:
|
1670
|
+
`, dependencies: [{ kind: "component", type: i27.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i36.AsyncPipe, name: "async" }], encapsulation: i023.ViewEncapsulation.None });
|
1876
1671
|
}
|
1877
1672
|
};
|
1878
|
-
|
1879
|
-
type:
|
1880
|
-
args: [{ selector: "eui-sidebar-toggle", encapsulation:
|
1673
|
+
i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i023, type: EuiSidebarToggleComponent, decorators: [{
|
1674
|
+
type: Component20,
|
1675
|
+
args: [{ selector: "eui-sidebar-toggle", encapsulation: ViewEncapsulation33.None, template: `<eui-icon-svg-button
|
1881
1676
|
icon="eui-ecl-hamburger"
|
1882
1677
|
fillColor="{{iconSvgFillColor}}"
|
1883
1678
|
hasFocusBorder
|
@@ -1885,56 +1680,57 @@ i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1885
1680
|
(click)="onToggleSidebar($event)">
|
1886
1681
|
</eui-icon-svg-button>
|
1887
1682
|
` }]
|
1888
|
-
}], ctorParameters: () => [{ type:
|
1889
|
-
type:
|
1683
|
+
}], ctorParameters: () => [{ type: i113.EuiAppShellService }], propDecorators: { e2eAttr: [{
|
1684
|
+
type: HostBinding20,
|
1890
1685
|
args: ["attr.data-e2e"]
|
1891
1686
|
}, {
|
1892
|
-
type:
|
1687
|
+
type: Input11
|
1893
1688
|
}], name: [{
|
1894
|
-
type:
|
1689
|
+
type: HostBinding20,
|
1895
1690
|
args: ["class"]
|
1896
1691
|
}], iconSvgFillColor: [{
|
1897
|
-
type:
|
1692
|
+
type: Input11
|
1898
1693
|
}] } });
|
1899
1694
|
|
1900
1695
|
// eui-sidebar-toggle/sidebar-toggle.module.mjs
|
1901
|
-
import { NgModule as
|
1902
|
-
import { CommonModule as
|
1903
|
-
import { EuiIconModule as
|
1904
|
-
import * as
|
1696
|
+
import { NgModule as NgModule4 } from "@angular/core";
|
1697
|
+
import { CommonModule as CommonModule4 } from "@angular/common";
|
1698
|
+
import { EuiIconModule as EuiIconModule4 } from "@eui/components/eui-icon";
|
1699
|
+
import * as i024 from "@angular/core";
|
1905
1700
|
var EuiSidebarToggleModule = class _EuiSidebarToggleModule {
|
1906
1701
|
static {
|
1907
|
-
this.ɵfac =
|
1702
|
+
this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i024, type: _EuiSidebarToggleModule, deps: [], target: i024.ɵɵFactoryTarget.NgModule });
|
1908
1703
|
}
|
1909
1704
|
static {
|
1910
|
-
this.ɵmod =
|
1705
|
+
this.ɵmod = i024.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i024, type: _EuiSidebarToggleModule, declarations: [EuiSidebarToggleComponent], imports: [CommonModule4, EuiIconModule4], exports: [EuiSidebarToggleComponent] });
|
1911
1706
|
}
|
1912
1707
|
static {
|
1913
|
-
this.ɵinj =
|
1708
|
+
this.ɵinj = i024.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i024, type: _EuiSidebarToggleModule, imports: [CommonModule4, EuiIconModule4] });
|
1914
1709
|
}
|
1915
1710
|
};
|
1916
|
-
|
1917
|
-
type:
|
1711
|
+
i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i024, type: EuiSidebarToggleModule, decorators: [{
|
1712
|
+
type: NgModule4,
|
1918
1713
|
args: [{
|
1919
|
-
imports: [
|
1714
|
+
imports: [CommonModule4, EuiIconModule4],
|
1920
1715
|
exports: [EuiSidebarToggleComponent],
|
1921
1716
|
declarations: [EuiSidebarToggleComponent]
|
1922
1717
|
}]
|
1923
1718
|
}] });
|
1924
1719
|
|
1925
1720
|
// eui-app/eui-app-toolbar/toolbar.component.mjs
|
1926
|
-
import { Component as
|
1927
|
-
import { coerceBooleanProperty as
|
1928
|
-
import * as
|
1929
|
-
import * as
|
1930
|
-
import * as
|
1931
|
-
import * as
|
1721
|
+
import { Component as Component21, HostBinding as HostBinding21, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation35, Input as Input12 } from "@angular/core";
|
1722
|
+
import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
|
1723
|
+
import * as i025 from "@angular/core";
|
1724
|
+
import * as i114 from "@eui/core";
|
1725
|
+
import * as i28 from "@angular/common";
|
1726
|
+
import * as i44 from "@eui/components/eui-language-selector";
|
1727
|
+
import * as i54 from "@eui/components/pipes";
|
1932
1728
|
var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
|
1933
1729
|
get hasLanguageSelector() {
|
1934
1730
|
return this._hasLanguageSelector;
|
1935
1731
|
}
|
1936
1732
|
set hasLanguageSelector(value) {
|
1937
|
-
this._hasLanguageSelector =
|
1733
|
+
this._hasLanguageSelector = coerceBooleanProperty3(value);
|
1938
1734
|
}
|
1939
1735
|
constructor(asService) {
|
1940
1736
|
this.asService = asService;
|
@@ -1953,10 +1749,10 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
|
|
1953
1749
|
document.documentElement.style.removeProperty("--eui-app-toolbar-height");
|
1954
1750
|
}
|
1955
1751
|
static {
|
1956
|
-
this.ɵfac =
|
1752
|
+
this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i025, type: _EuiAppToolbarComponent, deps: [{ token: i114.EuiAppShellService }], target: i025.ɵɵFactoryTarget.Component });
|
1957
1753
|
}
|
1958
1754
|
static {
|
1959
|
-
this.ɵcmp =
|
1755
|
+
this.ɵcmp = i025.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { hasLanguageSelector: "hasLanguageSelector" }, host: { properties: { "class": "this.string", "attr.role": "this.role" } }, ngImport: i025, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
|
1960
1756
|
<eui-sidebar-toggle *ngIf="asService.getState('hasSidebar') | async" class="eui-app-toolbar__sidebar-toggle"> </eui-sidebar-toggle>
|
1961
1757
|
|
1962
1758
|
<ng-content></ng-content>
|
@@ -1967,15 +1763,15 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
|
|
1967
1763
|
((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)
|
1968
1764
|
">
|
1969
1765
|
<ng-container *ngIf="hasLanguageSelector">
|
1970
|
-
<eui-language-selector
|
1766
|
+
<eui-language-selector isToolbarSelector></eui-language-selector>
|
1971
1767
|
</ng-container>
|
1972
1768
|
</ng-container>
|
1973
|
-
`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-xs)}.
|
1769
|
+
`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-xs)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-base-spacing-m) + 2px)}\n"], dependencies: [{ kind: "directive", type: i28.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "component", type: i44.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector"], outputs: ["languageSelectorClick"] }, { kind: "pipe", type: i28.AsyncPipe, name: "async" }, { kind: "pipe", type: i54.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i025.ChangeDetectionStrategy.Default, encapsulation: i025.ViewEncapsulation.None });
|
1974
1770
|
}
|
1975
1771
|
};
|
1976
|
-
|
1977
|
-
type:
|
1978
|
-
args: [{ selector: "eui-app-toolbar", changeDetection:
|
1772
|
+
i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i025, type: EuiAppToolbarComponent, decorators: [{
|
1773
|
+
type: Component21,
|
1774
|
+
args: [{ selector: "eui-app-toolbar", changeDetection: ChangeDetectionStrategy13.Default, encapsulation: ViewEncapsulation35.None, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
|
1979
1775
|
<eui-sidebar-toggle *ngIf="asService.getState('hasSidebar') | async" class="eui-app-toolbar__sidebar-toggle"> </eui-sidebar-toggle>
|
1980
1776
|
|
1981
1777
|
<ng-content></ng-content>
|
@@ -1986,54 +1782,55 @@ i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
1986
1782
|
((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)
|
1987
1783
|
">
|
1988
1784
|
<ng-container *ngIf="hasLanguageSelector">
|
1989
|
-
<eui-language-selector
|
1785
|
+
<eui-language-selector isToolbarSelector></eui-language-selector>
|
1990
1786
|
</ng-container>
|
1991
1787
|
</ng-container>
|
1992
|
-
`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-xs)}.
|
1993
|
-
}], ctorParameters: () => [{ type:
|
1994
|
-
type:
|
1788
|
+
`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-xs)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-base-spacing-m) + 2px)}\n"] }]
|
1789
|
+
}], ctorParameters: () => [{ type: i114.EuiAppShellService }], propDecorators: { string: [{
|
1790
|
+
type: HostBinding21,
|
1995
1791
|
args: ["class"]
|
1996
1792
|
}], role: [{
|
1997
|
-
type:
|
1793
|
+
type: HostBinding21,
|
1998
1794
|
args: ["attr.role"]
|
1999
1795
|
}], hasLanguageSelector: [{
|
2000
|
-
type:
|
1796
|
+
type: Input12
|
2001
1797
|
}] } });
|
2002
1798
|
|
2003
1799
|
// eui-app/eui-app-toolbar/toolbar.module.mjs
|
2004
|
-
import { CommonModule as
|
2005
|
-
import { NgModule as
|
1800
|
+
import { CommonModule as CommonModule5 } from "@angular/common";
|
1801
|
+
import { NgModule as NgModule5 } from "@angular/core";
|
2006
1802
|
import { EuiCoerceBooleanPipeModule as EuiCoerceBooleanPipeModule3 } from "@eui/components/pipes";
|
2007
|
-
import
|
1803
|
+
import { EuiLanguageSelectorModule as EuiLanguageSelectorModule2 } from "@eui/components/eui-language-selector";
|
1804
|
+
import * as i026 from "@angular/core";
|
2008
1805
|
var COMPONENTS4 = [EuiAppToolbarComponent];
|
2009
1806
|
var EuiAppToolbarModule = class _EuiAppToolbarModule {
|
2010
1807
|
static {
|
2011
|
-
this.ɵfac =
|
1808
|
+
this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i026, type: _EuiAppToolbarModule, deps: [], target: i026.ɵɵFactoryTarget.NgModule });
|
2012
1809
|
}
|
2013
1810
|
static {
|
2014
|
-
this.ɵmod =
|
1811
|
+
this.ɵmod = i026.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i026, type: _EuiAppToolbarModule, declarations: [EuiAppToolbarComponent], imports: [CommonModule5, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule3], exports: [EuiAppToolbarComponent] });
|
2015
1812
|
}
|
2016
1813
|
static {
|
2017
|
-
this.ɵinj =
|
1814
|
+
this.ɵinj = i026.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i026, type: _EuiAppToolbarModule, imports: [CommonModule5, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule3] });
|
2018
1815
|
}
|
2019
1816
|
};
|
2020
|
-
|
2021
|
-
type:
|
1817
|
+
i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i026, type: EuiAppToolbarModule, decorators: [{
|
1818
|
+
type: NgModule5,
|
2022
1819
|
args: [{
|
2023
|
-
imports: [
|
1820
|
+
imports: [CommonModule5, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule3],
|
2024
1821
|
declarations: [...COMPONENTS4],
|
2025
1822
|
exports: [...COMPONENTS4]
|
2026
1823
|
}]
|
2027
1824
|
}] });
|
2028
1825
|
|
2029
1826
|
// eui-app/eui-app.component.mjs
|
2030
|
-
import { Component as
|
2031
|
-
import { Subject as
|
2032
|
-
import { debounceTime, takeUntil as
|
2033
|
-
import * as
|
2034
|
-
import * as
|
2035
|
-
import * as
|
2036
|
-
import * as
|
1827
|
+
import { Component as Component22, Directive, ViewEncapsulation as ViewEncapsulation37, HostBinding as HostBinding22, Input as Input13, ContentChild as ContentChild2, forwardRef as forwardRef9, booleanAttribute as booleanAttribute6 } from "@angular/core";
|
1828
|
+
import { Subject as Subject4, fromEvent } from "rxjs";
|
1829
|
+
import { debounceTime, takeUntil as takeUntil4 } from "rxjs/operators";
|
1830
|
+
import * as i027 from "@angular/core";
|
1831
|
+
import * as i115 from "@eui/core";
|
1832
|
+
import * as i29 from "ngx-device-detector";
|
1833
|
+
import * as i37 from "@angular/common";
|
2037
1834
|
import * as i45 from "@angular/router";
|
2038
1835
|
import * as i10 from "@eui/components/eui-block-document";
|
2039
1836
|
import * as i11 from "@eui/components/eui-growl";
|
@@ -2052,7 +1849,7 @@ var EuiAppComponent = class _EuiAppComponent {
|
|
2052
1849
|
this.isSidebarExpandOnHover = true;
|
2053
1850
|
this.isShrinkHeaderActive = true;
|
2054
1851
|
this.isSidebarHidden = false;
|
2055
|
-
this.destroy$ = new
|
1852
|
+
this.destroy$ = new Subject4();
|
2056
1853
|
}
|
2057
1854
|
ngAfterContentInit() {
|
2058
1855
|
this.hasNoPageWrapper = !this.customPageWrapper;
|
@@ -2080,13 +1877,13 @@ var EuiAppComponent = class _EuiAppComponent {
|
|
2080
1877
|
},
|
2081
1878
|
appBaseFontSize: this.asService.getBaseFontSize()
|
2082
1879
|
});
|
2083
|
-
this.asService.getState("wrapperClasses").pipe(
|
1880
|
+
this.asService.getState("wrapperClasses").pipe(takeUntil4(this.destroy$)).subscribe((state) => {
|
2084
1881
|
this.cdRef.detach();
|
2085
1882
|
this.cssClasses = ["eui-app", state].join(" ");
|
2086
1883
|
this.cdRef.reattach();
|
2087
1884
|
this.cdRef.detectChanges();
|
2088
1885
|
});
|
2089
|
-
fromEvent(window, "resize").pipe(debounceTime(50),
|
1886
|
+
fromEvent(window, "resize").pipe(debounceTime(50), takeUntil4(this.destroy$)).subscribe(() => {
|
2090
1887
|
this.asService?.setState({
|
2091
1888
|
...this.asService.state,
|
2092
1889
|
windowHeight: window.innerHeight,
|
@@ -2121,33 +1918,33 @@ var EuiAppComponent = class _EuiAppComponent {
|
|
2121
1918
|
this.destroy$.unsubscribe();
|
2122
1919
|
}
|
2123
1920
|
static {
|
2124
|
-
this.ɵfac =
|
1921
|
+
this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i027, type: _EuiAppComponent, deps: [{ token: i115.EuiAppShellService }, { token: i115.EuiGrowlService }, { token: i29.DeviceDetectorService }, { token: i027.ChangeDetectorRef }], target: i027.ɵɵFactoryTarget.Component });
|
2125
1922
|
}
|
2126
1923
|
static {
|
2127
|
-
this.ɵcmp =
|
1924
|
+
this.ɵcmp = i027.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute6], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute6], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute6], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute6] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i027.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i027.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i027.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i027, template: '<eui-dimmer [isDimmerActive]="(asService.state$ | async).isDimmerActive"></eui-dimmer>\n\n<ng-content select="eui-app-sidebar"></ng-content>\n<ng-container *ngIf="!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]="(asService.state$ | async).menuLinks" [hasIcons]="true"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class="eui-app-main">\n <ng-content select="eui-app-top-message"></ng-content>\n\n <ng-content select="eui-app-header"></ng-content>\n\n <ng-container\n *ngIf="!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select="eui-app-toolbar"></ng-content>\n </ng-template>\n\n <ng-content select="eui-app-breadcrumb"></ng-content>\n\n <div class="eui-app-main-content" role="main">\n <ng-content select="eui-app-page-wrapper"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf="hasNoPageWrapper">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select="eui-app-footer"></ng-content>\n</div>\n\n<eui-growl\n [value]="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-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n'], dependencies: [{ kind: "directive", type: i37.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i45.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar" }, { 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", "hasLowercaseItems", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i122.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i37.AsyncPipe, name: "async" }], encapsulation: i027.ViewEncapsulation.None });
|
2128
1925
|
}
|
2129
1926
|
};
|
2130
|
-
|
2131
|
-
type:
|
2132
|
-
args: [{ selector: "eui-app", encapsulation:
|
2133
|
-
}], ctorParameters: () => [{ type:
|
2134
|
-
type:
|
1927
|
+
i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i027, type: EuiAppComponent, decorators: [{
|
1928
|
+
type: Component22,
|
1929
|
+
args: [{ selector: "eui-app", encapsulation: ViewEncapsulation37.None, template: '<eui-dimmer [isDimmerActive]="(asService.state$ | async).isDimmerActive"></eui-dimmer>\n\n<ng-content select="eui-app-sidebar"></ng-content>\n<ng-container *ngIf="!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]="(asService.state$ | async).menuLinks" [hasIcons]="true"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class="eui-app-main">\n <ng-content select="eui-app-top-message"></ng-content>\n\n <ng-content select="eui-app-header"></ng-content>\n\n <ng-container\n *ngIf="!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select="eui-app-toolbar"></ng-content>\n </ng-template>\n\n <ng-content select="eui-app-breadcrumb"></ng-content>\n\n <div class="eui-app-main-content" role="main">\n <ng-content select="eui-app-page-wrapper"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf="hasNoPageWrapper">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select="eui-app-footer"></ng-content>\n</div>\n\n<eui-growl\n [value]="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-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n'] }]
|
1930
|
+
}], ctorParameters: () => [{ type: i115.EuiAppShellService }, { type: i115.EuiGrowlService }, { type: i29.DeviceDetectorService }, { type: i027.ChangeDetectorRef }], propDecorators: { cssClasses: [{
|
1931
|
+
type: HostBinding22,
|
2135
1932
|
args: ["class"]
|
2136
1933
|
}], appSubTitle: [{
|
2137
|
-
type:
|
1934
|
+
type: Input13
|
2138
1935
|
}], themeClass: [{
|
2139
|
-
type:
|
1936
|
+
type: Input13
|
2140
1937
|
}], isSidebarOpen: [{
|
2141
|
-
type:
|
1938
|
+
type: Input13,
|
2142
1939
|
args: [{ transform: booleanAttribute6 }]
|
2143
1940
|
}], isSidebarExpandOnHover: [{
|
2144
|
-
type:
|
1941
|
+
type: Input13,
|
2145
1942
|
args: [{ transform: booleanAttribute6 }]
|
2146
1943
|
}], isShrinkHeaderActive: [{
|
2147
|
-
type:
|
1944
|
+
type: Input13,
|
2148
1945
|
args: [{ transform: booleanAttribute6 }]
|
2149
1946
|
}], isSidebarHidden: [{
|
2150
|
-
type:
|
1947
|
+
type: Input13,
|
2151
1948
|
args: [{ transform: booleanAttribute6 }]
|
2152
1949
|
}], appSidebar: [{
|
2153
1950
|
type: ContentChild2,
|
@@ -2161,26 +1958,26 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
2161
1958
|
}] } });
|
2162
1959
|
var EuiAppPageWrapperDirective = class _EuiAppPageWrapperDirective {
|
2163
1960
|
static {
|
2164
|
-
this.ɵfac =
|
1961
|
+
this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i027, type: _EuiAppPageWrapperDirective, deps: [], target: i027.ɵɵFactoryTarget.Directive });
|
2165
1962
|
}
|
2166
1963
|
static {
|
2167
|
-
this.ɵdir =
|
1964
|
+
this.ɵdir = i027.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppPageWrapperDirective, selector: "eui-app-page-wrapper", ngImport: i027 });
|
2168
1965
|
}
|
2169
1966
|
};
|
2170
|
-
|
1967
|
+
i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i027, type: EuiAppPageWrapperDirective, decorators: [{
|
2171
1968
|
type: Directive,
|
2172
1969
|
args: [{ selector: "eui-app-page-wrapper" }]
|
2173
1970
|
}] });
|
2174
1971
|
|
2175
1972
|
// eui-app/eui-app-header/header.component.mjs
|
2176
|
-
import { Component as
|
2177
|
-
import { coerceBooleanProperty as
|
2178
|
-
import { Subject as
|
2179
|
-
import { filter as filter2, takeUntil as
|
2180
|
-
import * as
|
2181
|
-
import * as
|
2182
|
-
import * as
|
2183
|
-
import * as
|
1973
|
+
import { Component as Component23, HostBinding as HostBinding23, ChangeDetectionStrategy as ChangeDetectionStrategy15, ViewEncapsulation as ViewEncapsulation39, Input as Input14 } from "@angular/core";
|
1974
|
+
import { coerceBooleanProperty as coerceBooleanProperty4 } from "@angular/cdk/coercion";
|
1975
|
+
import { Subject as Subject5 } from "rxjs";
|
1976
|
+
import { filter as filter2, takeUntil as takeUntil5 } from "rxjs/operators";
|
1977
|
+
import * as i028 from "@angular/core";
|
1978
|
+
import * as i116 from "@eui/core";
|
1979
|
+
import * as i210 from "@angular/cdk/scrolling";
|
1980
|
+
import * as i38 from "@angular/common";
|
2184
1981
|
var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
|
2185
1982
|
get cssClasses() {
|
2186
1983
|
return this.getCssClasses();
|
@@ -2189,7 +1986,7 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
|
|
2189
1986
|
return this._isShrinkHeaderActive;
|
2190
1987
|
}
|
2191
1988
|
set isShrinkHeaderActive(value) {
|
2192
|
-
this._isShrinkHeaderActive =
|
1989
|
+
this._isShrinkHeaderActive = coerceBooleanProperty4(value);
|
2193
1990
|
}
|
2194
1991
|
constructor(asService, zone, viewportRuler, scrollDispatcher) {
|
2195
1992
|
this.asService = asService;
|
@@ -2199,11 +1996,11 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
|
|
2199
1996
|
this.role = "banner";
|
2200
1997
|
this._isShrinkHeaderActive = false;
|
2201
1998
|
this.isHeaderShrinked = false;
|
2202
|
-
this.destroy$ = new
|
1999
|
+
this.destroy$ = new Subject5();
|
2203
2000
|
}
|
2204
2001
|
ngOnInit() {
|
2205
2002
|
this.asService.activateHeader();
|
2206
|
-
this.scrollDispatcher.scrolled().pipe(filter2(() => this.isShrinkHeaderActive),
|
2003
|
+
this.scrollDispatcher.scrolled().pipe(filter2(() => this.isShrinkHeaderActive), takeUntil5(this.destroy$)).subscribe(() => {
|
2207
2004
|
const topScrollPos = this.viewportRuler.getViewportScrollPosition().top;
|
2208
2005
|
this.asService.setHeaderShrinkCssVar(topScrollPos > 0);
|
2209
2006
|
if (topScrollPos > 0 !== this.isHeaderShrinked) {
|
@@ -2224,54 +2021,55 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
|
|
2224
2021
|
return ["eui-app-header", this.isHeaderShrinked ? "eui-app-header--shrinked" : ""].join(" ");
|
2225
2022
|
}
|
2226
2023
|
static {
|
2227
|
-
this.ɵfac =
|
2024
|
+
this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i028, type: _EuiAppHeaderComponent, deps: [{ token: i116.EuiAppShellService }, { token: i028.NgZone }, { token: i210.ViewportRuler }, { token: i210.ScrollDispatcher }], target: i028.ɵɵFactoryTarget.Component });
|
2228
2025
|
}
|
2229
2026
|
static {
|
2230
|
-
this.ɵcmp =
|
2027
|
+
this.ɵcmp = i028.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppHeaderComponent, selector: "eui-app-header", inputs: { isShrinkHeaderActive: "isShrinkHeaderActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i028, template: '<eui-sidebar-toggle\n *ngIf="(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar"\n class="eui-app-header__sidebar-toggle"\n iconSvgFillColor="primary-100">\n</eui-sidebar-toggle>\n\n<ng-content select="eui-header"></ng-content>\n', styles: [".eui-app-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-base-z-index-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-m)}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"], dependencies: [{ kind: "directive", type: i38.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "pipe", type: i38.AsyncPipe, name: "async" }], changeDetection: i028.ChangeDetectionStrategy.Default, encapsulation: i028.ViewEncapsulation.None });
|
2231
2028
|
}
|
2232
2029
|
};
|
2233
|
-
|
2234
|
-
type:
|
2235
|
-
args: [{ selector: "eui-app-header", changeDetection:
|
2236
|
-
}], ctorParameters: () => [{ type:
|
2237
|
-
type:
|
2030
|
+
i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i028, type: EuiAppHeaderComponent, decorators: [{
|
2031
|
+
type: Component23,
|
2032
|
+
args: [{ selector: "eui-app-header", changeDetection: ChangeDetectionStrategy15.Default, encapsulation: ViewEncapsulation39.None, template: '<eui-sidebar-toggle\n *ngIf="(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar"\n class="eui-app-header__sidebar-toggle"\n iconSvgFillColor="primary-100">\n</eui-sidebar-toggle>\n\n<ng-content select="eui-header"></ng-content>\n', styles: [".eui-app-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-base-z-index-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-m)}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"] }]
|
2033
|
+
}], ctorParameters: () => [{ type: i116.EuiAppShellService }, { type: i028.NgZone }, { type: i210.ViewportRuler }, { type: i210.ScrollDispatcher }], propDecorators: { cssClasses: [{
|
2034
|
+
type: HostBinding23,
|
2238
2035
|
args: ["class"]
|
2239
2036
|
}], role: [{
|
2240
|
-
type:
|
2037
|
+
type: HostBinding23,
|
2241
2038
|
args: ["attr.role"]
|
2242
2039
|
}], isShrinkHeaderActive: [{
|
2243
|
-
type:
|
2040
|
+
type: Input14
|
2244
2041
|
}] } });
|
2245
2042
|
|
2246
2043
|
// eui-app/eui-app-header/header.module.mjs
|
2247
|
-
import { CommonModule as
|
2248
|
-
import { NgModule as
|
2044
|
+
import { CommonModule as CommonModule6 } from "@angular/common";
|
2045
|
+
import { NgModule as NgModule6 } from "@angular/core";
|
2249
2046
|
import { RouterModule as RouterModule3 } from "@angular/router";
|
2250
|
-
import
|
2047
|
+
import { EuiLanguageSelectorModule as EuiLanguageSelectorModule3 } from "@eui/components/eui-language-selector";
|
2048
|
+
import * as i029 from "@angular/core";
|
2251
2049
|
var EuiAppHeaderModule = class _EuiAppHeaderModule {
|
2252
2050
|
static {
|
2253
|
-
this.ɵfac =
|
2051
|
+
this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i029, type: _EuiAppHeaderModule, deps: [], target: i029.ɵɵFactoryTarget.NgModule });
|
2254
2052
|
}
|
2255
2053
|
static {
|
2256
|
-
this.ɵmod =
|
2054
|
+
this.ɵmod = i029.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i029, type: _EuiAppHeaderModule, declarations: [EuiAppHeaderComponent], imports: [CommonModule6, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule3, RouterModule3], exports: [EuiAppHeaderComponent] });
|
2257
2055
|
}
|
2258
2056
|
static {
|
2259
|
-
this.ɵinj =
|
2057
|
+
this.ɵinj = i029.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i029, type: _EuiAppHeaderModule, imports: [CommonModule6, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule3, RouterModule3] });
|
2260
2058
|
}
|
2261
2059
|
};
|
2262
|
-
|
2263
|
-
type:
|
2060
|
+
i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i029, type: EuiAppHeaderModule, decorators: [{
|
2061
|
+
type: NgModule6,
|
2264
2062
|
args: [{
|
2265
|
-
imports: [
|
2063
|
+
imports: [CommonModule6, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule3, RouterModule3],
|
2266
2064
|
declarations: [EuiAppHeaderComponent],
|
2267
2065
|
exports: [EuiAppHeaderComponent]
|
2268
2066
|
}]
|
2269
2067
|
}] });
|
2270
2068
|
|
2271
2069
|
// eui-app/eui-app-breadcrumb/breadcrumb.component.mjs
|
2272
|
-
import { Component as
|
2273
|
-
import * as
|
2274
|
-
import * as
|
2070
|
+
import { Component as Component24, HostBinding as HostBinding24, ChangeDetectionStrategy as ChangeDetectionStrategy17, ViewEncapsulation as ViewEncapsulation41 } from "@angular/core";
|
2071
|
+
import * as i030 from "@angular/core";
|
2072
|
+
import * as i117 from "@eui/core";
|
2275
2073
|
var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
|
2276
2074
|
get cssClasses() {
|
2277
2075
|
return this.getCssClasses();
|
@@ -2287,106 +2085,106 @@ var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
|
|
2287
2085
|
return ["eui-app-breadcrumb"].join(" ");
|
2288
2086
|
}
|
2289
2087
|
static {
|
2290
|
-
this.ɵfac =
|
2088
|
+
this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i030, type: _EuiAppBreadcrumbComponent, deps: [{ token: i117.EuiAppShellService }], target: i030.ɵɵFactoryTarget.Component });
|
2291
2089
|
}
|
2292
2090
|
static {
|
2293
|
-
this.ɵcmp =
|
2091
|
+
this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppBreadcrumbComponent, selector: "eui-app-breadcrumb", host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i030, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0;width:100%}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"], changeDetection: i030.ChangeDetectionStrategy.Default, encapsulation: i030.ViewEncapsulation.None });
|
2294
2092
|
}
|
2295
2093
|
};
|
2296
|
-
|
2297
|
-
type:
|
2298
|
-
args: [{ selector: "eui-app-breadcrumb", changeDetection:
|
2299
|
-
}], ctorParameters: () => [{ type:
|
2300
|
-
type:
|
2094
|
+
i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i030, type: EuiAppBreadcrumbComponent, decorators: [{
|
2095
|
+
type: Component24,
|
2096
|
+
args: [{ selector: "eui-app-breadcrumb", changeDetection: ChangeDetectionStrategy17.Default, encapsulation: ViewEncapsulation41.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0;width:100%}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"] }]
|
2097
|
+
}], ctorParameters: () => [{ type: i117.EuiAppShellService }], propDecorators: { cssClasses: [{
|
2098
|
+
type: HostBinding24,
|
2301
2099
|
args: ["class"]
|
2302
2100
|
}], role: [{
|
2303
|
-
type:
|
2101
|
+
type: HostBinding24,
|
2304
2102
|
args: ["attr.role"]
|
2305
2103
|
}] } });
|
2306
2104
|
|
2307
2105
|
// eui-app/eui-app-breadcrumb/breadcrumb.module.mjs
|
2308
|
-
import { CommonModule as
|
2309
|
-
import { NgModule as
|
2310
|
-
import * as
|
2106
|
+
import { CommonModule as CommonModule7 } from "@angular/common";
|
2107
|
+
import { NgModule as NgModule7 } from "@angular/core";
|
2108
|
+
import * as i031 from "@angular/core";
|
2311
2109
|
var EuiAppBreadcrumbModule = class _EuiAppBreadcrumbModule {
|
2312
2110
|
static {
|
2313
|
-
this.ɵfac =
|
2111
|
+
this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i031, type: _EuiAppBreadcrumbModule, deps: [], target: i031.ɵɵFactoryTarget.NgModule });
|
2314
2112
|
}
|
2315
2113
|
static {
|
2316
|
-
this.ɵmod =
|
2114
|
+
this.ɵmod = i031.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i031, type: _EuiAppBreadcrumbModule, declarations: [EuiAppBreadcrumbComponent], imports: [CommonModule7], exports: [EuiAppBreadcrumbComponent] });
|
2317
2115
|
}
|
2318
2116
|
static {
|
2319
|
-
this.ɵinj =
|
2117
|
+
this.ɵinj = i031.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i031, type: _EuiAppBreadcrumbModule, imports: [CommonModule7] });
|
2320
2118
|
}
|
2321
2119
|
};
|
2322
|
-
|
2323
|
-
type:
|
2120
|
+
i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i031, type: EuiAppBreadcrumbModule, decorators: [{
|
2121
|
+
type: NgModule7,
|
2324
2122
|
args: [{
|
2325
|
-
imports: [
|
2123
|
+
imports: [CommonModule7],
|
2326
2124
|
declarations: [EuiAppBreadcrumbComponent],
|
2327
2125
|
exports: [EuiAppBreadcrumbComponent]
|
2328
2126
|
}]
|
2329
2127
|
}] });
|
2330
2128
|
|
2331
2129
|
// eui-app/eui-app-footer/footer.component.mjs
|
2332
|
-
import { Component as
|
2333
|
-
import * as
|
2130
|
+
import { Component as Component25, HostBinding as HostBinding25, ChangeDetectionStrategy as ChangeDetectionStrategy19, ViewEncapsulation as ViewEncapsulation43 } from "@angular/core";
|
2131
|
+
import * as i032 from "@angular/core";
|
2334
2132
|
var EuiAppFooterComponent = class _EuiAppFooterComponent {
|
2335
2133
|
constructor() {
|
2336
2134
|
this.class = "eui-app-footer";
|
2337
2135
|
this.role = "contentinfo";
|
2338
2136
|
}
|
2339
2137
|
static {
|
2340
|
-
this.ɵfac =
|
2138
|
+
this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i032, type: _EuiAppFooterComponent, deps: [], target: i032.ɵɵFactoryTarget.Component });
|
2341
2139
|
}
|
2342
2140
|
static {
|
2343
|
-
this.ɵcmp =
|
2141
|
+
this.ɵcmp = i032.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiAppFooterComponent, selector: "eui-app-footer", host: { properties: { "class": "this.class", "attr.role": "this.role" } }, ngImport: i032, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-base-color-grey-5);transition:all .2s ease;margin-top:auto}\n"], changeDetection: i032.ChangeDetectionStrategy.Default, encapsulation: i032.ViewEncapsulation.None });
|
2344
2142
|
}
|
2345
2143
|
};
|
2346
|
-
|
2347
|
-
type:
|
2348
|
-
args: [{ selector: "eui-app-footer", changeDetection:
|
2144
|
+
i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i032, type: EuiAppFooterComponent, decorators: [{
|
2145
|
+
type: Component25,
|
2146
|
+
args: [{ selector: "eui-app-footer", changeDetection: ChangeDetectionStrategy19.Default, encapsulation: ViewEncapsulation43.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-base-color-grey-5);transition:all .2s ease;margin-top:auto}\n"] }]
|
2349
2147
|
}], propDecorators: { class: [{
|
2350
|
-
type:
|
2148
|
+
type: HostBinding25
|
2351
2149
|
}], role: [{
|
2352
|
-
type:
|
2150
|
+
type: HostBinding25,
|
2353
2151
|
args: ["attr.role"]
|
2354
2152
|
}] } });
|
2355
2153
|
|
2356
2154
|
// eui-app/eui-app-footer/footer.module.mjs
|
2357
|
-
import { CommonModule as
|
2358
|
-
import { NgModule as
|
2359
|
-
import * as
|
2155
|
+
import { CommonModule as CommonModule8 } from "@angular/common";
|
2156
|
+
import { NgModule as NgModule8 } from "@angular/core";
|
2157
|
+
import * as i033 from "@angular/core";
|
2360
2158
|
var EuiAppFooterModule = class _EuiAppFooterModule {
|
2361
2159
|
static {
|
2362
|
-
this.ɵfac =
|
2160
|
+
this.ɵfac = i033.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i033, type: _EuiAppFooterModule, deps: [], target: i033.ɵɵFactoryTarget.NgModule });
|
2363
2161
|
}
|
2364
2162
|
static {
|
2365
|
-
this.ɵmod =
|
2163
|
+
this.ɵmod = i033.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i033, type: _EuiAppFooterModule, declarations: [EuiAppFooterComponent], imports: [CommonModule8], exports: [EuiAppFooterComponent] });
|
2366
2164
|
}
|
2367
2165
|
static {
|
2368
|
-
this.ɵinj =
|
2166
|
+
this.ɵinj = i033.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i033, type: _EuiAppFooterModule, imports: [CommonModule8] });
|
2369
2167
|
}
|
2370
2168
|
};
|
2371
|
-
|
2372
|
-
type:
|
2169
|
+
i033.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i033, type: EuiAppFooterModule, decorators: [{
|
2170
|
+
type: NgModule8,
|
2373
2171
|
args: [{
|
2374
|
-
imports: [
|
2172
|
+
imports: [CommonModule8],
|
2375
2173
|
declarations: [EuiAppFooterComponent],
|
2376
2174
|
exports: [EuiAppFooterComponent]
|
2377
2175
|
}]
|
2378
2176
|
}] });
|
2379
2177
|
|
2380
2178
|
// eui-app/eui-app-top-message/top-message.component.mjs
|
2381
|
-
import { Component as
|
2382
|
-
import { BaseDirective as
|
2179
|
+
import { Component as Component26, HostBinding as HostBinding26, ChangeDetectionStrategy as ChangeDetectionStrategy21, ViewEncapsulation as ViewEncapsulation45, Input as Input15, Output as Output5, EventEmitter as EventEmitter5, ViewChild as ViewChild2, booleanAttribute as booleanAttribute7 } from "@angular/core";
|
2180
|
+
import { BaseDirective as BaseDirective2 } from "@eui/components/shared";
|
2383
2181
|
import { startWith } from "rxjs";
|
2384
|
-
import * as
|
2385
|
-
import * as
|
2386
|
-
import * as
|
2387
|
-
import * as
|
2182
|
+
import * as i034 from "@angular/core";
|
2183
|
+
import * as i118 from "@eui/core";
|
2184
|
+
import * as i211 from "@angular/cdk/observers";
|
2185
|
+
import * as i39 from "@angular/common";
|
2388
2186
|
import * as i46 from "@eui/components/eui-icon";
|
2389
|
-
var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends
|
2187
|
+
var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDirective2 {
|
2390
2188
|
get cssClasses() {
|
2391
2189
|
return [
|
2392
2190
|
super.getCssClasses("eui-app-top-message"),
|
@@ -2410,7 +2208,7 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
|
|
2410
2208
|
this.role = "banner";
|
2411
2209
|
this.isCloseable = false;
|
2412
2210
|
this.hasCustomContent = false;
|
2413
|
-
this.topMessageClose = new
|
2211
|
+
this.topMessageClose = new EventEmitter5();
|
2414
2212
|
this._isVisible = true;
|
2415
2213
|
}
|
2416
2214
|
ngAfterViewInit() {
|
@@ -2437,71 +2235,71 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
|
|
2437
2235
|
this.cd.detectChanges();
|
2438
2236
|
}
|
2439
2237
|
static {
|
2440
|
-
this.ɵfac =
|
2238
|
+
this.ɵfac = i034.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i034, type: _EuiAppTopMessageComponent, deps: [{ token: i118.EuiAppShellService }, { token: i034.ElementRef }, { token: i034.ChangeDetectorRef }, { token: i211.ContentObserver }], target: i034.ɵɵFactoryTarget.Component });
|
2441
2239
|
}
|
2442
2240
|
static {
|
2443
|
-
this.ɵcmp =
|
2241
|
+
this.ɵcmp = i034.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute7], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute7], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: i034, 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-svg-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-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-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i39.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i034.ChangeDetectionStrategy.Default, encapsulation: i034.ViewEncapsulation.None });
|
2444
2242
|
}
|
2445
2243
|
};
|
2446
|
-
|
2447
|
-
type:
|
2448
|
-
args: [{ selector: "eui-app-top-message", changeDetection:
|
2449
|
-
}], ctorParameters: () => [{ type:
|
2450
|
-
type:
|
2244
|
+
i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i034, type: EuiAppTopMessageComponent, decorators: [{
|
2245
|
+
type: Component26,
|
2246
|
+
args: [{ selector: "eui-app-top-message", changeDetection: ChangeDetectionStrategy21.Default, encapsulation: ViewEncapsulation45.None, template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-svg-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-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-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"] }]
|
2247
|
+
}], ctorParameters: () => [{ type: i118.EuiAppShellService }, { type: i034.ElementRef }, { type: i034.ChangeDetectorRef }, { type: i211.ContentObserver }], propDecorators: { cssClasses: [{
|
2248
|
+
type: HostBinding26,
|
2451
2249
|
args: ["class"]
|
2452
2250
|
}], role: [{
|
2453
|
-
type:
|
2251
|
+
type: HostBinding26,
|
2454
2252
|
args: ["attr.role"]
|
2455
2253
|
}], appTopMessage: [{
|
2456
2254
|
type: ViewChild2,
|
2457
2255
|
args: ["appTopMessage"]
|
2458
2256
|
}], isCloseable: [{
|
2459
|
-
type:
|
2257
|
+
type: Input15,
|
2460
2258
|
args: [{ transform: booleanAttribute7 }]
|
2461
2259
|
}], hasCustomContent: [{
|
2462
|
-
type:
|
2260
|
+
type: Input15,
|
2463
2261
|
args: [{ transform: booleanAttribute7 }]
|
2464
2262
|
}], isVisible: [{
|
2465
|
-
type:
|
2263
|
+
type: Input15
|
2466
2264
|
}], topMessageClose: [{
|
2467
|
-
type:
|
2265
|
+
type: Output5
|
2468
2266
|
}] } });
|
2469
2267
|
|
2470
2268
|
// eui-app/eui-app-top-message/top-message.module.mjs
|
2471
|
-
import { CommonModule as
|
2472
|
-
import { NgModule as
|
2473
|
-
import { EuiIconModule as
|
2474
|
-
import * as
|
2269
|
+
import { CommonModule as CommonModule9 } from "@angular/common";
|
2270
|
+
import { NgModule as NgModule9 } from "@angular/core";
|
2271
|
+
import { EuiIconModule as EuiIconModule5 } from "@eui/components/eui-icon";
|
2272
|
+
import * as i035 from "@angular/core";
|
2475
2273
|
var EuiAppTopMessageModule = class _EuiAppTopMessageModule {
|
2476
2274
|
static {
|
2477
|
-
this.ɵfac =
|
2275
|
+
this.ɵfac = i035.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i035, type: _EuiAppTopMessageModule, deps: [], target: i035.ɵɵFactoryTarget.NgModule });
|
2478
2276
|
}
|
2479
2277
|
static {
|
2480
|
-
this.ɵmod =
|
2278
|
+
this.ɵmod = i035.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i035, type: _EuiAppTopMessageModule, declarations: [EuiAppTopMessageComponent], imports: [CommonModule9, EuiIconModule5], exports: [EuiAppTopMessageComponent] });
|
2481
2279
|
}
|
2482
2280
|
static {
|
2483
|
-
this.ɵinj =
|
2281
|
+
this.ɵinj = i035.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i035, type: _EuiAppTopMessageModule, imports: [CommonModule9, EuiIconModule5] });
|
2484
2282
|
}
|
2485
2283
|
};
|
2486
|
-
|
2487
|
-
type:
|
2284
|
+
i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i035, type: EuiAppTopMessageModule, decorators: [{
|
2285
|
+
type: NgModule9,
|
2488
2286
|
args: [{
|
2489
|
-
imports: [
|
2287
|
+
imports: [CommonModule9, EuiIconModule5],
|
2490
2288
|
declarations: [EuiAppTopMessageComponent],
|
2491
2289
|
exports: [EuiAppTopMessageComponent]
|
2492
2290
|
}]
|
2493
2291
|
}] });
|
2494
2292
|
|
2495
2293
|
// eui-search/search.component.mjs
|
2496
|
-
import { Component as
|
2294
|
+
import { Component as Component27, ViewEncapsulation as ViewEncapsulation47, ContentChildren as ContentChildren4, ChangeDetectionStrategy as ChangeDetectionStrategy23, HostBinding as HostBinding27, Input as Input16, Output as Output6, EventEmitter as EventEmitter6, booleanAttribute as booleanAttribute8 } from "@angular/core";
|
2497
2295
|
import { EuiTemplateDirective } from "@eui/components/directives";
|
2498
|
-
import * as
|
2499
|
-
import * as
|
2500
|
-
import * as
|
2501
|
-
import * as
|
2296
|
+
import * as i036 from "@angular/core";
|
2297
|
+
import * as i119 from "@angular/common";
|
2298
|
+
import * as i212 from "@eui/components/eui-icon";
|
2299
|
+
import * as i310 from "@eui/components/eui-button";
|
2502
2300
|
import * as i47 from "@eui/components/eui-autocomplete";
|
2503
|
-
import * as
|
2504
|
-
import * as
|
2301
|
+
import * as i55 from "@eui/components/directives";
|
2302
|
+
import * as i62 from "@eui/components/eui-input-text";
|
2505
2303
|
import * as i72 from "@eui/components/eui-input-group";
|
2506
2304
|
import * as i8 from "@angular/forms";
|
2507
2305
|
var EuiSearchComponent = class _EuiSearchComponent {
|
@@ -2513,9 +2311,9 @@ var EuiSearchComponent = class _EuiSearchComponent {
|
|
2513
2311
|
this.isInputText = false;
|
2514
2312
|
this.hasSearchButton = false;
|
2515
2313
|
this.hasExpandAnimation = true;
|
2516
|
-
this.search = new
|
2517
|
-
this.inputFocus = new
|
2518
|
-
this.inputBlur = new
|
2314
|
+
this.search = new EventEmitter6();
|
2315
|
+
this.inputFocus = new EventEmitter6();
|
2316
|
+
this.inputBlur = new EventEmitter6();
|
2519
2317
|
}
|
2520
2318
|
get cssClasses() {
|
2521
2319
|
return [
|
@@ -2563,67 +2361,67 @@ var EuiSearchComponent = class _EuiSearchComponent {
|
|
2563
2361
|
}
|
2564
2362
|
}
|
2565
2363
|
static {
|
2566
|
-
this.ɵfac =
|
2364
|
+
this.ɵfac = i036.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i036, type: _EuiSearchComponent, deps: [], target: i036.ɵɵFactoryTarget.Component });
|
2567
2365
|
}
|
2568
2366
|
static {
|
2569
|
-
this.ɵcmp =
|
2367
|
+
this.ɵcmp = i036.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute8], isInputText: ["isInputText", "isInputText", booleanAttribute8], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute8], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute8] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i036, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="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 </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-base-color-primary-110);border-color:var(--eui-base-color-primary-50);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-base-color-white);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-base-color-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-base-color-grey-15)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-base-color-black)!important;fill:var(--eui-base-color-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-base-color-grey-15)!important;fill:var(--eui-base-color-grey-15)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ kind: "directive", type: i119.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i119.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i212.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i310.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i47.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["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: "directive", type: i55.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i62.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i72.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i036.ChangeDetectionStrategy.Default, encapsulation: i036.ViewEncapsulation.None });
|
2570
2368
|
}
|
2571
2369
|
};
|
2572
|
-
|
2573
|
-
type:
|
2574
|
-
args: [{ selector: "eui-search", changeDetection:
|
2370
|
+
i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i036, type: EuiSearchComponent, decorators: [{
|
2371
|
+
type: Component27,
|
2372
|
+
args: [{ selector: "eui-search", changeDetection: ChangeDetectionStrategy23.Default, encapsulation: ViewEncapsulation47.None, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="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 </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-base-color-primary-110);border-color:var(--eui-base-color-primary-50);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-base-color-white);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-base-color-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-base-color-grey-15)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-base-color-black)!important;fill:var(--eui-base-color-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-base-color-grey-15)!important;fill:var(--eui-base-color-grey-15)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"] }]
|
2575
2373
|
}], propDecorators: { cssClasses: [{
|
2576
|
-
type:
|
2374
|
+
type: HostBinding27,
|
2577
2375
|
args: ["class"]
|
2578
2376
|
}], placeholderLabel: [{
|
2579
|
-
type:
|
2377
|
+
type: Input16
|
2580
2378
|
}], panelWidth: [{
|
2581
|
-
type:
|
2379
|
+
type: Input16
|
2582
2380
|
}], searchResults: [{
|
2583
|
-
type:
|
2381
|
+
type: Input16
|
2584
2382
|
}], isAutocomplete: [{
|
2585
|
-
type:
|
2383
|
+
type: Input16,
|
2586
2384
|
args: [{ transform: booleanAttribute8 }]
|
2587
2385
|
}], isInputText: [{
|
2588
|
-
type:
|
2386
|
+
type: Input16,
|
2589
2387
|
args: [{ transform: booleanAttribute8 }]
|
2590
2388
|
}], hasSearchButton: [{
|
2591
|
-
type:
|
2389
|
+
type: Input16,
|
2592
2390
|
args: [{ transform: booleanAttribute8 }]
|
2593
2391
|
}], hasExpandAnimation: [{
|
2594
|
-
type:
|
2392
|
+
type: Input16,
|
2595
2393
|
args: [{ transform: booleanAttribute8 }]
|
2596
2394
|
}], search: [{
|
2597
|
-
type:
|
2395
|
+
type: Output6
|
2598
2396
|
}], inputFocus: [{
|
2599
|
-
type:
|
2397
|
+
type: Output6
|
2600
2398
|
}], inputBlur: [{
|
2601
|
-
type:
|
2399
|
+
type: Output6
|
2602
2400
|
}], templates: [{
|
2603
2401
|
type: ContentChildren4,
|
2604
2402
|
args: [EuiTemplateDirective]
|
2605
2403
|
}] } });
|
2606
2404
|
|
2607
2405
|
// eui-search/search.module.mjs
|
2608
|
-
import { NgModule as
|
2609
|
-
import { CommonModule as
|
2610
|
-
import { EuiIconModule as
|
2611
|
-
import { EuiButtonModule as
|
2406
|
+
import { NgModule as NgModule10 } from "@angular/core";
|
2407
|
+
import { CommonModule as CommonModule10 } from "@angular/common";
|
2408
|
+
import { EuiIconModule as EuiIconModule6 } from "@eui/components/eui-icon";
|
2409
|
+
import { EuiButtonModule as EuiButtonModule4 } from "@eui/components/eui-button";
|
2612
2410
|
import { EuiInputTextModule } from "@eui/components/eui-input-text";
|
2613
2411
|
import { EuiInputGroupModule } from "@eui/components/eui-input-group";
|
2614
2412
|
import { EuiAutocompleteModule } from "@eui/components/eui-autocomplete";
|
2615
2413
|
import { EuiTemplateDirectiveModule } from "@eui/components/directives";
|
2616
2414
|
import { FormsModule } from "@angular/forms";
|
2617
|
-
import * as
|
2415
|
+
import * as i037 from "@angular/core";
|
2618
2416
|
var EuiSearchModule = class _EuiSearchModule {
|
2619
2417
|
static {
|
2620
|
-
this.ɵfac =
|
2418
|
+
this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i037, type: _EuiSearchModule, deps: [], target: i037.ɵɵFactoryTarget.NgModule });
|
2621
2419
|
}
|
2622
2420
|
static {
|
2623
|
-
this.ɵmod =
|
2624
|
-
|
2625
|
-
|
2626
|
-
|
2421
|
+
this.ɵmod = i037.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i037, type: _EuiSearchModule, declarations: [EuiSearchComponent], imports: [
|
2422
|
+
CommonModule10,
|
2423
|
+
EuiIconModule6,
|
2424
|
+
EuiButtonModule4,
|
2627
2425
|
EuiAutocompleteModule,
|
2628
2426
|
EuiTemplateDirectiveModule,
|
2629
2427
|
// EuiOverlayModule,
|
@@ -2633,10 +2431,10 @@ var EuiSearchModule = class _EuiSearchModule {
|
|
2633
2431
|
], exports: [EuiSearchComponent] });
|
2634
2432
|
}
|
2635
2433
|
static {
|
2636
|
-
this.ɵinj =
|
2637
|
-
|
2638
|
-
|
2639
|
-
|
2434
|
+
this.ɵinj = i037.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i037, type: _EuiSearchModule, imports: [
|
2435
|
+
CommonModule10,
|
2436
|
+
EuiIconModule6,
|
2437
|
+
EuiButtonModule4,
|
2640
2438
|
EuiAutocompleteModule,
|
2641
2439
|
EuiTemplateDirectiveModule,
|
2642
2440
|
// EuiOverlayModule,
|
@@ -2646,13 +2444,13 @@ var EuiSearchModule = class _EuiSearchModule {
|
|
2646
2444
|
] });
|
2647
2445
|
}
|
2648
2446
|
};
|
2649
|
-
|
2650
|
-
type:
|
2447
|
+
i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i037, type: EuiSearchModule, decorators: [{
|
2448
|
+
type: NgModule10,
|
2651
2449
|
args: [{
|
2652
2450
|
imports: [
|
2653
|
-
|
2654
|
-
|
2655
|
-
|
2451
|
+
CommonModule10,
|
2452
|
+
EuiIconModule6,
|
2453
|
+
EuiButtonModule4,
|
2656
2454
|
EuiAutocompleteModule,
|
2657
2455
|
EuiTemplateDirectiveModule,
|
2658
2456
|
// EuiOverlayModule,
|
@@ -2666,14 +2464,14 @@ i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
2666
2464
|
}] });
|
2667
2465
|
|
2668
2466
|
// eui-breadcrumb/item/breadcrumb-item.component.mjs
|
2669
|
-
import { ChangeDetectionStrategy as
|
2670
|
-
import * as
|
2671
|
-
import * as
|
2672
|
-
import * as
|
2673
|
-
import * as
|
2467
|
+
import { ChangeDetectionStrategy as ChangeDetectionStrategy25, Component as Component28, HostBinding as HostBinding28, Input as Input17, Optional as Optional3, ViewEncapsulation as ViewEncapsulation49 } from "@angular/core";
|
2468
|
+
import * as i038 from "@angular/core";
|
2469
|
+
import * as i120 from "@angular/router";
|
2470
|
+
import * as i213 from "@eui/core";
|
2471
|
+
import * as i311 from "@angular/common";
|
2674
2472
|
import * as i48 from "@eui/components/eui-button";
|
2675
|
-
import * as
|
2676
|
-
import * as
|
2473
|
+
import * as i56 from "@eui/components/eui-icon";
|
2474
|
+
import * as i63 from "@eui/components/eui-label";
|
2677
2475
|
var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
|
2678
2476
|
constructor(host, router, cdr, elementRef, logService) {
|
2679
2477
|
this.host = host;
|
@@ -2762,39 +2560,39 @@ var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
|
|
2762
2560
|
return !this.nextCrumb;
|
2763
2561
|
}
|
2764
2562
|
static {
|
2765
|
-
this.ɵfac =
|
2563
|
+
this.ɵfac = i038.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i038, type: _EuiBreadcrumbItemComponent, deps: [{ token: i038.ElementRef }, { token: i120.Router }, { token: i038.ChangeDetectorRef }, { token: i038.ElementRef }, { token: i213.LogService, optional: true }], target: i038.ɵɵFactoryTarget.Component });
|
2766
2564
|
}
|
2767
2565
|
static {
|
2768
|
-
this.ɵcmp =
|
2566
|
+
this.ɵcmp = i038.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i038, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="grey-100"></eui-icon-svg>\n</div>\n<button type="button" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n {{ label }}\n</button>\n<span *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">{{ label }}</span>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i48.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i56.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i63.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i038.ChangeDetectionStrategy.Default, encapsulation: i038.ViewEncapsulation.None });
|
2769
2567
|
}
|
2770
2568
|
};
|
2771
|
-
|
2772
|
-
type:
|
2773
|
-
args: [{ selector: "eui-breadcrumb-item", changeDetection:
|
2774
|
-
}], ctorParameters: () => [{ type:
|
2569
|
+
i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i038, type: EuiBreadcrumbItemComponent, decorators: [{
|
2570
|
+
type: Component28,
|
2571
|
+
args: [{ selector: "eui-breadcrumb-item", changeDetection: ChangeDetectionStrategy25.Default, encapsulation: ViewEncapsulation49.None, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="grey-100"></eui-icon-svg>\n</div>\n<button type="button" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n {{ label }}\n</button>\n<span *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">{{ label }}</span>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n'] }]
|
2572
|
+
}], ctorParameters: () => [{ type: i038.ElementRef }, { type: i120.Router }, { type: i038.ChangeDetectorRef }, { type: i038.ElementRef }, { type: i213.LogService, decorators: [{
|
2775
2573
|
type: Optional3
|
2776
2574
|
}] }], propDecorators: { string: [{
|
2777
|
-
type:
|
2575
|
+
type: HostBinding28,
|
2778
2576
|
args: ["class"]
|
2779
2577
|
}], id: [{
|
2780
|
-
type:
|
2578
|
+
type: Input17
|
2781
2579
|
}], label: [{
|
2782
|
-
type:
|
2580
|
+
type: Input17
|
2783
2581
|
}], link: [{
|
2784
|
-
type:
|
2582
|
+
type: Input17
|
2785
2583
|
}], navigationExtras: [{
|
2786
|
-
type:
|
2584
|
+
type: Input17
|
2787
2585
|
}] } });
|
2788
2586
|
|
2789
2587
|
// eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs
|
2790
|
-
import { ChangeDetectionStrategy as
|
2588
|
+
import { ChangeDetectionStrategy as ChangeDetectionStrategy27, Component as Component29, ContentChild as ContentChild3, ContentChildren as ContentChildren5, Directive as Directive2, ElementRef as ElementRef4, forwardRef as forwardRef11, ViewChild as ViewChild3, ViewEncapsulation as ViewEncapsulation51 } from "@angular/core";
|
2791
2589
|
import { EuiListComponent, EuiListItemComponent } from "@eui/components/eui-list";
|
2792
|
-
import * as
|
2793
|
-
import * as
|
2794
|
-
import * as
|
2795
|
-
import * as
|
2590
|
+
import * as i039 from "@angular/core";
|
2591
|
+
import * as i121 from "@angular/common";
|
2592
|
+
import * as i214 from "@eui/components/eui-button";
|
2593
|
+
import * as i312 from "@eui/components/eui-icon";
|
2796
2594
|
import * as i49 from "@eui/components/eui-dropdown";
|
2797
|
-
import * as
|
2595
|
+
import * as i57 from "@eui/components/eui-list";
|
2798
2596
|
var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
|
2799
2597
|
constructor(elementRef, renderer, viewRef) {
|
2800
2598
|
this.elementRef = elementRef;
|
@@ -2844,10 +2642,10 @@ var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
|
|
2844
2642
|
return !!this.customButton;
|
2845
2643
|
}
|
2846
2644
|
static {
|
2847
|
-
this.ɵfac =
|
2645
|
+
this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i039, type: _CollapsedBreadcrumbComponent, deps: [{ token: i039.ElementRef }, { token: i039.Renderer2 }, { token: i039.ViewContainerRef }], target: i039.ɵɵFactoryTarget.Component });
|
2848
2646
|
}
|
2849
2647
|
static {
|
2850
|
-
this.ɵcmp =
|
2648
|
+
this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i039.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i039.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef4, static: true }], ngImport: i039, template: `<eui-dropdown>
|
2851
2649
|
<ng-container *ngIf="!hasCustomButton()">
|
2852
2650
|
<button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>
|
2853
2651
|
<eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>
|
@@ -2880,12 +2678,12 @@ var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
|
|
2880
2678
|
</eui-dropdown-content>
|
2881
2679
|
</eui-dropdown>
|
2882
2680
|
-->
|
2883
|
-
`, styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type:
|
2681
|
+
`, styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i214.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i312.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i49.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i49.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i57.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }], changeDetection: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
|
2884
2682
|
}
|
2885
2683
|
};
|
2886
|
-
|
2887
|
-
type:
|
2888
|
-
args: [{ selector: "eui-collapsed-breadcrumb", changeDetection:
|
2684
|
+
i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i039, type: CollapsedBreadcrumbComponent, decorators: [{
|
2685
|
+
type: Component29,
|
2686
|
+
args: [{ selector: "eui-collapsed-breadcrumb", changeDetection: ChangeDetectionStrategy27.Default, encapsulation: ViewEncapsulation51.None, template: `<eui-dropdown>
|
2889
2687
|
<ng-container *ngIf="!hasCustomButton()">
|
2890
2688
|
<button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>
|
2891
2689
|
<eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>
|
@@ -2919,7 +2717,7 @@ i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
2919
2717
|
</eui-dropdown>
|
2920
2718
|
-->
|
2921
2719
|
`, styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none}\n"] }]
|
2922
|
-
}], ctorParameters: () => [{ type:
|
2720
|
+
}], ctorParameters: () => [{ type: i039.ElementRef }, { type: i039.Renderer2 }, { type: i039.ViewContainerRef }], propDecorators: { customButton: [{
|
2923
2721
|
type: ContentChild3,
|
2924
2722
|
args: [forwardRef11(() => CollapsedButtonDirective), { static: true }]
|
2925
2723
|
}], list: [{
|
@@ -2931,25 +2729,25 @@ i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
2931
2729
|
}] } });
|
2932
2730
|
var CollapsedButtonDirective = class _CollapsedButtonDirective {
|
2933
2731
|
static {
|
2934
|
-
this.ɵfac =
|
2732
|
+
this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i039, type: _CollapsedButtonDirective, deps: [], target: i039.ɵɵFactoryTarget.Directive });
|
2935
2733
|
}
|
2936
2734
|
static {
|
2937
|
-
this.ɵdir =
|
2735
|
+
this.ɵdir = i039.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _CollapsedButtonDirective, selector: "collapsed-button", ngImport: i039 });
|
2938
2736
|
}
|
2939
2737
|
};
|
2940
|
-
|
2738
|
+
i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i039, type: CollapsedButtonDirective, decorators: [{
|
2941
2739
|
type: Directive2,
|
2942
2740
|
args: [{ selector: "collapsed-button" }]
|
2943
2741
|
}] });
|
2944
2742
|
|
2945
2743
|
// eui-breadcrumb/breadcrumb.component.mjs
|
2946
|
-
import { Component as
|
2947
|
-
import { startWith as startWith2, takeUntil as
|
2948
|
-
import { Subject as
|
2949
|
-
import { EuiIconSvgComponent as
|
2950
|
-
import * as
|
2951
|
-
import * as
|
2952
|
-
import * as
|
2744
|
+
import { Component as Component30, ChangeDetectionStrategy as ChangeDetectionStrategy29, ComponentRef, ContentChildren as ContentChildren6, forwardRef as forwardRef13, HostBinding as HostBinding29, QueryList, ViewEncapsulation as ViewEncapsulation53, ViewContainerRef as ViewContainerRef2, ViewChild as ViewChild4 } from "@angular/core";
|
2745
|
+
import { startWith as startWith2, takeUntil as takeUntil6 } from "rxjs/operators";
|
2746
|
+
import { Subject as Subject6 } from "rxjs";
|
2747
|
+
import { EuiIconSvgComponent as EuiIconSvgComponent8 } from "@eui/components/eui-icon";
|
2748
|
+
import * as i040 from "@angular/core";
|
2749
|
+
import * as i123 from "@eui/core";
|
2750
|
+
import * as i215 from "@angular/cdk/scrolling";
|
2953
2751
|
var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
|
2954
2752
|
constructor(appShellService, elementRef, cd, viewportRuler, renderer, viewContainerRef) {
|
2955
2753
|
this.appShellService = appShellService;
|
@@ -2959,8 +2757,8 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
|
|
2959
2757
|
this.renderer = renderer;
|
2960
2758
|
this.viewContainerRef = viewContainerRef;
|
2961
2759
|
this.string = "eui-breadcrumb";
|
2962
|
-
this.destroy$ = new
|
2963
|
-
this.breadcrumbItemsListChanged = new
|
2760
|
+
this.destroy$ = new Subject6();
|
2761
|
+
this.breadcrumbItemsListChanged = new Subject6();
|
2964
2762
|
}
|
2965
2763
|
// ngAfterViewInit(): void {
|
2966
2764
|
// TODO: keep it for a future feature
|
@@ -2978,7 +2776,7 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
|
|
2978
2776
|
// });
|
2979
2777
|
// }
|
2980
2778
|
ngAfterContentInit() {
|
2981
|
-
this.breadcrumbItems.changes.pipe(
|
2779
|
+
this.breadcrumbItems.changes.pipe(takeUntil6(this.destroy$), startWith2(true)).subscribe((changes) => {
|
2982
2780
|
if (changes instanceof QueryList) {
|
2983
2781
|
this.breadcrumbItems = changes;
|
2984
2782
|
this.breadcrumbItemsListChanged.next();
|
@@ -3104,7 +2902,7 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
|
|
3104
2902
|
const container = this.viewContainerRef.createComponent(CollapsedBreadcrumbComponent);
|
3105
2903
|
const second = this.breadcrumbItems.toArray()[1].elementRef.nativeElement;
|
3106
2904
|
this.renderer.insertBefore(second.parentElement, container.instance.elementRef.nativeElement, second, true);
|
3107
|
-
const icon = this.viewContainerRef.createComponent(
|
2905
|
+
const icon = this.viewContainerRef.createComponent(EuiIconSvgComponent8);
|
3108
2906
|
icon.instance.fillColor = "primary-100";
|
3109
2907
|
icon.instance.size = "xs";
|
3110
2908
|
icon.instance.icon = "eui-chevron-right";
|
@@ -3115,17 +2913,17 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
|
|
3115
2913
|
}
|
3116
2914
|
}
|
3117
2915
|
static {
|
3118
|
-
this.ɵfac =
|
2916
|
+
this.ɵfac = i040.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i040, type: _EuiBreadcrumbComponent, deps: [{ token: i123.EuiAppShellService }, { token: i040.ElementRef }, { token: i040.ChangeDetectorRef }, { token: i215.ViewportRuler }, { token: i040.Renderer2 }, { token: i040.ViewContainerRef }], target: i040.ɵɵFactoryTarget.Component });
|
3119
2917
|
}
|
3120
2918
|
static {
|
3121
|
-
this.ɵcmp =
|
2919
|
+
this.ɵcmp = i040.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiBreadcrumbComponent, selector: "eui-breadcrumb", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "breadcrumbItems", predicate: i040.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef2 }], ngImport: i040, template: '<div class="eui-breadcrumb__items">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n'], changeDetection: i040.ChangeDetectionStrategy.Default, encapsulation: i040.ViewEncapsulation.None });
|
3122
2920
|
}
|
3123
2921
|
};
|
3124
|
-
|
3125
|
-
type:
|
3126
|
-
args: [{ selector: "eui-breadcrumb", changeDetection:
|
3127
|
-
}], ctorParameters: () => [{ type:
|
3128
|
-
type:
|
2922
|
+
i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i040, type: EuiBreadcrumbComponent, decorators: [{
|
2923
|
+
type: Component30,
|
2924
|
+
args: [{ selector: "eui-breadcrumb", changeDetection: ChangeDetectionStrategy29.Default, encapsulation: ViewEncapsulation53.None, template: '<div class="eui-breadcrumb__items">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n'] }]
|
2925
|
+
}], ctorParameters: () => [{ type: i123.EuiAppShellService }, { type: i040.ElementRef }, { type: i040.ChangeDetectorRef }, { type: i215.ViewportRuler }, { type: i040.Renderer2 }, { type: i040.ViewContainerRef }], propDecorators: { string: [{
|
2926
|
+
type: HostBinding29,
|
3129
2927
|
args: ["class"]
|
3130
2928
|
}], breadcrumbItems: [{
|
3131
2929
|
type: ContentChildren6,
|
@@ -3138,7 +2936,7 @@ i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3138
2936
|
// eui-breadcrumb/breadcrumb.service.mjs
|
3139
2937
|
import { Injectable } from "@angular/core";
|
3140
2938
|
import { BehaviorSubject } from "rxjs";
|
3141
|
-
import * as
|
2939
|
+
import * as i041 from "@angular/core";
|
3142
2940
|
var EuiBreadcrumbService = class _EuiBreadcrumbService {
|
3143
2941
|
constructor() {
|
3144
2942
|
this.breadcrumb = [];
|
@@ -3211,13 +3009,13 @@ var EuiBreadcrumbService = class _EuiBreadcrumbService {
|
|
3211
3009
|
this.breadcrumbsSource$.next(this.breadcrumb);
|
3212
3010
|
}
|
3213
3011
|
static {
|
3214
|
-
this.ɵfac =
|
3012
|
+
this.ɵfac = i041.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i041, type: _EuiBreadcrumbService, deps: [], target: i041.ɵɵFactoryTarget.Injectable });
|
3215
3013
|
}
|
3216
3014
|
static {
|
3217
|
-
this.ɵprov =
|
3015
|
+
this.ɵprov = i041.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i041, type: _EuiBreadcrumbService, providedIn: "root" });
|
3218
3016
|
}
|
3219
3017
|
};
|
3220
|
-
|
3018
|
+
i041.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i041, type: EuiBreadcrumbService, decorators: [{
|
3221
3019
|
type: Injectable,
|
3222
3020
|
args: [{
|
3223
3021
|
providedIn: "root"
|
@@ -3225,22 +3023,22 @@ i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3225
3023
|
}], ctorParameters: () => [] });
|
3226
3024
|
|
3227
3025
|
// eui-breadcrumb/breadcrumb.module.mjs
|
3228
|
-
import { CommonModule as
|
3229
|
-
import { NgModule as
|
3026
|
+
import { CommonModule as CommonModule11 } from "@angular/common";
|
3027
|
+
import { NgModule as NgModule11 } from "@angular/core";
|
3230
3028
|
import { RouterModule as RouterModule4 } from "@angular/router";
|
3231
3029
|
import { PortalModule } from "@angular/cdk/portal";
|
3232
|
-
import { EuiButtonModule as
|
3233
|
-
import { EuiIconModule as
|
3030
|
+
import { EuiButtonModule as EuiButtonModule5 } from "@eui/components/eui-button";
|
3031
|
+
import { EuiIconModule as EuiIconModule7 } from "@eui/components/eui-icon";
|
3234
3032
|
import { EuiLabelModule } from "@eui/components/eui-label";
|
3235
|
-
import { EuiDropdownModule as
|
3033
|
+
import { EuiDropdownModule as EuiDropdownModule2 } from "@eui/components/eui-dropdown";
|
3236
3034
|
import { EuiListModule } from "@eui/components/eui-list";
|
3237
|
-
import * as
|
3035
|
+
import * as i042 from "@angular/core";
|
3238
3036
|
var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
|
3239
3037
|
static {
|
3240
|
-
this.ɵfac =
|
3038
|
+
this.ɵfac = i042.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i042, type: _EuiBreadcrumbModule, deps: [], target: i042.ɵɵFactoryTarget.NgModule });
|
3241
3039
|
}
|
3242
3040
|
static {
|
3243
|
-
this.ɵmod =
|
3041
|
+
this.ɵmod = i042.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i042, type: _EuiBreadcrumbModule, declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent], imports: [CommonModule11, RouterModule4, PortalModule, EuiButtonModule5, EuiIconModule7, EuiDropdownModule2, EuiListModule, EuiLabelModule], exports: [
|
3244
3042
|
CollapsedBreadcrumbComponent,
|
3245
3043
|
CollapsedButtonDirective,
|
3246
3044
|
EuiBreadcrumbComponent,
|
@@ -3248,13 +3046,13 @@ var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
|
|
3248
3046
|
] });
|
3249
3047
|
}
|
3250
3048
|
static {
|
3251
|
-
this.ɵinj =
|
3049
|
+
this.ɵinj = i042.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i042, type: _EuiBreadcrumbModule, providers: [EuiBreadcrumbService], imports: [CommonModule11, RouterModule4, PortalModule, EuiButtonModule5, EuiIconModule7, EuiDropdownModule2, EuiListModule, EuiLabelModule] });
|
3252
3050
|
}
|
3253
3051
|
};
|
3254
|
-
|
3255
|
-
type:
|
3052
|
+
i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i042, type: EuiBreadcrumbModule, decorators: [{
|
3053
|
+
type: NgModule11,
|
3256
3054
|
args: [{
|
3257
|
-
imports: [
|
3055
|
+
imports: [CommonModule11, RouterModule4, PortalModule, EuiButtonModule5, EuiIconModule7, EuiDropdownModule2, EuiListModule, EuiLabelModule],
|
3258
3056
|
declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent],
|
3259
3057
|
providers: [EuiBreadcrumbService],
|
3260
3058
|
exports: [
|
@@ -3267,18 +3065,17 @@ i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3267
3065
|
}] });
|
3268
3066
|
|
3269
3067
|
// eui-app/eui-app.module.mjs
|
3270
|
-
import { CommonModule as
|
3271
|
-
import { NgModule as
|
3068
|
+
import { CommonModule as CommonModule12 } from "@angular/common";
|
3069
|
+
import { NgModule as NgModule12 } from "@angular/core";
|
3272
3070
|
import { RouterModule as RouterModule5 } from "@angular/router";
|
3273
3071
|
import { EuiDimmerModule } from "@eui/components/eui-dimmer";
|
3274
3072
|
import { EuiBlockDocumentModule } from "@eui/components/eui-block-document";
|
3275
3073
|
import { EuiGrowlModule } from "@eui/components/eui-growl";
|
3276
|
-
import * as
|
3074
|
+
import * as i043 from "@angular/core";
|
3277
3075
|
var MODULES = [
|
3278
3076
|
EuiUserProfileModule,
|
3279
3077
|
EuiSearchModule,
|
3280
3078
|
EuiBreadcrumbModule,
|
3281
|
-
EuiLanguageSelectorModule,
|
3282
3079
|
EuiSidebarToggleModule,
|
3283
3080
|
EuiAppHeaderModule,
|
3284
3081
|
EuiAppFooterModule,
|
@@ -3293,16 +3090,15 @@ var MODULES = [
|
|
3293
3090
|
];
|
3294
3091
|
var EuiAppModule = class _EuiAppModule {
|
3295
3092
|
static {
|
3296
|
-
this.ɵfac =
|
3093
|
+
this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i043, type: _EuiAppModule, deps: [], target: i043.ɵɵFactoryTarget.NgModule });
|
3297
3094
|
}
|
3298
3095
|
static {
|
3299
|
-
this.ɵmod =
|
3300
|
-
|
3096
|
+
this.ɵmod = i043.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i043, type: _EuiAppModule, declarations: [EuiAppComponent, EuiAppPageWrapperDirective], imports: [
|
3097
|
+
CommonModule12,
|
3301
3098
|
RouterModule5,
|
3302
3099
|
EuiUserProfileModule,
|
3303
3100
|
EuiSearchModule,
|
3304
3101
|
EuiBreadcrumbModule,
|
3305
|
-
EuiLanguageSelectorModule,
|
3306
3102
|
EuiSidebarToggleModule,
|
3307
3103
|
EuiAppHeaderModule,
|
3308
3104
|
EuiAppFooterModule,
|
@@ -3320,7 +3116,6 @@ var EuiAppModule = class _EuiAppModule {
|
|
3320
3116
|
EuiUserProfileModule,
|
3321
3117
|
EuiSearchModule,
|
3322
3118
|
EuiBreadcrumbModule,
|
3323
|
-
EuiLanguageSelectorModule,
|
3324
3119
|
EuiSidebarToggleModule,
|
3325
3120
|
EuiAppHeaderModule,
|
3326
3121
|
EuiAppFooterModule,
|
@@ -3335,14 +3130,13 @@ var EuiAppModule = class _EuiAppModule {
|
|
3335
3130
|
] });
|
3336
3131
|
}
|
3337
3132
|
static {
|
3338
|
-
this.ɵinj =
|
3339
|
-
|
3133
|
+
this.ɵinj = i043.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i043, type: _EuiAppModule, imports: [
|
3134
|
+
CommonModule12,
|
3340
3135
|
RouterModule5,
|
3341
3136
|
MODULES,
|
3342
3137
|
EuiUserProfileModule,
|
3343
3138
|
EuiSearchModule,
|
3344
3139
|
EuiBreadcrumbModule,
|
3345
|
-
EuiLanguageSelectorModule,
|
3346
3140
|
EuiSidebarToggleModule,
|
3347
3141
|
EuiAppHeaderModule,
|
3348
3142
|
EuiAppFooterModule,
|
@@ -3357,10 +3151,10 @@ var EuiAppModule = class _EuiAppModule {
|
|
3357
3151
|
] });
|
3358
3152
|
}
|
3359
3153
|
};
|
3360
|
-
|
3361
|
-
type:
|
3154
|
+
i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i043, type: EuiAppModule, decorators: [{
|
3155
|
+
type: NgModule12,
|
3362
3156
|
args: [{
|
3363
|
-
imports: [
|
3157
|
+
imports: [CommonModule12, RouterModule5, ...MODULES],
|
3364
3158
|
declarations: [EuiAppComponent, EuiAppPageWrapperDirective],
|
3365
3159
|
exports: [EuiAppComponent, EuiAppPageWrapperDirective, ...MODULES]
|
3366
3160
|
}]
|
@@ -3406,10 +3200,10 @@ var BreadCrumbItem = class {
|
|
3406
3200
|
};
|
3407
3201
|
|
3408
3202
|
// eui-footer/footer.component.mjs
|
3409
|
-
import { Component as
|
3410
|
-
import { BaseDirective as
|
3411
|
-
import * as
|
3412
|
-
var EuiFooterComponent = class _EuiFooterComponent extends
|
3203
|
+
import { Component as Component31, HostBinding as HostBinding30, ChangeDetectionStrategy as ChangeDetectionStrategy31, ViewEncapsulation as ViewEncapsulation55 } from "@angular/core";
|
3204
|
+
import { BaseDirective as BaseDirective3 } from "@eui/components/shared";
|
3205
|
+
import * as i044 from "@angular/core";
|
3206
|
+
var EuiFooterComponent = class _EuiFooterComponent extends BaseDirective3 {
|
3413
3207
|
get cssClasses() {
|
3414
3208
|
const rootClass = "eui-footer";
|
3415
3209
|
return [super.getCssClasses(rootClass)].join(" ").trim();
|
@@ -3418,84 +3212,85 @@ var EuiFooterComponent = class _EuiFooterComponent extends BaseDirective4 {
|
|
3418
3212
|
super();
|
3419
3213
|
}
|
3420
3214
|
static {
|
3421
|
-
this.ɵfac =
|
3215
|
+
this.ɵfac = i044.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i044, type: _EuiFooterComponent, deps: [], target: i044.ɵɵFactoryTarget.Component });
|
3422
3216
|
}
|
3423
3217
|
static {
|
3424
|
-
this.ɵcmp =
|
3218
|
+
this.ɵcmp = i044.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiFooterComponent, selector: "eui-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i044, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-base-color-grey-2);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-footer--primary a{color:var(--eui-base-color-white)!important;text-decoration:underline}\n"], changeDetection: i044.ChangeDetectionStrategy.Default, encapsulation: i044.ViewEncapsulation.None });
|
3425
3219
|
}
|
3426
3220
|
};
|
3427
|
-
|
3428
|
-
type:
|
3429
|
-
args: [{ selector: "eui-footer", changeDetection:
|
3221
|
+
i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i044, type: EuiFooterComponent, decorators: [{
|
3222
|
+
type: Component31,
|
3223
|
+
args: [{ selector: "eui-footer", changeDetection: ChangeDetectionStrategy31.Default, encapsulation: ViewEncapsulation55.None, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-base-color-grey-2);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-footer--primary a{color:var(--eui-base-color-white)!important;text-decoration:underline}\n"] }]
|
3430
3224
|
}], ctorParameters: () => [], propDecorators: { cssClasses: [{
|
3431
|
-
type:
|
3225
|
+
type: HostBinding30,
|
3432
3226
|
args: ["class"]
|
3433
3227
|
}] } });
|
3434
3228
|
|
3435
3229
|
// eui-footer/footer.module.mjs
|
3436
|
-
import { CommonModule as
|
3437
|
-
import { NgModule as
|
3438
|
-
import * as
|
3230
|
+
import { CommonModule as CommonModule13 } from "@angular/common";
|
3231
|
+
import { NgModule as NgModule13 } from "@angular/core";
|
3232
|
+
import * as i045 from "@angular/core";
|
3439
3233
|
var EuiFooterModule = class _EuiFooterModule {
|
3440
3234
|
static {
|
3441
|
-
this.ɵfac =
|
3235
|
+
this.ɵfac = i045.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i045, type: _EuiFooterModule, deps: [], target: i045.ɵɵFactoryTarget.NgModule });
|
3442
3236
|
}
|
3443
3237
|
static {
|
3444
|
-
this.ɵmod =
|
3238
|
+
this.ɵmod = i045.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i045, type: _EuiFooterModule, declarations: [EuiFooterComponent], imports: [CommonModule13], exports: [EuiFooterComponent] });
|
3445
3239
|
}
|
3446
3240
|
static {
|
3447
|
-
this.ɵinj =
|
3241
|
+
this.ɵinj = i045.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i045, type: _EuiFooterModule, imports: [CommonModule13] });
|
3448
3242
|
}
|
3449
3243
|
};
|
3450
|
-
|
3451
|
-
type:
|
3244
|
+
i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i045, type: EuiFooterModule, decorators: [{
|
3245
|
+
type: NgModule13,
|
3452
3246
|
args: [{
|
3453
|
-
imports: [
|
3247
|
+
imports: [CommonModule13],
|
3454
3248
|
declarations: [EuiFooterComponent],
|
3455
3249
|
exports: [EuiFooterComponent]
|
3456
3250
|
}]
|
3457
3251
|
}] });
|
3458
3252
|
|
3459
3253
|
// eui-header/header-right-content/header-right-content.component.mjs
|
3460
|
-
import { Component as
|
3461
|
-
import * as
|
3254
|
+
import { Component as Component32, ChangeDetectionStrategy as ChangeDetectionStrategy33, HostBinding as HostBinding31, ViewEncapsulation as ViewEncapsulation57 } from "@angular/core";
|
3255
|
+
import * as i046 from "@angular/core";
|
3462
3256
|
var EuiHeaderRightContentComponent = class _EuiHeaderRightContentComponent {
|
3463
3257
|
constructor() {
|
3464
3258
|
this.class = "eui-header-right-content";
|
3465
3259
|
}
|
3466
3260
|
static {
|
3467
|
-
this.ɵfac =
|
3261
|
+
this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i046, type: _EuiHeaderRightContentComponent, deps: [], target: i046.ɵɵFactoryTarget.Component });
|
3468
3262
|
}
|
3469
3263
|
static {
|
3470
|
-
this.ɵcmp =
|
3264
|
+
this.ɵcmp = i046.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderRightContentComponent, selector: "eui-header-right-content", host: { properties: { "class": "this.class" } }, ngImport: i046, template: "<ng-content></ng-content>\n", changeDetection: i046.ChangeDetectionStrategy.Default, encapsulation: i046.ViewEncapsulation.None });
|
3471
3265
|
}
|
3472
3266
|
};
|
3473
|
-
|
3474
|
-
type:
|
3475
|
-
args: [{ selector: "eui-header-right-content", changeDetection:
|
3267
|
+
i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i046, type: EuiHeaderRightContentComponent, decorators: [{
|
3268
|
+
type: Component32,
|
3269
|
+
args: [{ selector: "eui-header-right-content", changeDetection: ChangeDetectionStrategy33.Default, encapsulation: ViewEncapsulation57.None, template: "<ng-content></ng-content>\n" }]
|
3476
3270
|
}], propDecorators: { class: [{
|
3477
|
-
type:
|
3271
|
+
type: HostBinding31
|
3478
3272
|
}] } });
|
3479
3273
|
|
3480
3274
|
// eui-header/header.component.mjs
|
3481
|
-
import { Component as
|
3482
|
-
import * as
|
3275
|
+
import { Component as Component33, HostBinding as HostBinding32, ChangeDetectionStrategy as ChangeDetectionStrategy35, ViewEncapsulation as ViewEncapsulation59, ContentChild as ContentChild4 } from "@angular/core";
|
3276
|
+
import * as i047 from "@angular/core";
|
3277
|
+
import * as i124 from "@eui/components/eui-language-selector";
|
3483
3278
|
var EuiHeaderComponent = class _EuiHeaderComponent {
|
3484
3279
|
constructor() {
|
3485
3280
|
this.string = "eui-header";
|
3486
3281
|
}
|
3487
3282
|
static {
|
3488
|
-
this.ɵfac =
|
3283
|
+
this.ɵfac = i047.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i047, type: _EuiHeaderComponent, deps: [], target: i047.ɵɵFactoryTarget.Component });
|
3489
3284
|
}
|
3490
3285
|
static {
|
3491
|
-
this.ɵcmp =
|
3286
|
+
this.ɵcmp = i047.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiHeaderComponent, selector: "eui-header", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "rightContent", first: true, predicate: EuiHeaderRightContentComponent, descendants: true }], ngImport: i047, template: '<div class="eui-header-logo-wrapper">\n <ng-content select="eui-header-logo"></ng-content>\n <ng-content select="eui-header-environment"></ng-content>\n</div>\n\n<ng-content select="eui-header-app"></ng-content>\n\n<div class="eui-header-right-content-wrapper">\n @if (rightContent) {\n <ng-content select="eui-header-right-content"></ng-content>\n } @else {\n <ng-content select="eui-header-user-profile"></ng-content>\n }\n</div>\n\n<eui-language-selector euiPrimary></eui-language-selector>\n', styles: [".eui-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content-wrapper{align-items:center;display:flex;margin-left:auto}.eui-header-right-content{padding-right:var(--eui-base-spacing-m)}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-base-spacing-4xl);justify-content:flex-end;min-height:var(--eui-base-spacing-4xl);margin-left:calc(-1 * var(--eui-base-spacing-m))}.eui-header-app__title{align-items:center;color:var(--eui-base-color-grey-100);display:flex;font-size:var(--eui-base-font-size-4xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-base-color-grey-80);display:flex;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-header-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);opacity:var(--eui-base-disabled-opacity);position:absolute;text-align:center;top:var(--eui-base-spacing-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}.eui-header-logo .logo-svg--positive{display:inherit}.eui-header-logo .logo-svg--negative{display:none}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i124.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector"], outputs: ["languageSelectorClick"] }], changeDetection: i047.ChangeDetectionStrategy.Default, encapsulation: i047.ViewEncapsulation.None });
|
3492
3287
|
}
|
3493
3288
|
};
|
3494
|
-
|
3495
|
-
type:
|
3496
|
-
args: [{ selector: "eui-header", changeDetection:
|
3289
|
+
i047.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i047, type: EuiHeaderComponent, decorators: [{
|
3290
|
+
type: Component33,
|
3291
|
+
args: [{ selector: "eui-header", changeDetection: ChangeDetectionStrategy35.Default, encapsulation: ViewEncapsulation59.None, template: '<div class="eui-header-logo-wrapper">\n <ng-content select="eui-header-logo"></ng-content>\n <ng-content select="eui-header-environment"></ng-content>\n</div>\n\n<ng-content select="eui-header-app"></ng-content>\n\n<div class="eui-header-right-content-wrapper">\n @if (rightContent) {\n <ng-content select="eui-header-right-content"></ng-content>\n } @else {\n <ng-content select="eui-header-user-profile"></ng-content>\n }\n</div>\n\n<eui-language-selector euiPrimary></eui-language-selector>\n', styles: [".eui-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content-wrapper{align-items:center;display:flex;margin-left:auto}.eui-header-right-content{padding-right:var(--eui-base-spacing-m)}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-base-spacing-4xl);justify-content:flex-end;min-height:var(--eui-base-spacing-4xl);margin-left:calc(-1 * var(--eui-base-spacing-m))}.eui-header-app__title{align-items:center;color:var(--eui-base-color-grey-100);display:flex;font-size:var(--eui-base-font-size-4xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-base-color-grey-80);display:flex;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-header-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);opacity:var(--eui-base-disabled-opacity);position:absolute;text-align:center;top:var(--eui-base-spacing-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}.eui-header-logo .logo-svg--positive{display:inherit}.eui-header-logo .logo-svg--negative{display:none}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"] }]
|
3497
3292
|
}], propDecorators: { string: [{
|
3498
|
-
type:
|
3293
|
+
type: HostBinding32,
|
3499
3294
|
args: ["class"]
|
3500
3295
|
}], rightContent: [{
|
3501
3296
|
type: ContentChild4,
|
@@ -3503,10 +3298,10 @@ i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3503
3298
|
}] } });
|
3504
3299
|
|
3505
3300
|
// eui-header/header-app/header-app.component.mjs
|
3506
|
-
import { Component as
|
3507
|
-
import * as
|
3508
|
-
import * as
|
3509
|
-
import * as
|
3301
|
+
import { Component as Component34, HostBinding as HostBinding33, ChangeDetectionStrategy as ChangeDetectionStrategy37, ViewEncapsulation as ViewEncapsulation61, Input as Input18, Directive as Directive3, ContentChild as ContentChild5, forwardRef as forwardRef15, Optional as Optional4 } from "@angular/core";
|
3302
|
+
import * as i048 from "@angular/core";
|
3303
|
+
import * as i125 from "@eui/core";
|
3304
|
+
import * as i216 from "@angular/common";
|
3510
3305
|
var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
|
3511
3306
|
constructor(asService) {
|
3512
3307
|
this.asService = asService;
|
@@ -3549,23 +3344,23 @@ var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
|
|
3549
3344
|
}
|
3550
3345
|
}
|
3551
3346
|
static {
|
3552
|
-
this.ɵfac =
|
3347
|
+
this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: _EuiHeaderAppComponent, deps: [{ token: i125.EuiAppShellService, optional: true }], target: i048.ɵɵFactoryTarget.Component });
|
3553
3348
|
}
|
3554
3349
|
static {
|
3555
|
-
this.ɵcmp =
|
3350
|
+
this.ɵcmp = i048.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppComponent, selector: "eui-header-app", inputs: { appName: "appName", appShortName: "appShortName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customAppName", first: true, predicate: i048.forwardRef(() => EuiHeaderAppNameDirective), descendants: true }, { propertyName: "customAppSubtitle", first: true, predicate: i048.forwardRef(() => EuiHeaderAppSubtitleDirective), descendants: true }, { propertyName: "customAppNameLogo", first: true, predicate: i048.forwardRef(() => EuiHeaderAppNameLogoDirective), descendants: true }], usesOnChanges: true, ngImport: i048, template: '<ng-container *ngIf="customAppName">\n <div class="eui-header-app__title full">\n <ng-content select="eui-header-app-name"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppName">\n <div *ngIf="appName" class="eui-header-app__title full">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class="eui-header-app__title short">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf="customAppSubtitle">\n <div class="eui-header-app__sub-title">\n <ng-content select="eui-header-app-subtitle"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppSubtitle">\n <div *ngIf="appSubTitle" class="eui-header-app__sub-title">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf="customAppNameLogo">\n <div class="eui-header-app-__title-logo">\n <ng-content select="eui-header-app-name-logo"></ng-content>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i216.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i048.ChangeDetectionStrategy.Default, encapsulation: i048.ViewEncapsulation.None });
|
3556
3351
|
}
|
3557
3352
|
};
|
3558
|
-
|
3559
|
-
type:
|
3560
|
-
args: [{ selector: "eui-header-app", changeDetection:
|
3561
|
-
}], ctorParameters: () => [{ type:
|
3353
|
+
i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: EuiHeaderAppComponent, decorators: [{
|
3354
|
+
type: Component34,
|
3355
|
+
args: [{ selector: "eui-header-app", changeDetection: ChangeDetectionStrategy37.Default, encapsulation: ViewEncapsulation61.None, template: '<ng-container *ngIf="customAppName">\n <div class="eui-header-app__title full">\n <ng-content select="eui-header-app-name"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppName">\n <div *ngIf="appName" class="eui-header-app__title full">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class="eui-header-app__title short">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf="customAppSubtitle">\n <div class="eui-header-app__sub-title">\n <ng-content select="eui-header-app-subtitle"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppSubtitle">\n <div *ngIf="appSubTitle" class="eui-header-app__sub-title">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf="customAppNameLogo">\n <div class="eui-header-app-__title-logo">\n <ng-content select="eui-header-app-name-logo"></ng-content>\n </div>\n</ng-container>\n' }]
|
3356
|
+
}], ctorParameters: () => [{ type: i125.EuiAppShellService, decorators: [{
|
3562
3357
|
type: Optional4
|
3563
3358
|
}] }], propDecorators: { appName: [{
|
3564
|
-
type:
|
3359
|
+
type: Input18
|
3565
3360
|
}], appShortName: [{
|
3566
|
-
type:
|
3361
|
+
type: Input18
|
3567
3362
|
}], appSubTitle: [{
|
3568
|
-
type:
|
3363
|
+
type: Input18
|
3569
3364
|
}], customAppName: [{
|
3570
3365
|
type: ContentChild5,
|
3571
3366
|
args: [forwardRef15(() => EuiHeaderAppNameDirective)]
|
@@ -3576,50 +3371,50 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3576
3371
|
type: ContentChild5,
|
3577
3372
|
args: [forwardRef15(() => EuiHeaderAppNameLogoDirective)]
|
3578
3373
|
}], class: [{
|
3579
|
-
type:
|
3374
|
+
type: HostBinding33,
|
3580
3375
|
args: ["class"]
|
3581
3376
|
}] } });
|
3582
3377
|
var EuiHeaderAppNameDirective = class _EuiHeaderAppNameDirective {
|
3583
3378
|
static {
|
3584
|
-
this.ɵfac =
|
3379
|
+
this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: _EuiHeaderAppNameDirective, deps: [], target: i048.ɵɵFactoryTarget.Directive });
|
3585
3380
|
}
|
3586
3381
|
static {
|
3587
|
-
this.ɵdir =
|
3382
|
+
this.ɵdir = i048.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppNameDirective, selector: "eui-header-app-name", ngImport: i048 });
|
3588
3383
|
}
|
3589
3384
|
};
|
3590
|
-
|
3385
|
+
i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: EuiHeaderAppNameDirective, decorators: [{
|
3591
3386
|
type: Directive3,
|
3592
3387
|
args: [{ selector: "eui-header-app-name" }]
|
3593
3388
|
}] });
|
3594
3389
|
var EuiHeaderAppSubtitleDirective = class _EuiHeaderAppSubtitleDirective {
|
3595
3390
|
static {
|
3596
|
-
this.ɵfac =
|
3391
|
+
this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: _EuiHeaderAppSubtitleDirective, deps: [], target: i048.ɵɵFactoryTarget.Directive });
|
3597
3392
|
}
|
3598
3393
|
static {
|
3599
|
-
this.ɵdir =
|
3394
|
+
this.ɵdir = i048.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppSubtitleDirective, selector: "eui-header-app-subtitle", ngImport: i048 });
|
3600
3395
|
}
|
3601
3396
|
};
|
3602
|
-
|
3397
|
+
i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: EuiHeaderAppSubtitleDirective, decorators: [{
|
3603
3398
|
type: Directive3,
|
3604
3399
|
args: [{ selector: "eui-header-app-subtitle" }]
|
3605
3400
|
}] });
|
3606
3401
|
var EuiHeaderAppNameLogoDirective = class _EuiHeaderAppNameLogoDirective {
|
3607
3402
|
static {
|
3608
|
-
this.ɵfac =
|
3403
|
+
this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: _EuiHeaderAppNameLogoDirective, deps: [], target: i048.ɵɵFactoryTarget.Directive });
|
3609
3404
|
}
|
3610
3405
|
static {
|
3611
|
-
this.ɵdir =
|
3406
|
+
this.ɵdir = i048.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppNameLogoDirective, selector: "eui-header-app-name-logo", ngImport: i048 });
|
3612
3407
|
}
|
3613
3408
|
};
|
3614
|
-
|
3409
|
+
i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i048, type: EuiHeaderAppNameLogoDirective, decorators: [{
|
3615
3410
|
type: Directive3,
|
3616
3411
|
args: [{ selector: "eui-header-app-name-logo" }]
|
3617
3412
|
}] });
|
3618
3413
|
|
3619
3414
|
// eui-header/header-environment/header-environment.component.mjs
|
3620
|
-
import { Component as
|
3621
|
-
import * as
|
3622
|
-
import * as
|
3415
|
+
import { Component as Component35, ChangeDetectionStrategy as ChangeDetectionStrategy39, HostBinding as HostBinding34, ViewEncapsulation as ViewEncapsulation63, Optional as Optional5 } from "@angular/core";
|
3416
|
+
import * as i049 from "@angular/core";
|
3417
|
+
import * as i126 from "@eui/core";
|
3623
3418
|
var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
|
3624
3419
|
constructor(asService, elRef) {
|
3625
3420
|
this.asService = asService;
|
@@ -3640,27 +3435,27 @@ var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
|
|
3640
3435
|
});
|
3641
3436
|
}
|
3642
3437
|
static {
|
3643
|
-
this.ɵfac =
|
3438
|
+
this.ɵfac = i049.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i049, type: _EuiHeaderEnvironmentComponent, deps: [{ token: i126.EuiAppShellService, optional: true }, { token: i049.ElementRef }], target: i049.ɵɵFactoryTarget.Component });
|
3644
3439
|
}
|
3645
3440
|
static {
|
3646
|
-
this.ɵcmp =
|
3441
|
+
this.ɵcmp = i049.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderEnvironmentComponent, selector: "eui-header-environment", host: { properties: { "class": "this.class" } }, ngImport: i049, template: "<ng-content></ng-content>\n", changeDetection: i049.ChangeDetectionStrategy.Default, encapsulation: i049.ViewEncapsulation.None });
|
3647
3442
|
}
|
3648
3443
|
};
|
3649
|
-
|
3650
|
-
type:
|
3651
|
-
args: [{ selector: "eui-header-environment", changeDetection:
|
3652
|
-
}], ctorParameters: () => [{ type:
|
3444
|
+
i049.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i049, type: EuiHeaderEnvironmentComponent, decorators: [{
|
3445
|
+
type: Component35,
|
3446
|
+
args: [{ selector: "eui-header-environment", changeDetection: ChangeDetectionStrategy39.Default, encapsulation: ViewEncapsulation63.None, template: "<ng-content></ng-content>\n" }]
|
3447
|
+
}], ctorParameters: () => [{ type: i126.EuiAppShellService, decorators: [{
|
3653
3448
|
type: Optional5
|
3654
|
-
}] }, { type:
|
3655
|
-
type:
|
3449
|
+
}] }, { type: i049.ElementRef }], propDecorators: { class: [{
|
3450
|
+
type: HostBinding34
|
3656
3451
|
}] } });
|
3657
3452
|
|
3658
3453
|
// eui-header/header-logo/header-logo.component.mjs
|
3659
|
-
import { Component as
|
3454
|
+
import { Component as Component36, ChangeDetectionStrategy as ChangeDetectionStrategy41, HostBinding as HostBinding35, ViewEncapsulation as ViewEncapsulation65, Input as Input19, Optional as Optional6, Inject as Inject2 } from "@angular/core";
|
3660
3455
|
import { EUI_CONFIG_TOKEN } from "@eui/core";
|
3661
|
-
import * as
|
3662
|
-
import * as
|
3663
|
-
import * as
|
3456
|
+
import * as i050 from "@angular/core";
|
3457
|
+
import * as i127 from "@eui/core";
|
3458
|
+
import * as i217 from "@angular/router";
|
3664
3459
|
var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
|
3665
3460
|
constructor(asService, config) {
|
3666
3461
|
this.asService = asService;
|
@@ -3691,31 +3486,31 @@ var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
|
|
3691
3486
|
});
|
3692
3487
|
}
|
3693
3488
|
static {
|
3694
|
-
this.ɵfac =
|
3489
|
+
this.ɵfac = i050.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i050, type: _EuiHeaderLogoComponent, deps: [{ token: i127.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i050.ɵɵFactoryTarget.Component });
|
3695
3490
|
}
|
3696
3491
|
static {
|
3697
|
-
this.ɵcmp =
|
3492
|
+
this.ɵcmp = i050.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i050, 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: i217.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i050.ChangeDetectionStrategy.Default, encapsulation: i050.ViewEncapsulation.None });
|
3698
3493
|
}
|
3699
3494
|
};
|
3700
|
-
|
3701
|
-
type:
|
3702
|
-
args: [{ selector: "eui-header-logo", changeDetection:
|
3703
|
-
}], ctorParameters: () => [{ type:
|
3495
|
+
i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i050, type: EuiHeaderLogoComponent, decorators: [{
|
3496
|
+
type: Component36,
|
3497
|
+
args: [{ selector: "eui-header-logo", changeDetection: ChangeDetectionStrategy41.Default, encapsulation: ViewEncapsulation65.None, 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' }]
|
3498
|
+
}], ctorParameters: () => [{ type: i127.EuiAppShellService, decorators: [{
|
3704
3499
|
type: Optional6
|
3705
3500
|
}] }, { type: void 0, decorators: [{
|
3706
3501
|
type: Optional6
|
3707
3502
|
}, {
|
3708
|
-
type:
|
3503
|
+
type: Inject2,
|
3709
3504
|
args: [EUI_CONFIG_TOKEN]
|
3710
3505
|
}] }], propDecorators: { homeUrl: [{
|
3711
|
-
type:
|
3506
|
+
type: Input19
|
3712
3507
|
}], class: [{
|
3713
|
-
type:
|
3508
|
+
type: HostBinding35
|
3714
3509
|
}] } });
|
3715
3510
|
|
3716
3511
|
// eui-header/header-user-profile/header-user-profile.component.mjs
|
3717
|
-
import { Component as
|
3718
|
-
import * as
|
3512
|
+
import { Component as Component37, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding36, ViewEncapsulation as ViewEncapsulation67, Input as Input20, forwardRef as forwardRef17, ContentChildren as ContentChildren7, ViewChild as ViewChild5, booleanAttribute as booleanAttribute9 } from "@angular/core";
|
3513
|
+
import * as i051 from "@angular/core";
|
3719
3514
|
var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
3720
3515
|
constructor() {
|
3721
3516
|
this.class = "eui-header-user-profile";
|
@@ -3734,17 +3529,17 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
|
3734
3529
|
this.hasMenu = this.hasMenuContent.length !== 0;
|
3735
3530
|
}
|
3736
3531
|
static {
|
3737
|
-
this.ɵfac =
|
3532
|
+
this.ɵfac = i051.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i051, type: _EuiHeaderUserProfileComponent, deps: [], target: i051.ɵɵFactoryTarget.Component });
|
3738
3533
|
}
|
3739
3534
|
static {
|
3740
|
-
this.ɵcmp =
|
3535
|
+
this.ɵcmp = i051.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute9], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute9], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute9], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute9], welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "hasMenuContent", predicate: i051.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i051, template: '<eui-user-profile\n [hasWelcomeLabel]="hasWelcomeLabel"\n [welcomeLabel]="welcomeLabel"\n [impersonateLabel]="impersonateLabel"\n [avatarUrl]="avatarUrl"\n [isShowUserInfos]="isShowUserInfos"\n [isShowAvatarInitials]="isShowAvatarInitials"\n [hasTabNavigation]="hasTabNavigation"\n [subInfos]="subInfos"\n [hasMenu]="hasMenu"\n isHeaderUserProfile\n #userProfile>\n <ng-content select="eui-user-profile-menu"></ng-content>\n</eui-user-profile>\n', dependencies: [{ kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i051.ChangeDetectionStrategy.Default, encapsulation: i051.ViewEncapsulation.None });
|
3741
3536
|
}
|
3742
3537
|
};
|
3743
|
-
|
3744
|
-
type:
|
3745
|
-
args: [{ selector: "eui-header-user-profile", changeDetection:
|
3538
|
+
i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i051, type: EuiHeaderUserProfileComponent, decorators: [{
|
3539
|
+
type: Component37,
|
3540
|
+
args: [{ selector: "eui-header-user-profile", changeDetection: ChangeDetectionStrategy43.Default, encapsulation: ViewEncapsulation67.None, template: '<eui-user-profile\n [hasWelcomeLabel]="hasWelcomeLabel"\n [welcomeLabel]="welcomeLabel"\n [impersonateLabel]="impersonateLabel"\n [avatarUrl]="avatarUrl"\n [isShowUserInfos]="isShowUserInfos"\n [isShowAvatarInitials]="isShowAvatarInitials"\n [hasTabNavigation]="hasTabNavigation"\n [subInfos]="subInfos"\n [hasMenu]="hasMenu"\n isHeaderUserProfile\n #userProfile>\n <ng-content select="eui-user-profile-menu"></ng-content>\n</eui-user-profile>\n' }]
|
3746
3541
|
}], propDecorators: { class: [{
|
3747
|
-
type:
|
3542
|
+
type: HostBinding36
|
3748
3543
|
}], hasMenuContent: [{
|
3749
3544
|
type: ContentChildren7,
|
3750
3545
|
args: [forwardRef17(() => EuiUserProfileMenuComponent), { descendants: true }]
|
@@ -3752,31 +3547,31 @@ i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
3752
3547
|
type: ViewChild5,
|
3753
3548
|
args: ["userProfile"]
|
3754
3549
|
}], isShowUserInfos: [{
|
3755
|
-
type:
|
3550
|
+
type: Input20,
|
3756
3551
|
args: [{ transform: booleanAttribute9 }]
|
3757
3552
|
}], hasWelcomeLabel: [{
|
3758
|
-
type:
|
3553
|
+
type: Input20,
|
3759
3554
|
args: [{ transform: booleanAttribute9 }]
|
3760
3555
|
}], isShowAvatarInitials: [{
|
3761
|
-
type:
|
3556
|
+
type: Input20,
|
3762
3557
|
args: [{ transform: booleanAttribute9 }]
|
3763
3558
|
}], hasTabNavigation: [{
|
3764
|
-
type:
|
3559
|
+
type: Input20,
|
3765
3560
|
args: [{ transform: booleanAttribute9 }]
|
3766
3561
|
}], welcomeLabel: [{
|
3767
|
-
type:
|
3562
|
+
type: Input20
|
3768
3563
|
}], impersonateLabel: [{
|
3769
|
-
type:
|
3564
|
+
type: Input20
|
3770
3565
|
}], avatarUrl: [{
|
3771
|
-
type:
|
3566
|
+
type: Input20
|
3772
3567
|
}], subInfos: [{
|
3773
|
-
type:
|
3568
|
+
type: Input20
|
3774
3569
|
}] } });
|
3775
3570
|
|
3776
3571
|
// eui-header/header-app-name/header-app-name.component.mjs
|
3777
|
-
import { Component as
|
3778
|
-
import * as
|
3779
|
-
import * as
|
3572
|
+
import { Component as Component38, HostBinding as HostBinding37, ChangeDetectionStrategy as ChangeDetectionStrategy45, ViewEncapsulation as ViewEncapsulation69, Optional as Optional7 } from "@angular/core";
|
3573
|
+
import * as i052 from "@angular/core";
|
3574
|
+
import * as i128 from "@eui/core";
|
3780
3575
|
var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
|
3781
3576
|
constructor(asService, elRef) {
|
3782
3577
|
this.asService = asService;
|
@@ -3790,26 +3585,26 @@ var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
|
|
3790
3585
|
});
|
3791
3586
|
}
|
3792
3587
|
static {
|
3793
|
-
this.ɵfac =
|
3588
|
+
this.ɵfac = i052.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i052, type: _EuiHeaderAppNameComponent, deps: [{ token: i128.EuiAppShellService, optional: true }, { token: i052.ElementRef }], target: i052.ɵɵFactoryTarget.Component });
|
3794
3589
|
}
|
3795
3590
|
static {
|
3796
|
-
this.ɵcmp =
|
3591
|
+
this.ɵcmp = i052.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppNameComponent, selector: "eui-header-app-name", host: { properties: { "class": "this.string" } }, ngImport: i052, template: "<ng-content></ng-content>\n", changeDetection: i052.ChangeDetectionStrategy.Default, encapsulation: i052.ViewEncapsulation.None });
|
3797
3592
|
}
|
3798
3593
|
};
|
3799
|
-
|
3800
|
-
type:
|
3801
|
-
args: [{ selector: "eui-header-app-name", changeDetection:
|
3802
|
-
}], ctorParameters: () => [{ type:
|
3594
|
+
i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i052, type: EuiHeaderAppNameComponent, decorators: [{
|
3595
|
+
type: Component38,
|
3596
|
+
args: [{ selector: "eui-header-app-name", changeDetection: ChangeDetectionStrategy45.Default, encapsulation: ViewEncapsulation69.None, template: "<ng-content></ng-content>\n" }]
|
3597
|
+
}], ctorParameters: () => [{ type: i128.EuiAppShellService, decorators: [{
|
3803
3598
|
type: Optional7
|
3804
|
-
}] }, { type:
|
3805
|
-
type:
|
3599
|
+
}] }, { type: i052.ElementRef }], propDecorators: { string: [{
|
3600
|
+
type: HostBinding37,
|
3806
3601
|
args: ["class"]
|
3807
3602
|
}] } });
|
3808
3603
|
|
3809
3604
|
// eui-header/header-app-subtitle/header-app-subtitle.component.mjs
|
3810
|
-
import { Component as
|
3811
|
-
import * as
|
3812
|
-
import * as
|
3605
|
+
import { Component as Component39, HostBinding as HostBinding38, ViewEncapsulation as ViewEncapsulation71, Optional as Optional8 } from "@angular/core";
|
3606
|
+
import * as i053 from "@angular/core";
|
3607
|
+
import * as i129 from "@eui/core";
|
3813
3608
|
var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
|
3814
3609
|
constructor(asService, elRef) {
|
3815
3610
|
this.asService = asService;
|
@@ -3823,26 +3618,26 @@ var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
|
|
3823
3618
|
});
|
3824
3619
|
}
|
3825
3620
|
static {
|
3826
|
-
this.ɵfac =
|
3621
|
+
this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i053, type: _EuiHeaderAppSubtitleComponent, deps: [{ token: i129.EuiAppShellService, optional: true }, { token: i053.ElementRef }], target: i053.ɵɵFactoryTarget.Component });
|
3827
3622
|
}
|
3828
3623
|
static {
|
3829
|
-
this.ɵcmp =
|
3624
|
+
this.ɵcmp = i053.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppSubtitleComponent, selector: "eui-header-app-subtitle", host: { properties: { "class": "this.string" } }, ngImport: i053, template: "<ng-content></ng-content>\n", encapsulation: i053.ViewEncapsulation.None });
|
3830
3625
|
}
|
3831
3626
|
};
|
3832
|
-
|
3833
|
-
type:
|
3834
|
-
args: [{ selector: "eui-header-app-subtitle", encapsulation:
|
3835
|
-
}], ctorParameters: () => [{ type:
|
3627
|
+
i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i053, type: EuiHeaderAppSubtitleComponent, decorators: [{
|
3628
|
+
type: Component39,
|
3629
|
+
args: [{ selector: "eui-header-app-subtitle", encapsulation: ViewEncapsulation71.None, template: "<ng-content></ng-content>\n" }]
|
3630
|
+
}], ctorParameters: () => [{ type: i129.EuiAppShellService, decorators: [{
|
3836
3631
|
type: Optional8
|
3837
|
-
}] }, { type:
|
3838
|
-
type:
|
3632
|
+
}] }, { type: i053.ElementRef }], propDecorators: { string: [{
|
3633
|
+
type: HostBinding38,
|
3839
3634
|
args: ["class"]
|
3840
3635
|
}] } });
|
3841
3636
|
|
3842
3637
|
// eui-header/header-app-name-logo/header-app-name-logo.component.mjs
|
3843
|
-
import { Component as
|
3638
|
+
import { Component as Component40, ChangeDetectionStrategy as ChangeDetectionStrategy47, HostBinding as HostBinding39, ViewEncapsulation as ViewEncapsulation73, Input as Input21, Optional as Optional9, Inject as Inject3 } from "@angular/core";
|
3844
3639
|
import { EUI_CONFIG_TOKEN as EUI_CONFIG_TOKEN2 } from "@eui/core";
|
3845
|
-
import * as
|
3640
|
+
import * as i054 from "@angular/core";
|
3846
3641
|
var EuiHeaderAppNameLogoComponent = class _EuiHeaderAppNameLogoComponent {
|
3847
3642
|
constructor(config) {
|
3848
3643
|
this.config = config;
|
@@ -3856,33 +3651,34 @@ var EuiHeaderAppNameLogoComponent = class _EuiHeaderAppNameLogoComponent {
|
|
3856
3651
|
return `${this.assetsBaseUrl}/${this.logoFilename}`;
|
3857
3652
|
}
|
3858
3653
|
static {
|
3859
|
-
this.ɵfac =
|
3654
|
+
this.ɵfac = i054.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i054, type: _EuiHeaderAppNameLogoComponent, deps: [{ token: EUI_CONFIG_TOKEN2, optional: true }], target: i054.ɵɵFactoryTarget.Component });
|
3860
3655
|
}
|
3861
3656
|
static {
|
3862
|
-
this.ɵcmp =
|
3657
|
+
this.ɵcmp = i054.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiHeaderAppNameLogoComponent, selector: "eui-header-app-name-logo", inputs: { homeUrl: "homeUrl", logoFilename: "logoFilename" }, host: { properties: { "class": "this.class" } }, ngImport: i054, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n', changeDetection: i054.ChangeDetectionStrategy.Default, encapsulation: i054.ViewEncapsulation.None });
|
3863
3658
|
}
|
3864
3659
|
};
|
3865
|
-
|
3866
|
-
type:
|
3867
|
-
args: [{ selector: "eui-header-app-name-logo", changeDetection:
|
3660
|
+
i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i054, type: EuiHeaderAppNameLogoComponent, decorators: [{
|
3661
|
+
type: Component40,
|
3662
|
+
args: [{ selector: "eui-header-app-name-logo", changeDetection: ChangeDetectionStrategy47.Default, encapsulation: ViewEncapsulation73.None, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n' }]
|
3868
3663
|
}], ctorParameters: () => [{ type: void 0, decorators: [{
|
3869
3664
|
type: Optional9
|
3870
3665
|
}, {
|
3871
|
-
type:
|
3666
|
+
type: Inject3,
|
3872
3667
|
args: [EUI_CONFIG_TOKEN2]
|
3873
3668
|
}] }], propDecorators: { homeUrl: [{
|
3874
|
-
type:
|
3669
|
+
type: Input21
|
3875
3670
|
}], logoFilename: [{
|
3876
|
-
type:
|
3671
|
+
type: Input21
|
3877
3672
|
}], class: [{
|
3878
|
-
type:
|
3673
|
+
type: HostBinding39
|
3879
3674
|
}] } });
|
3880
3675
|
|
3881
3676
|
// eui-header/header.module.mjs
|
3882
|
-
import { CommonModule as
|
3883
|
-
import { NgModule as
|
3677
|
+
import { CommonModule as CommonModule14 } from "@angular/common";
|
3678
|
+
import { NgModule as NgModule14 } from "@angular/core";
|
3884
3679
|
import { RouterModule as RouterModule6 } from "@angular/router";
|
3885
|
-
import
|
3680
|
+
import { EuiLanguageSelectorModule as EuiLanguageSelectorModule4 } from "@eui/components/eui-language-selector";
|
3681
|
+
import * as i055 from "@angular/core";
|
3886
3682
|
var COMPONENTS5 = [
|
3887
3683
|
EuiHeaderComponent,
|
3888
3684
|
EuiHeaderComponent,
|
@@ -3900,10 +3696,10 @@ var COMPONENTS5 = [
|
|
3900
3696
|
];
|
3901
3697
|
var EuiHeaderModule = class _EuiHeaderModule {
|
3902
3698
|
static {
|
3903
|
-
this.ɵfac =
|
3699
|
+
this.ɵfac = i055.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i055, type: _EuiHeaderModule, deps: [], target: i055.ɵɵFactoryTarget.NgModule });
|
3904
3700
|
}
|
3905
3701
|
static {
|
3906
|
-
this.ɵmod =
|
3702
|
+
this.ɵmod = i055.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i055, type: _EuiHeaderModule, declarations: [
|
3907
3703
|
EuiHeaderComponent,
|
3908
3704
|
EuiHeaderComponent,
|
3909
3705
|
EuiHeaderAppComponent,
|
@@ -3917,7 +3713,7 @@ var EuiHeaderModule = class _EuiHeaderModule {
|
|
3917
3713
|
EuiHeaderAppNameLogoComponent,
|
3918
3714
|
EuiHeaderAppNameLogoDirective,
|
3919
3715
|
EuiHeaderRightContentComponent
|
3920
|
-
], imports: [
|
3716
|
+
], imports: [CommonModule14, RouterModule6, EuiUserProfileModule, EuiLanguageSelectorModule4, RouterModule6], exports: [
|
3921
3717
|
EuiHeaderComponent,
|
3922
3718
|
EuiHeaderComponent,
|
3923
3719
|
EuiHeaderAppComponent,
|
@@ -3934,32 +3730,32 @@ var EuiHeaderModule = class _EuiHeaderModule {
|
|
3934
3730
|
] });
|
3935
3731
|
}
|
3936
3732
|
static {
|
3937
|
-
this.ɵinj =
|
3733
|
+
this.ɵinj = i055.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i055, type: _EuiHeaderModule, imports: [CommonModule14, RouterModule6, EuiUserProfileModule, EuiLanguageSelectorModule4, RouterModule6] });
|
3938
3734
|
}
|
3939
3735
|
};
|
3940
|
-
|
3941
|
-
type:
|
3736
|
+
i055.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i055, type: EuiHeaderModule, decorators: [{
|
3737
|
+
type: NgModule14,
|
3942
3738
|
args: [{
|
3943
|
-
imports: [
|
3739
|
+
imports: [CommonModule14, RouterModule6, EuiUserProfileModule, EuiLanguageSelectorModule4, RouterModule6],
|
3944
3740
|
declarations: [...COMPONENTS5],
|
3945
3741
|
exports: [...COMPONENTS5]
|
3946
3742
|
}]
|
3947
3743
|
}] });
|
3948
3744
|
|
3949
3745
|
// eui-notifications/eui-notification-item.component.mjs
|
3950
|
-
import { coerceBooleanProperty as
|
3951
|
-
import { Component as
|
3746
|
+
import { coerceBooleanProperty as coerceBooleanProperty5 } from "@angular/cdk/coercion";
|
3747
|
+
import { Component as Component41, EventEmitter as EventEmitter7, HostBinding as HostBinding40, Input as Input22, Output as Output7 } from "@angular/core";
|
3952
3748
|
import { consumeEvent as consumeEvent3 } from "@eui/core";
|
3953
|
-
import * as
|
3954
|
-
import * as
|
3955
|
-
import * as
|
3956
|
-
import * as
|
3749
|
+
import * as i056 from "@angular/core";
|
3750
|
+
import * as i130 from "@angular/common";
|
3751
|
+
import * as i218 from "@eui/components/eui-icon";
|
3752
|
+
import * as i313 from "@ngx-translate/core";
|
3957
3753
|
import * as i410 from "@eui/components/pipes";
|
3958
3754
|
var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
|
3959
3755
|
constructor() {
|
3960
3756
|
this.string = "eui-notification-item";
|
3961
|
-
this.itemClick = new
|
3962
|
-
this.itemMarkAsRead = new
|
3757
|
+
this.itemClick = new EventEmitter7();
|
3758
|
+
this.itemMarkAsRead = new EventEmitter7();
|
3963
3759
|
this.markAsReadLabel = null;
|
3964
3760
|
this.dateFormat = "dd/MM/YYYY";
|
3965
3761
|
this.tooltipSize = "auto";
|
@@ -3969,7 +3765,7 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
|
|
3969
3765
|
return this._isShowMarkAsRead;
|
3970
3766
|
}
|
3971
3767
|
set isShowMarkAsRead(value) {
|
3972
|
-
this._isShowMarkAsRead =
|
3768
|
+
this._isShowMarkAsRead = coerceBooleanProperty5(value);
|
3973
3769
|
}
|
3974
3770
|
onItemClick() {
|
3975
3771
|
this.itemClick.emit(this.item);
|
@@ -3985,10 +3781,10 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
|
|
3985
3781
|
return this.item.metadata?.read ? "grey-20" : "grey-50";
|
3986
3782
|
}
|
3987
3783
|
static {
|
3988
|
-
this.ɵfac =
|
3784
|
+
this.ɵfac = i056.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i056, type: _EuiNotificationItemComponent, deps: [], target: i056.ɵɵFactoryTarget.Component });
|
3989
3785
|
}
|
3990
3786
|
static {
|
3991
|
-
this.ɵcmp =
|
3787
|
+
this.ɵcmp = i056.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i056, template: `<div
|
3992
3788
|
class="eui-notification-item-content"
|
3993
3789
|
(click)="onItemClick()"
|
3994
3790
|
[ngClass]="{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }">
|
@@ -4055,11 +3851,11 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
|
|
4055
3851
|
</a>
|
4056
3852
|
</div>
|
4057
3853
|
</div>
|
4058
|
-
`, dependencies: [{ kind: "directive", type:
|
3854
|
+
`, dependencies: [{ kind: "directive", type: i130.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i130.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i218.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i130.DatePipe, name: "date" }, { kind: "pipe", type: i313.TranslatePipe, name: "translate" }, { kind: "pipe", type: i410.EuiTruncatePipe, name: "euiTruncate" }] });
|
4059
3855
|
}
|
4060
3856
|
};
|
4061
|
-
|
4062
|
-
type:
|
3857
|
+
i056.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i056, type: EuiNotificationItemComponent, decorators: [{
|
3858
|
+
type: Component41,
|
4063
3859
|
args: [{ selector: "eui-notification-item", template: `<div
|
4064
3860
|
class="eui-notification-item-content"
|
4065
3861
|
(click)="onItemClick()"
|
@@ -4129,43 +3925,43 @@ i059.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
4129
3925
|
</div>
|
4130
3926
|
` }]
|
4131
3927
|
}], propDecorators: { string: [{
|
4132
|
-
type:
|
3928
|
+
type: HostBinding40,
|
4133
3929
|
args: ["class"]
|
4134
3930
|
}], itemClick: [{
|
4135
|
-
type:
|
3931
|
+
type: Output7
|
4136
3932
|
}], itemMarkAsRead: [{
|
4137
|
-
type:
|
3933
|
+
type: Output7
|
4138
3934
|
}], markAsReadLabel: [{
|
4139
|
-
type:
|
3935
|
+
type: Input22
|
4140
3936
|
}], item: [{
|
4141
|
-
type:
|
3937
|
+
type: Input22
|
4142
3938
|
}], dateFormat: [{
|
4143
|
-
type:
|
3939
|
+
type: Input22
|
4144
3940
|
}], isShowMarkAsRead: [{
|
4145
|
-
type:
|
3941
|
+
type: Input22
|
4146
3942
|
}] } });
|
4147
3943
|
|
4148
3944
|
// eui-notifications/eui-notifications.component.mjs
|
4149
|
-
import { ChangeDetectionStrategy as
|
3945
|
+
import { ChangeDetectionStrategy as ChangeDetectionStrategy49, Component as Component42, EventEmitter as EventEmitter8, HostBinding as HostBinding41, HostListener as HostListener5, Input as Input23, Output as Output8, ViewEncapsulation as ViewEncapsulation75 } from "@angular/core";
|
4150
3946
|
import { consumeEvent as consumeEvent4 } from "@eui/core";
|
4151
|
-
import { coerceBooleanProperty as
|
4152
|
-
import * as
|
4153
|
-
import * as
|
4154
|
-
import * as
|
4155
|
-
import * as
|
3947
|
+
import { coerceBooleanProperty as coerceBooleanProperty6 } from "@angular/cdk/coercion";
|
3948
|
+
import * as i057 from "@angular/core";
|
3949
|
+
import * as i131 from "@angular/common";
|
3950
|
+
import * as i219 from "@eui/components/eui-overlay";
|
3951
|
+
import * as i314 from "@eui/components/eui-button";
|
4156
3952
|
import * as i411 from "@eui/components/eui-badge";
|
4157
|
-
import * as
|
3953
|
+
import * as i58 from "@eui/components/eui-icon";
|
4158
3954
|
import * as i73 from "@ngx-translate/core";
|
4159
3955
|
var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
4160
3956
|
constructor() {
|
4161
|
-
this.refreshClick = new
|
4162
|
-
this.notificationsClick = new
|
4163
|
-
this.viewAllClick = new
|
4164
|
-
this.settingsClick = new
|
4165
|
-
this.markAllAsReadClick = new
|
4166
|
-
this.noNotificationFoundClick = new
|
4167
|
-
this.itemClick = new
|
4168
|
-
this.itemMarkAsReadClick = new
|
3957
|
+
this.refreshClick = new EventEmitter8();
|
3958
|
+
this.notificationsClick = new EventEmitter8();
|
3959
|
+
this.viewAllClick = new EventEmitter8();
|
3960
|
+
this.settingsClick = new EventEmitter8();
|
3961
|
+
this.markAllAsReadClick = new EventEmitter8();
|
3962
|
+
this.noNotificationFoundClick = new EventEmitter8();
|
3963
|
+
this.itemClick = new EventEmitter8();
|
3964
|
+
this.itemMarkAsReadClick = new EventEmitter8();
|
4169
3965
|
this.isOverlayActive = false;
|
4170
3966
|
this.currentDayNotifications = [];
|
4171
3967
|
this.oldestNotifications = [];
|
@@ -4199,49 +3995,49 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
4199
3995
|
return this._noNotificationFoundLink;
|
4200
3996
|
}
|
4201
3997
|
set noNotificationFoundLink(value) {
|
4202
|
-
this._noNotificationFoundLink =
|
3998
|
+
this._noNotificationFoundLink = coerceBooleanProperty6(value);
|
4203
3999
|
}
|
4204
4000
|
get isShowMarkAsRead() {
|
4205
4001
|
return this._isShowMarkAsRead;
|
4206
4002
|
}
|
4207
4003
|
set isShowMarkAsRead(value) {
|
4208
|
-
this._isShowMarkAsRead =
|
4004
|
+
this._isShowMarkAsRead = coerceBooleanProperty6(value);
|
4209
4005
|
}
|
4210
4006
|
get isShowViewAllAction() {
|
4211
4007
|
return this._isShowViewAllAction;
|
4212
4008
|
}
|
4213
4009
|
set isShowViewAllAction(value) {
|
4214
|
-
this._isShowViewAllAction =
|
4010
|
+
this._isShowViewAllAction = coerceBooleanProperty6(value);
|
4215
4011
|
}
|
4216
4012
|
get isHidePanelOnViewAllAction() {
|
4217
4013
|
return this._isHidePanelOnViewAllAction;
|
4218
4014
|
}
|
4219
4015
|
set isHidePanelOnViewAllAction(value) {
|
4220
|
-
this._isHidePanelOnViewAllAction =
|
4016
|
+
this._isHidePanelOnViewAllAction = coerceBooleanProperty6(value);
|
4221
4017
|
}
|
4222
4018
|
get customUnreadCount() {
|
4223
4019
|
return this._customUnreadCount;
|
4224
4020
|
}
|
4225
4021
|
set customUnreadCount(value) {
|
4226
|
-
this._customUnreadCount =
|
4022
|
+
this._customUnreadCount = coerceBooleanProperty6(value);
|
4227
4023
|
}
|
4228
4024
|
get isShowMarkAllAsReadButton() {
|
4229
4025
|
return this._isShowMarkAllAsReadButton;
|
4230
4026
|
}
|
4231
4027
|
set isShowMarkAllAsReadButton(value) {
|
4232
|
-
this._isShowMarkAllAsReadButton =
|
4028
|
+
this._isShowMarkAllAsReadButton = coerceBooleanProperty6(value);
|
4233
4029
|
}
|
4234
4030
|
get isShowSettingsButton() {
|
4235
4031
|
return this._isShowSettingsButton;
|
4236
4032
|
}
|
4237
4033
|
set isShowSettingsButton(value) {
|
4238
|
-
this._isShowSettingsButton =
|
4034
|
+
this._isShowSettingsButton = coerceBooleanProperty6(value);
|
4239
4035
|
}
|
4240
4036
|
get isShowRefreshButton() {
|
4241
4037
|
return this._isShowRefreshButton;
|
4242
4038
|
}
|
4243
4039
|
set isShowRefreshButton(value) {
|
4244
|
-
this._isShowRefreshButton =
|
4040
|
+
this._isShowRefreshButton = coerceBooleanProperty6(value);
|
4245
4041
|
}
|
4246
4042
|
onHide() {
|
4247
4043
|
this.isOverlayActive = false;
|
@@ -4313,10 +4109,10 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
4313
4109
|
return unreadNotifications.length;
|
4314
4110
|
}
|
4315
4111
|
static {
|
4316
|
-
this.ɵfac =
|
4112
|
+
this.ɵfac = i057.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i057, type: _EuiNotificationsComponent, deps: [], target: i057.ɵɵFactoryTarget.Component });
|
4317
4113
|
}
|
4318
4114
|
static {
|
4319
|
-
this.ɵcmp =
|
4115
|
+
this.ɵcmp = i057.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i057, template: `<eui-icon-svg-button
|
4320
4116
|
class="eui-notifications__trigger"
|
4321
4117
|
icon="eui-notifications"
|
4322
4118
|
size="m"
|
@@ -4422,12 +4218,12 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
4422
4218
|
</ng-template>
|
4423
4219
|
</eui-overlay-footer>
|
4424
4220
|
</eui-overlay>
|
4425
|
-
`, styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.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-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type:
|
4221
|
+
`, styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.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-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i131.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i131.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i219.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i219.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i219.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i219.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i314.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i411.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i58.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i58.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i73.TranslatePipe, name: "translate" }], changeDetection: i057.ChangeDetectionStrategy.Default, encapsulation: i057.ViewEncapsulation.None });
|
4426
4222
|
}
|
4427
4223
|
};
|
4428
|
-
|
4429
|
-
type:
|
4430
|
-
args: [{ selector: "eui-notifications", changeDetection:
|
4224
|
+
i057.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i057, type: EuiNotificationsComponent, decorators: [{
|
4225
|
+
type: Component42,
|
4226
|
+
args: [{ selector: "eui-notifications", changeDetection: ChangeDetectionStrategy49.Default, encapsulation: ViewEncapsulation75.None, template: `<eui-icon-svg-button
|
4431
4227
|
class="eui-notifications__trigger"
|
4432
4228
|
icon="eui-notifications"
|
4433
4229
|
size="m"
|
@@ -4535,117 +4331,117 @@ i060.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
4535
4331
|
</eui-overlay>
|
4536
4332
|
`, styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.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-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
|
4537
4333
|
}], propDecorators: { refreshClick: [{
|
4538
|
-
type:
|
4334
|
+
type: Output8
|
4539
4335
|
}], notificationsClick: [{
|
4540
|
-
type:
|
4336
|
+
type: Output8
|
4541
4337
|
}], viewAllClick: [{
|
4542
|
-
type:
|
4338
|
+
type: Output8
|
4543
4339
|
}], settingsClick: [{
|
4544
|
-
type:
|
4340
|
+
type: Output8
|
4545
4341
|
}], markAllAsReadClick: [{
|
4546
|
-
type:
|
4342
|
+
type: Output8
|
4547
4343
|
}], noNotificationFoundClick: [{
|
4548
|
-
type:
|
4344
|
+
type: Output8
|
4549
4345
|
}], itemClick: [{
|
4550
|
-
type:
|
4346
|
+
type: Output8
|
4551
4347
|
}], itemMarkAsReadClick: [{
|
4552
|
-
type:
|
4348
|
+
type: Output8
|
4553
4349
|
}], string: [{
|
4554
|
-
type:
|
4350
|
+
type: HostBinding41,
|
4555
4351
|
args: ["class"]
|
4556
4352
|
}], count: [{
|
4557
|
-
type:
|
4353
|
+
type: Input23
|
4558
4354
|
}], items: [{
|
4559
|
-
type:
|
4355
|
+
type: Input23
|
4560
4356
|
}], unreadLabel: [{
|
4561
|
-
type:
|
4357
|
+
type: Input23
|
4562
4358
|
}], totalLabel: [{
|
4563
|
-
type:
|
4359
|
+
type: Input23
|
4564
4360
|
}], markAsReadLabel: [{
|
4565
|
-
type:
|
4361
|
+
type: Input23
|
4566
4362
|
}], markAsUnReadLabel: [{
|
4567
|
-
type:
|
4363
|
+
type: Input23
|
4568
4364
|
}], markAllAsReadLabel: [{
|
4569
|
-
type:
|
4365
|
+
type: Input23
|
4570
4366
|
}], settingsLabel: [{
|
4571
|
-
type:
|
4367
|
+
type: Input23
|
4572
4368
|
}], refreshLabel: [{
|
4573
|
-
type:
|
4369
|
+
type: Input23
|
4574
4370
|
}], viewAllNotificationsLabel: [{
|
4575
|
-
type:
|
4371
|
+
type: Input23
|
4576
4372
|
}], headerTitleLabel: [{
|
4577
|
-
type:
|
4373
|
+
type: Input23
|
4578
4374
|
}], noNotificationFoundLabel: [{
|
4579
|
-
type:
|
4375
|
+
type: Input23
|
4580
4376
|
}], nbUnreadCount: [{
|
4581
|
-
type:
|
4377
|
+
type: Input23
|
4582
4378
|
}], dateFormat: [{
|
4583
|
-
type:
|
4379
|
+
type: Input23
|
4584
4380
|
}], noNotificationFoundLink: [{
|
4585
|
-
type:
|
4381
|
+
type: Input23
|
4586
4382
|
}], isShowMarkAsRead: [{
|
4587
|
-
type:
|
4383
|
+
type: Input23
|
4588
4384
|
}], isShowViewAllAction: [{
|
4589
|
-
type:
|
4385
|
+
type: Input23
|
4590
4386
|
}], isHidePanelOnViewAllAction: [{
|
4591
|
-
type:
|
4387
|
+
type: Input23
|
4592
4388
|
}], customUnreadCount: [{
|
4593
|
-
type:
|
4389
|
+
type: Input23
|
4594
4390
|
}], isShowMarkAllAsReadButton: [{
|
4595
|
-
type:
|
4391
|
+
type: Input23
|
4596
4392
|
}], isShowSettingsButton: [{
|
4597
|
-
type:
|
4393
|
+
type: Input23
|
4598
4394
|
}], isShowRefreshButton: [{
|
4599
|
-
type:
|
4395
|
+
type: Input23
|
4600
4396
|
}], onHide: [{
|
4601
4397
|
type: HostListener5,
|
4602
4398
|
args: ["body:click"]
|
4603
4399
|
}] } });
|
4604
4400
|
|
4605
4401
|
// eui-notifications/eui-notifications.module.mjs
|
4606
|
-
import { CommonModule as
|
4607
|
-
import { NgModule as
|
4402
|
+
import { CommonModule as CommonModule15 } from "@angular/common";
|
4403
|
+
import { NgModule as NgModule15 } from "@angular/core";
|
4608
4404
|
import { TranslateModule as TranslateModule2 } from "@ngx-translate/core";
|
4609
|
-
import { EuiButtonModule as
|
4405
|
+
import { EuiButtonModule as EuiButtonModule6 } from "@eui/components/eui-button";
|
4610
4406
|
import { EuiOverlayModule } from "@eui/components/eui-overlay";
|
4611
4407
|
import { EuiBadgeModule as EuiBadgeModule2 } from "@eui/components/eui-badge";
|
4612
|
-
import { EuiIconModule as
|
4408
|
+
import { EuiIconModule as EuiIconModule8 } from "@eui/components/eui-icon";
|
4613
4409
|
import { EuiTruncatePipeModule } from "@eui/components/pipes";
|
4614
|
-
import * as
|
4410
|
+
import * as i058 from "@angular/core";
|
4615
4411
|
var EuiNotificationsModule = class _EuiNotificationsModule {
|
4616
4412
|
static {
|
4617
|
-
this.ɵfac =
|
4413
|
+
this.ɵfac = i058.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i058, type: _EuiNotificationsModule, deps: [], target: i058.ɵɵFactoryTarget.NgModule });
|
4618
4414
|
}
|
4619
4415
|
static {
|
4620
|
-
this.ɵmod =
|
4416
|
+
this.ɵmod = i058.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i058, type: _EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule15, TranslateModule2, EuiOverlayModule, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] });
|
4621
4417
|
}
|
4622
4418
|
static {
|
4623
|
-
this.ɵinj =
|
4419
|
+
this.ɵinj = i058.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i058, type: _EuiNotificationsModule, imports: [CommonModule15, TranslateModule2, EuiOverlayModule, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule] });
|
4624
4420
|
}
|
4625
4421
|
};
|
4626
|
-
|
4627
|
-
type:
|
4422
|
+
i058.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i058, type: EuiNotificationsModule, decorators: [{
|
4423
|
+
type: NgModule15,
|
4628
4424
|
args: [{
|
4629
|
-
imports: [
|
4425
|
+
imports: [CommonModule15, TranslateModule2, EuiOverlayModule, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule],
|
4630
4426
|
declarations: [EuiNotificationsComponent, EuiNotificationItemComponent],
|
4631
4427
|
exports: [EuiNotificationsComponent, EuiNotificationItemComponent]
|
4632
4428
|
}]
|
4633
4429
|
}] });
|
4634
4430
|
|
4635
4431
|
// eui-notifications-v2/eui-notification-item.component.mjs
|
4636
|
-
import { coerceBooleanProperty as
|
4637
|
-
import { Component as
|
4432
|
+
import { coerceBooleanProperty as coerceBooleanProperty7 } from "@angular/cdk/coercion";
|
4433
|
+
import { Component as Component43, EventEmitter as EventEmitter9, HostBinding as HostBinding42, Input as Input24, Output as Output9 } from "@angular/core";
|
4638
4434
|
import { consumeEvent as consumeEvent5 } from "@eui/core";
|
4639
|
-
import * as
|
4640
|
-
import * as
|
4641
|
-
import * as
|
4642
|
-
import * as
|
4435
|
+
import * as i059 from "@angular/core";
|
4436
|
+
import * as i132 from "@angular/common";
|
4437
|
+
import * as i220 from "@eui/components/eui-icon";
|
4438
|
+
import * as i315 from "@ngx-translate/core";
|
4643
4439
|
import * as i412 from "@eui/components/pipes";
|
4644
4440
|
var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
|
4645
4441
|
constructor() {
|
4646
4442
|
this.string = "eui-notification-item";
|
4647
|
-
this.itemClick = new
|
4648
|
-
this.itemMarkAsRead = new
|
4443
|
+
this.itemClick = new EventEmitter9();
|
4444
|
+
this.itemMarkAsRead = new EventEmitter9();
|
4649
4445
|
this.markAsReadLabel = null;
|
4650
4446
|
this.dateFormat = "dd/MM/YYYY";
|
4651
4447
|
this.tooltipSize = "auto";
|
@@ -4655,7 +4451,7 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
|
|
4655
4451
|
return this._isShowMarkAsRead;
|
4656
4452
|
}
|
4657
4453
|
set isShowMarkAsRead(value) {
|
4658
|
-
this._isShowMarkAsRead =
|
4454
|
+
this._isShowMarkAsRead = coerceBooleanProperty7(value);
|
4659
4455
|
}
|
4660
4456
|
get iconColor() {
|
4661
4457
|
return this.item.metadata?.read ? "grey-20" : "grey-50";
|
@@ -4671,10 +4467,10 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
|
|
4671
4467
|
consumeEvent5(event2);
|
4672
4468
|
}
|
4673
4469
|
static {
|
4674
|
-
this.ɵfac =
|
4470
|
+
this.ɵfac = i059.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i059, type: _EuiNotificationItemV2Component, deps: [], target: i059.ɵɵFactoryTarget.Component });
|
4675
4471
|
}
|
4676
4472
|
static {
|
4677
|
-
this.ɵcmp =
|
4473
|
+
this.ɵcmp = i059.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i059, template: `<div
|
4678
4474
|
class="eui-notification-item-content"
|
4679
4475
|
(click)="onItemClick()"
|
4680
4476
|
[ngClass]="{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }">
|
@@ -4745,11 +4541,11 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
|
|
4745
4541
|
</a>
|
4746
4542
|
</div>
|
4747
4543
|
</div>
|
4748
|
-
`, dependencies: [{ kind: "directive", type:
|
4544
|
+
`, dependencies: [{ kind: "directive", type: i132.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i132.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i220.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i132.DatePipe, name: "date" }, { kind: "pipe", type: i315.TranslatePipe, name: "translate" }, { kind: "pipe", type: i412.EuiTruncatePipe, name: "euiTruncate" }] });
|
4749
4545
|
}
|
4750
4546
|
};
|
4751
|
-
|
4752
|
-
type:
|
4547
|
+
i059.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i059, type: EuiNotificationItemV2Component, decorators: [{
|
4548
|
+
type: Component43,
|
4753
4549
|
args: [{ selector: "eui-notification-item-v2", template: `<div
|
4754
4550
|
class="eui-notification-item-content"
|
4755
4551
|
(click)="onItemClick()"
|
@@ -4823,41 +4619,41 @@ i062.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
4823
4619
|
</div>
|
4824
4620
|
` }]
|
4825
4621
|
}], propDecorators: { string: [{
|
4826
|
-
type:
|
4622
|
+
type: HostBinding42,
|
4827
4623
|
args: ["class"]
|
4828
4624
|
}], itemClick: [{
|
4829
|
-
type:
|
4625
|
+
type: Output9
|
4830
4626
|
}], itemMarkAsRead: [{
|
4831
|
-
type:
|
4627
|
+
type: Output9
|
4832
4628
|
}], markAsReadLabel: [{
|
4833
|
-
type:
|
4629
|
+
type: Input24
|
4834
4630
|
}], item: [{
|
4835
|
-
type:
|
4631
|
+
type: Input24
|
4836
4632
|
}], dateFormat: [{
|
4837
|
-
type:
|
4633
|
+
type: Input24
|
4838
4634
|
}], isShowMarkAsRead: [{
|
4839
|
-
type:
|
4635
|
+
type: Input24
|
4840
4636
|
}] } });
|
4841
4637
|
|
4842
4638
|
// eui-notifications-v2/eui-notifications.component.mjs
|
4843
|
-
import { ChangeDetectionStrategy as
|
4639
|
+
import { ChangeDetectionStrategy as ChangeDetectionStrategy51, Component as Component44, EventEmitter as EventEmitter10, HostBinding as HostBinding43, Input as Input25, Output as Output10, ViewEncapsulation as ViewEncapsulation77 } from "@angular/core";
|
4844
4640
|
import { consumeEvent as consumeEvent6 } from "@eui/core";
|
4845
|
-
import { coerceBooleanProperty as
|
4846
|
-
import * as
|
4847
|
-
import * as
|
4848
|
-
import * as
|
4849
|
-
import * as
|
4641
|
+
import { coerceBooleanProperty as coerceBooleanProperty8 } from "@angular/cdk/coercion";
|
4642
|
+
import * as i060 from "@angular/core";
|
4643
|
+
import * as i133 from "@angular/common";
|
4644
|
+
import * as i221 from "@eui/components/eui-overlay";
|
4645
|
+
import * as i316 from "@eui/components/eui-badge";
|
4850
4646
|
import * as i413 from "@eui/components/eui-icon";
|
4851
|
-
import * as
|
4647
|
+
import * as i64 from "@ngx-translate/core";
|
4852
4648
|
var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
4853
4649
|
constructor() {
|
4854
|
-
this.refreshClick = new
|
4855
|
-
this.notificationsClick = new
|
4856
|
-
this.viewAllClick = new
|
4857
|
-
this.markAllAsReadClick = new
|
4858
|
-
this.noNotificationFoundClick = new
|
4859
|
-
this.itemClick = new
|
4860
|
-
this.itemMarkAsReadClick = new
|
4650
|
+
this.refreshClick = new EventEmitter10();
|
4651
|
+
this.notificationsClick = new EventEmitter10();
|
4652
|
+
this.viewAllClick = new EventEmitter10();
|
4653
|
+
this.markAllAsReadClick = new EventEmitter10();
|
4654
|
+
this.noNotificationFoundClick = new EventEmitter10();
|
4655
|
+
this.itemClick = new EventEmitter10();
|
4656
|
+
this.itemMarkAsReadClick = new EventEmitter10();
|
4861
4657
|
this.isOverlayActive = false;
|
4862
4658
|
this.currentDayNotifications = [];
|
4863
4659
|
this.oldestNotifications = [];
|
@@ -4896,25 +4692,25 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
4896
4692
|
return this._noNotificationFoundLink;
|
4897
4693
|
}
|
4898
4694
|
set noNotificationFoundLink(value) {
|
4899
|
-
this._noNotificationFoundLink =
|
4695
|
+
this._noNotificationFoundLink = coerceBooleanProperty8(value);
|
4900
4696
|
}
|
4901
4697
|
get isShowMarkAsRead() {
|
4902
4698
|
return this._isShowMarkAsRead;
|
4903
4699
|
}
|
4904
4700
|
set isShowMarkAsRead(value) {
|
4905
|
-
this._isShowMarkAsRead =
|
4701
|
+
this._isShowMarkAsRead = coerceBooleanProperty8(value);
|
4906
4702
|
}
|
4907
4703
|
get isShowViewAllAction() {
|
4908
4704
|
return this._isShowViewAllAction;
|
4909
4705
|
}
|
4910
4706
|
set isShowViewAllAction(value) {
|
4911
|
-
this._isShowViewAllAction =
|
4707
|
+
this._isShowViewAllAction = coerceBooleanProperty8(value);
|
4912
4708
|
}
|
4913
4709
|
get isHidePanelOnViewAllAction() {
|
4914
4710
|
return this._isHidePanelOnViewAllAction;
|
4915
4711
|
}
|
4916
4712
|
set isHidePanelOnViewAllAction(value) {
|
4917
|
-
this._isHidePanelOnViewAllAction =
|
4713
|
+
this._isHidePanelOnViewAllAction = coerceBooleanProperty8(value);
|
4918
4714
|
}
|
4919
4715
|
/**
|
4920
4716
|
* @deprecated customUnreadCount is DEPRECATED, it is not used in the view. To be removed in eUI 18.
|
@@ -4923,25 +4719,25 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
4923
4719
|
return this._customUnreadCount;
|
4924
4720
|
}
|
4925
4721
|
set customUnreadCount(value) {
|
4926
|
-
this._customUnreadCount =
|
4722
|
+
this._customUnreadCount = coerceBooleanProperty8(value);
|
4927
4723
|
}
|
4928
4724
|
get isShowMarkAllAsReadButton() {
|
4929
4725
|
return this._isShowMarkAllAsReadButton;
|
4930
4726
|
}
|
4931
4727
|
set isShowMarkAllAsReadButton(value) {
|
4932
|
-
this._isShowMarkAllAsReadButton =
|
4728
|
+
this._isShowMarkAllAsReadButton = coerceBooleanProperty8(value);
|
4933
4729
|
}
|
4934
4730
|
get isShowSettingsButton() {
|
4935
4731
|
return this._isShowSettingsButton;
|
4936
4732
|
}
|
4937
4733
|
set isShowSettingsButton(value) {
|
4938
|
-
this._isShowSettingsButton =
|
4734
|
+
this._isShowSettingsButton = coerceBooleanProperty8(value);
|
4939
4735
|
}
|
4940
4736
|
get isShowRefreshButton() {
|
4941
4737
|
return this._isShowRefreshButton;
|
4942
4738
|
}
|
4943
4739
|
set isShowRefreshButton(value) {
|
4944
|
-
this._isShowRefreshButton =
|
4740
|
+
this._isShowRefreshButton = coerceBooleanProperty8(value);
|
4945
4741
|
}
|
4946
4742
|
get isShowUnreadSinceLastCheckCount() {
|
4947
4743
|
return this.unreadSinceLastCheckCount && this.unreadSinceLastCheckCount > 0;
|
@@ -5012,10 +4808,10 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
5012
4808
|
return unreadNotifications.length;
|
5013
4809
|
}
|
5014
4810
|
static {
|
5015
|
-
this.ɵfac =
|
4811
|
+
this.ɵfac = i060.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i060, type: _EuiNotificationsV2Component, deps: [], target: i060.ɵɵFactoryTarget.Component });
|
5016
4812
|
}
|
5017
4813
|
static {
|
5018
|
-
this.ɵcmp =
|
4814
|
+
this.ɵcmp = i060.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i060, template: `<eui-icon-svg-button
|
5019
4815
|
class="eui-notifications-v2__trigger"
|
5020
4816
|
icon="eui-notifications"
|
5021
4817
|
size="m"
|
@@ -5107,12 +4903,12 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
5107
4903
|
</ng-template>
|
5108
4904
|
</eui-overlay-footer>
|
5109
4905
|
</eui-overlay>
|
5110
|
-
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-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-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.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-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type:
|
4906
|
+
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-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-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.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-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i133.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i133.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i221.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i221.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i221.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i221.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i316.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i413.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i413.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i64.TranslatePipe, name: "translate" }], changeDetection: i060.ChangeDetectionStrategy.Default, encapsulation: i060.ViewEncapsulation.None });
|
5111
4907
|
}
|
5112
4908
|
};
|
5113
|
-
|
5114
|
-
type:
|
5115
|
-
args: [{ selector: "eui-notifications-v2", changeDetection:
|
4909
|
+
i060.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i060, type: EuiNotificationsV2Component, decorators: [{
|
4910
|
+
type: Component44,
|
4911
|
+
args: [{ selector: "eui-notifications-v2", changeDetection: ChangeDetectionStrategy51.Default, encapsulation: ViewEncapsulation77.None, template: `<eui-icon-svg-button
|
5116
4912
|
class="eui-notifications-v2__trigger"
|
5117
4913
|
icon="eui-notifications"
|
5118
4914
|
size="m"
|
@@ -5206,113 +5002,113 @@ i063.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
5206
5002
|
</eui-overlay>
|
5207
5003
|
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-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-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.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-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!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{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-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
|
5208
5004
|
}], propDecorators: { refreshClick: [{
|
5209
|
-
type:
|
5005
|
+
type: Output10
|
5210
5006
|
}], notificationsClick: [{
|
5211
|
-
type:
|
5007
|
+
type: Output10
|
5212
5008
|
}], viewAllClick: [{
|
5213
|
-
type:
|
5009
|
+
type: Output10
|
5214
5010
|
}], markAllAsReadClick: [{
|
5215
|
-
type:
|
5011
|
+
type: Output10
|
5216
5012
|
}], noNotificationFoundClick: [{
|
5217
|
-
type:
|
5013
|
+
type: Output10
|
5218
5014
|
}], itemClick: [{
|
5219
|
-
type:
|
5015
|
+
type: Output10
|
5220
5016
|
}], itemMarkAsReadClick: [{
|
5221
|
-
type:
|
5017
|
+
type: Output10
|
5222
5018
|
}], string: [{
|
5223
|
-
type:
|
5019
|
+
type: HostBinding43,
|
5224
5020
|
args: ["class"]
|
5225
5021
|
}], count: [{
|
5226
|
-
type:
|
5022
|
+
type: Input25
|
5227
5023
|
}], unreadCount: [{
|
5228
|
-
type:
|
5024
|
+
type: Input25
|
5229
5025
|
}], unreadSinceLastCheckCount: [{
|
5230
|
-
type:
|
5026
|
+
type: Input25
|
5231
5027
|
}], items: [{
|
5232
|
-
type:
|
5028
|
+
type: Input25
|
5233
5029
|
}], unreadLabel: [{
|
5234
|
-
type:
|
5030
|
+
type: Input25
|
5235
5031
|
}], totalLabel: [{
|
5236
|
-
type:
|
5032
|
+
type: Input25
|
5237
5033
|
}], markAsReadLabel: [{
|
5238
|
-
type:
|
5034
|
+
type: Input25
|
5239
5035
|
}], markAsUnReadLabel: [{
|
5240
|
-
type:
|
5036
|
+
type: Input25
|
5241
5037
|
}], markAllAsReadLabel: [{
|
5242
|
-
type:
|
5038
|
+
type: Input25
|
5243
5039
|
}], settingsLabel: [{
|
5244
|
-
type:
|
5040
|
+
type: Input25
|
5245
5041
|
}], refreshLabel: [{
|
5246
|
-
type:
|
5042
|
+
type: Input25
|
5247
5043
|
}], viewAllNotificationsLabel: [{
|
5248
|
-
type:
|
5044
|
+
type: Input25
|
5249
5045
|
}], headerTitleLabel: [{
|
5250
|
-
type:
|
5046
|
+
type: Input25
|
5251
5047
|
}], headerHideLabel: [{
|
5252
|
-
type:
|
5048
|
+
type: Input25
|
5253
5049
|
}], headerUnreadSinceLastCheckCountLabel: [{
|
5254
|
-
type:
|
5050
|
+
type: Input25
|
5255
5051
|
}], headerUnreadCountLabel: [{
|
5256
|
-
type:
|
5052
|
+
type: Input25
|
5257
5053
|
}], noNotificationFoundLabel: [{
|
5258
|
-
type:
|
5054
|
+
type: Input25
|
5259
5055
|
}], nbUnreadCount: [{
|
5260
|
-
type:
|
5056
|
+
type: Input25
|
5261
5057
|
}], dateFormat: [{
|
5262
|
-
type:
|
5058
|
+
type: Input25
|
5263
5059
|
}], noNotificationFoundLink: [{
|
5264
|
-
type:
|
5060
|
+
type: Input25
|
5265
5061
|
}], isShowMarkAsRead: [{
|
5266
|
-
type:
|
5062
|
+
type: Input25
|
5267
5063
|
}], isShowViewAllAction: [{
|
5268
|
-
type:
|
5064
|
+
type: Input25
|
5269
5065
|
}], isHidePanelOnViewAllAction: [{
|
5270
|
-
type:
|
5066
|
+
type: Input25
|
5271
5067
|
}], customUnreadCount: [{
|
5272
|
-
type:
|
5068
|
+
type: Input25
|
5273
5069
|
}], isShowMarkAllAsReadButton: [{
|
5274
|
-
type:
|
5070
|
+
type: Input25
|
5275
5071
|
}], isShowSettingsButton: [{
|
5276
|
-
type:
|
5072
|
+
type: Input25
|
5277
5073
|
}], isShowRefreshButton: [{
|
5278
|
-
type:
|
5074
|
+
type: Input25
|
5279
5075
|
}] } });
|
5280
5076
|
|
5281
5077
|
// eui-notifications-v2/eui-notifications.module.mjs
|
5282
|
-
import { CommonModule as
|
5283
|
-
import { NgModule as
|
5078
|
+
import { CommonModule as CommonModule16 } from "@angular/common";
|
5079
|
+
import { NgModule as NgModule16 } from "@angular/core";
|
5284
5080
|
import { TranslateModule as TranslateModule3 } from "@ngx-translate/core";
|
5285
|
-
import { EuiButtonModule as
|
5081
|
+
import { EuiButtonModule as EuiButtonModule7 } from "@eui/components/eui-button";
|
5286
5082
|
import { EuiOverlayModule as EuiOverlayModule2 } from "@eui/components/eui-overlay";
|
5287
5083
|
import { EuiBadgeModule as EuiBadgeModule3 } from "@eui/components/eui-badge";
|
5288
|
-
import { EuiIconModule as
|
5084
|
+
import { EuiIconModule as EuiIconModule9 } from "@eui/components/eui-icon";
|
5289
5085
|
import { EuiTruncatePipeModule as EuiTruncatePipeModule2 } from "@eui/components/pipes";
|
5290
|
-
import * as
|
5086
|
+
import * as i061 from "@angular/core";
|
5291
5087
|
var EuiNotificationsV2Module = class _EuiNotificationsV2Module {
|
5292
5088
|
static {
|
5293
|
-
this.ɵfac =
|
5089
|
+
this.ɵfac = i061.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i061, type: _EuiNotificationsV2Module, deps: [], target: i061.ɵɵFactoryTarget.NgModule });
|
5294
5090
|
}
|
5295
5091
|
static {
|
5296
|
-
this.ɵmod =
|
5092
|
+
this.ɵmod = i061.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i061, type: _EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule16, TranslateModule3, EuiOverlayModule2, EuiButtonModule7, EuiBadgeModule3, EuiIconModule9, EuiTruncatePipeModule2], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] });
|
5297
5093
|
}
|
5298
5094
|
static {
|
5299
|
-
this.ɵinj =
|
5095
|
+
this.ɵinj = i061.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i061, type: _EuiNotificationsV2Module, imports: [CommonModule16, TranslateModule3, EuiOverlayModule2, EuiButtonModule7, EuiBadgeModule3, EuiIconModule9, EuiTruncatePipeModule2] });
|
5300
5096
|
}
|
5301
5097
|
};
|
5302
|
-
|
5303
|
-
type:
|
5098
|
+
i061.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i061, type: EuiNotificationsV2Module, decorators: [{
|
5099
|
+
type: NgModule16,
|
5304
5100
|
args: [{
|
5305
|
-
imports: [
|
5101
|
+
imports: [CommonModule16, TranslateModule3, EuiOverlayModule2, EuiButtonModule7, EuiBadgeModule3, EuiIconModule9, EuiTruncatePipeModule2],
|
5306
5102
|
declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component],
|
5307
5103
|
exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component]
|
5308
5104
|
}]
|
5309
5105
|
}] });
|
5310
5106
|
|
5311
5107
|
// eui-layout.module.mjs
|
5312
|
-
import { NgModule as
|
5313
|
-
import { CommonModule as
|
5108
|
+
import { NgModule as NgModule17 } from "@angular/core";
|
5109
|
+
import { CommonModule as CommonModule17 } from "@angular/common";
|
5314
5110
|
import { RouterModule as RouterModule7 } from "@angular/router";
|
5315
|
-
import * as
|
5111
|
+
import * as i062 from "@angular/core";
|
5316
5112
|
var MODULES2 = [
|
5317
5113
|
EuiAppModule,
|
5318
5114
|
EuiNotificationsModule,
|
@@ -5321,18 +5117,17 @@ var MODULES2 = [
|
|
5321
5117
|
EuiHeaderModule,
|
5322
5118
|
EuiFooterModule,
|
5323
5119
|
EuiBreadcrumbModule,
|
5324
|
-
EuiLanguageSelectorModule,
|
5325
5120
|
EuiSearchModule,
|
5326
5121
|
EuiUserProfileModule,
|
5327
5122
|
EuiSidebarToggleModule
|
5328
5123
|
];
|
5329
5124
|
var EuiLayoutModule = class _EuiLayoutModule {
|
5330
5125
|
static {
|
5331
|
-
this.ɵfac =
|
5126
|
+
this.ɵfac = i062.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i062, type: _EuiLayoutModule, deps: [], target: i062.ɵɵFactoryTarget.NgModule });
|
5332
5127
|
}
|
5333
5128
|
static {
|
5334
|
-
this.ɵmod =
|
5335
|
-
|
5129
|
+
this.ɵmod = i062.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i062, type: _EuiLayoutModule, imports: [
|
5130
|
+
CommonModule17,
|
5336
5131
|
RouterModule7,
|
5337
5132
|
EuiAppModule,
|
5338
5133
|
EuiNotificationsModule,
|
@@ -5341,7 +5136,6 @@ var EuiLayoutModule = class _EuiLayoutModule {
|
|
5341
5136
|
EuiHeaderModule,
|
5342
5137
|
EuiFooterModule,
|
5343
5138
|
EuiBreadcrumbModule,
|
5344
|
-
EuiLanguageSelectorModule,
|
5345
5139
|
EuiSearchModule,
|
5346
5140
|
EuiUserProfileModule,
|
5347
5141
|
EuiSidebarToggleModule
|
@@ -5353,15 +5147,14 @@ var EuiLayoutModule = class _EuiLayoutModule {
|
|
5353
5147
|
EuiHeaderModule,
|
5354
5148
|
EuiFooterModule,
|
5355
5149
|
EuiBreadcrumbModule,
|
5356
|
-
EuiLanguageSelectorModule,
|
5357
5150
|
EuiSearchModule,
|
5358
5151
|
EuiUserProfileModule,
|
5359
5152
|
EuiSidebarToggleModule
|
5360
5153
|
] });
|
5361
5154
|
}
|
5362
5155
|
static {
|
5363
|
-
this.ɵinj =
|
5364
|
-
|
5156
|
+
this.ɵinj = i062.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i062, type: _EuiLayoutModule, imports: [
|
5157
|
+
CommonModule17,
|
5365
5158
|
RouterModule7,
|
5366
5159
|
MODULES2,
|
5367
5160
|
EuiAppModule,
|
@@ -5371,17 +5164,16 @@ var EuiLayoutModule = class _EuiLayoutModule {
|
|
5371
5164
|
EuiHeaderModule,
|
5372
5165
|
EuiFooterModule,
|
5373
5166
|
EuiBreadcrumbModule,
|
5374
|
-
EuiLanguageSelectorModule,
|
5375
5167
|
EuiSearchModule,
|
5376
5168
|
EuiUserProfileModule,
|
5377
5169
|
EuiSidebarToggleModule
|
5378
5170
|
] });
|
5379
5171
|
}
|
5380
5172
|
};
|
5381
|
-
|
5382
|
-
type:
|
5173
|
+
i062.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i062, type: EuiLayoutModule, decorators: [{
|
5174
|
+
type: NgModule17,
|
5383
5175
|
args: [{
|
5384
|
-
imports: [
|
5176
|
+
imports: [CommonModule17, RouterModule7, ...MODULES2],
|
5385
5177
|
declarations: [],
|
5386
5178
|
exports: [...MODULES2]
|
5387
5179
|
}]
|
@@ -5430,8 +5222,6 @@ export {
|
|
5430
5222
|
EuiHeaderModule,
|
5431
5223
|
EuiHeaderRightContentComponent,
|
5432
5224
|
EuiHeaderUserProfileComponent,
|
5433
|
-
EuiLanguageSelectorComponent,
|
5434
|
-
EuiLanguageSelectorModule,
|
5435
5225
|
EuiLayoutModule,
|
5436
5226
|
EuiNotificationItemComponent,
|
5437
5227
|
EuiNotificationItemV2Component,
|