@eui/components 18.0.0-next.7 → 18.0.0-next.9
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/classes/EuiEuLanguages.html +696 -0
- package/docs/classes/EuiMenuItem.html +1147 -0
- package/docs/components/EuiAppSidebarMenuComponent.html +2 -2
- package/docs/components/EuiLanguageSelectorComponent.html +4 -4
- package/docs/components/EuiMenuComponent.html +6 -6
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/components/EuiModalSelectorComponent.html +4 -4
- package/docs/components/EuiSidebarMenuComponent.html +3 -3
- package/docs/components/EuiToolbarMenuComponent.html +4 -4
- package/docs/components/EuiUserProfileCardComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/index.html +2 -2
- package/docs/interfaces/EuiLanguage.html +317 -0
- package/docs/js/menu-wc.js +9 -0
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/typealiases.html +21 -0
- package/esm2022/eui-menu/models/eui-menu-item.model.mjs +12 -2
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +1 -1
- package/esm2022/layout/eui-language-selector/index.mjs +3 -1
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +2 -2
- package/esm2022/layout/eui-language-selector/models/eui-eu-languages.model.mjs +152 -0
- package/esm2022/layout/eui-language-selector/models/eui-language.model.mjs +2 -0
- package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +5 -9
- package/eui-menu/models/eui-menu-item.model.d.ts +41 -1
- package/eui-menu/models/eui-menu-item.model.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +11 -1
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-layout.mjs +192 -42
- package/fesm2022/eui-components-layout.mjs.map +4 -4
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-language-selector/index.d.ts +2 -0
- package/layout/eui-language-selector/index.d.ts.map +1 -1
- package/layout/eui-language-selector/language-selector.component.d.ts +2 -1
- package/layout/eui-language-selector/language-selector.component.d.ts.map +1 -1
- package/layout/eui-language-selector/modal-selector/modal-selector.component.d.ts +1 -1
- package/layout/eui-language-selector/modal-selector/modal-selector.component.d.ts.map +1 -1
- package/layout/eui-language-selector/models/eui-eu-languages.model.d.ts +45 -0
- package/layout/eui-language-selector/models/eui-eu-languages.model.d.ts.map +1 -0
- package/layout/eui-language-selector/models/eui-language.model.d.ts +7 -0
- package/layout/eui-language-selector/models/eui-language.model.d.ts.map +1 -0
- package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts +2 -2
- package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -228,9 +228,163 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
228
228
|
type: HostBinding5
|
|
229
229
|
}] } });
|
|
230
230
|
|
|
231
|
+
// eui-language-selector/models/eui-eu-languages.model.mjs
|
|
232
|
+
var EuiEuLanguages = class {
|
|
233
|
+
static {
|
|
234
|
+
this.languages = {
|
|
235
|
+
bg: {
|
|
236
|
+
code: "bg",
|
|
237
|
+
label: "български"
|
|
238
|
+
},
|
|
239
|
+
cs: {
|
|
240
|
+
code: "cs",
|
|
241
|
+
label: "čeština"
|
|
242
|
+
},
|
|
243
|
+
da: {
|
|
244
|
+
code: "da",
|
|
245
|
+
label: "dansk"
|
|
246
|
+
},
|
|
247
|
+
de: {
|
|
248
|
+
code: "de",
|
|
249
|
+
label: "Deutsch"
|
|
250
|
+
},
|
|
251
|
+
et: {
|
|
252
|
+
code: "et",
|
|
253
|
+
label: "eesti keel"
|
|
254
|
+
},
|
|
255
|
+
el: {
|
|
256
|
+
code: "el",
|
|
257
|
+
label: "ελληνικά"
|
|
258
|
+
},
|
|
259
|
+
en: {
|
|
260
|
+
code: "en",
|
|
261
|
+
label: "English"
|
|
262
|
+
},
|
|
263
|
+
es: {
|
|
264
|
+
code: "es",
|
|
265
|
+
label: "español"
|
|
266
|
+
},
|
|
267
|
+
fr: {
|
|
268
|
+
code: "fr",
|
|
269
|
+
label: "français"
|
|
270
|
+
},
|
|
271
|
+
ga: {
|
|
272
|
+
code: "ga",
|
|
273
|
+
label: "Gaeilge"
|
|
274
|
+
},
|
|
275
|
+
hr: {
|
|
276
|
+
code: "hr",
|
|
277
|
+
label: "hrvatski"
|
|
278
|
+
},
|
|
279
|
+
it: {
|
|
280
|
+
code: "it",
|
|
281
|
+
label: "italiano"
|
|
282
|
+
},
|
|
283
|
+
lv: {
|
|
284
|
+
code: "lv",
|
|
285
|
+
label: "latviešu valoda"
|
|
286
|
+
},
|
|
287
|
+
lt: {
|
|
288
|
+
code: "lt",
|
|
289
|
+
label: "lietuvių kalba"
|
|
290
|
+
},
|
|
291
|
+
hu: {
|
|
292
|
+
code: "hu",
|
|
293
|
+
label: "magyar"
|
|
294
|
+
},
|
|
295
|
+
mt: {
|
|
296
|
+
code: "mt",
|
|
297
|
+
label: "Malti"
|
|
298
|
+
},
|
|
299
|
+
nl: {
|
|
300
|
+
code: "nl",
|
|
301
|
+
label: "Nederlands"
|
|
302
|
+
},
|
|
303
|
+
pl: {
|
|
304
|
+
code: "pl",
|
|
305
|
+
label: "polski"
|
|
306
|
+
},
|
|
307
|
+
pt: {
|
|
308
|
+
code: "pt",
|
|
309
|
+
label: "português"
|
|
310
|
+
},
|
|
311
|
+
ro: {
|
|
312
|
+
code: "ro",
|
|
313
|
+
label: "română"
|
|
314
|
+
},
|
|
315
|
+
sk: {
|
|
316
|
+
code: "sk",
|
|
317
|
+
label: "slovenčina"
|
|
318
|
+
},
|
|
319
|
+
sl: {
|
|
320
|
+
code: "sl",
|
|
321
|
+
label: "slovenščina"
|
|
322
|
+
},
|
|
323
|
+
fi: {
|
|
324
|
+
code: "fi",
|
|
325
|
+
label: "suomi"
|
|
326
|
+
},
|
|
327
|
+
sv: {
|
|
328
|
+
code: "sv",
|
|
329
|
+
label: "svenska"
|
|
330
|
+
}
|
|
331
|
+
};
|
|
332
|
+
}
|
|
333
|
+
/**
|
|
334
|
+
* Matches the given string array to the EU languages and returns a EuiLanguage array.
|
|
335
|
+
* In case that no codes provided it returns the EU Languages array.
|
|
336
|
+
*
|
|
337
|
+
* @param codes A string array of 2 char codes
|
|
338
|
+
*/
|
|
339
|
+
static getLanguages(codes = Object.keys(this.languages)) {
|
|
340
|
+
return this.filterInvalidLanguageCodes(codes).map((c) => typeof c === "string" ? this.languages[c] : c);
|
|
341
|
+
}
|
|
342
|
+
/**
|
|
343
|
+
* filters and removes language codes that are not part of the EULanguage
|
|
344
|
+
* e.g. 'ko' does not map to any EULanguage code on the array.
|
|
345
|
+
* { code: 'ko', label: 'whatever' } is valid though
|
|
346
|
+
*
|
|
347
|
+
* @param codes codes A string array of 2 char codescodes A string array of 2 char codes
|
|
348
|
+
*/
|
|
349
|
+
static filterInvalidLanguageCodes(codes) {
|
|
350
|
+
return codes.filter((c) => typeof c === "string" ? Object.keys(this.languages).indexOf(c) !== -1 : true);
|
|
351
|
+
}
|
|
352
|
+
/**
|
|
353
|
+
* return the given list ordered based on the EULanguage order
|
|
354
|
+
*
|
|
355
|
+
* @param codes codes A string array of 2 char codes
|
|
356
|
+
*/
|
|
357
|
+
static getOrderedLanguages(codes = Object.keys(this.languages)) {
|
|
358
|
+
return this.getLanguages(codes).sort((a, b) => Object.keys(this.languages).findIndex((c) => c === a.code) - Object.keys(this.languages).findIndex((c) => c === b.code));
|
|
359
|
+
}
|
|
360
|
+
/**
|
|
361
|
+
* retrieve language codes (string array) from a given array of string and EuiLanguage items
|
|
362
|
+
*
|
|
363
|
+
* @param array It can be an mixed array of string and EuiLanguage items
|
|
364
|
+
*/
|
|
365
|
+
static getLanguageCodes(array) {
|
|
366
|
+
return array.map((language) => typeof language === "string" ? language : language.code);
|
|
367
|
+
}
|
|
368
|
+
/**
|
|
369
|
+
* filter non EU languages from given array
|
|
370
|
+
*
|
|
371
|
+
* @param array An array of EuiLanguage items
|
|
372
|
+
*/
|
|
373
|
+
static filterNonEULanguages(array) {
|
|
374
|
+
return array ? array.filter((lang) => !Object.keys(this.languages).includes(lang.code)) : [];
|
|
375
|
+
}
|
|
376
|
+
/**
|
|
377
|
+
* filter EU Languages from given array
|
|
378
|
+
*
|
|
379
|
+
* @param array An array of EuiLanguage items
|
|
380
|
+
*/
|
|
381
|
+
static filterEULanguages(array) {
|
|
382
|
+
return array ? array.filter((lang) => Object.keys(this.languages).includes(lang.code)) : [];
|
|
383
|
+
}
|
|
384
|
+
};
|
|
385
|
+
|
|
231
386
|
// eui-language-selector/modal-selector/modal-selector.component.mjs
|
|
232
387
|
import { Component as Component6, ViewEncapsulation as ViewEncapsulation11, ChangeDetectionStrategy as ChangeDetectionStrategy5, Inject } from "@angular/core";
|
|
233
|
-
import { EuiEuLanguages } from "@eui/core";
|
|
234
388
|
import { DIALOG_COMPONENT_CONFIG } from "@eui/components/eui-dialog";
|
|
235
389
|
import * as i06 from "@angular/core";
|
|
236
390
|
import * as i15 from "@eui/components/eui-dialog";
|
|
@@ -297,7 +451,6 @@ import { distinctUntilKeyChanged, map, takeUntil } from "rxjs/operators";
|
|
|
297
451
|
import { Subject } from "rxjs";
|
|
298
452
|
import { coerceBooleanProperty } from "@angular/cdk/coercion";
|
|
299
453
|
import { BaseDirective } from "@eui/components/shared";
|
|
300
|
-
import { EuiEuLanguages as EuiEuLanguages2 } from "@eui/core";
|
|
301
454
|
import { EuiDialogConfig } from "@eui/components/eui-dialog";
|
|
302
455
|
import * as i07 from "@angular/core";
|
|
303
456
|
import * as i16 from "@eui/components/eui-dialog";
|
|
@@ -340,7 +493,7 @@ var EuiLanguageSelectorComponent = class _EuiLanguageSelectorComponent extends B
|
|
|
340
493
|
}
|
|
341
494
|
ngOnInit() {
|
|
342
495
|
this.appShellService.state$.pipe(takeUntil(this.destroy$), distinctUntilKeyChanged("languages"), map((state) => state.languages)).subscribe((languages) => {
|
|
343
|
-
this.languages = languages ?
|
|
496
|
+
this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();
|
|
344
497
|
this.cd.detectChanges();
|
|
345
498
|
});
|
|
346
499
|
this.appShellService.state$.pipe(takeUntil(this.destroy$), distinctUntilKeyChanged("activeLanguage"), map((state) => state.activeLanguage)).subscribe((activeLanguage) => {
|
|
@@ -1470,9 +1623,7 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1470
1623
|
}] } });
|
|
1471
1624
|
|
|
1472
1625
|
// eui-user-profile/user-profile-card/user-profile-card.component.mjs
|
|
1473
|
-
import {
|
|
1474
|
-
import { Component as Component19, HostBinding as HostBinding18, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation31, Input as Input9, EventEmitter as EventEmitter4, Output as Output4 } from "@angular/core";
|
|
1475
|
-
import { coerceBoolean } from "@eui/core";
|
|
1626
|
+
import { Component as Component19, HostBinding as HostBinding18, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation31, Input as Input9, EventEmitter as EventEmitter4, Output as Output4, booleanAttribute as booleanAttribute4 } from "@angular/core";
|
|
1476
1627
|
import { takeUntil as takeUntil4 } from "rxjs/operators";
|
|
1477
1628
|
import { Subject as Subject4 } from "rxjs";
|
|
1478
1629
|
import * as i021 from "@angular/core";
|
|
@@ -1519,12 +1670,9 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
|
1519
1670
|
this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: _EuiUserProfileCardComponent, deps: [{ token: i113.UserService }], target: i021.ɵɵFactoryTarget.Component });
|
|
1520
1671
|
}
|
|
1521
1672
|
static {
|
|
1522
|
-
this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "
|
|
1673
|
+
this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i021, 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: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i36.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i44.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i54.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i54.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i54.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i021.ChangeDetectionStrategy.Default, encapsulation: i021.ViewEncapsulation.None });
|
|
1523
1674
|
}
|
|
1524
1675
|
};
|
|
1525
|
-
__decorate([
|
|
1526
|
-
coerceBoolean
|
|
1527
|
-
], EuiUserProfileCardComponent.prototype, "isShowAvatarInitials", void 0);
|
|
1528
1676
|
i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: EuiUserProfileCardComponent, decorators: [{
|
|
1529
1677
|
type: Component19,
|
|
1530
1678
|
args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy11.Default, encapsulation: ViewEncapsulation31.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' }]
|
|
@@ -1538,7 +1686,8 @@ i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1538
1686
|
}], avatarUrl: [{
|
|
1539
1687
|
type: Input9
|
|
1540
1688
|
}], isShowAvatarInitials: [{
|
|
1541
|
-
type: Input9
|
|
1689
|
+
type: Input9,
|
|
1690
|
+
args: [{ transform: booleanAttribute4 }]
|
|
1542
1691
|
}], showProfileInfo: [{
|
|
1543
1692
|
type: Output4
|
|
1544
1693
|
}], closeProfileMenu: [{
|
|
@@ -1601,7 +1750,7 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1601
1750
|
}] });
|
|
1602
1751
|
|
|
1603
1752
|
// eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs
|
|
1604
|
-
import { booleanAttribute as
|
|
1753
|
+
import { booleanAttribute as booleanAttribute5, Component as Component20, HostBinding as HostBinding19, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation33, Input as Input10, EventEmitter as EventEmitter5, Output as Output5, ContentChildren as ContentChildren3, forwardRef as forwardRef7, HostListener as HostListener4 } from "@angular/core";
|
|
1605
1754
|
import { consumeEvent } from "@eui/core";
|
|
1606
1755
|
import * as i023 from "@angular/core";
|
|
1607
1756
|
import * as i114 from "@angular/common";
|
|
@@ -1647,7 +1796,7 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
|
1647
1796
|
this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: _EuiAppSidebarHeaderUserProfileComponent, deps: [], target: i023.ɵɵFactoryTarget.Component });
|
|
1648
1797
|
}
|
|
1649
1798
|
static {
|
|
1650
|
-
this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos",
|
|
1799
|
+
this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i023.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i023, template: `<eui-user-profile
|
|
1651
1800
|
[hasWelcomeLabel]="hasWelcomeLabel"
|
|
1652
1801
|
[welcomeLabel]="welcomeLabel"
|
|
1653
1802
|
[impersonateLabel]="impersonateLabel"
|
|
@@ -1700,25 +1849,25 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1700
1849
|
type: Input10
|
|
1701
1850
|
}], isShowUserInfos: [{
|
|
1702
1851
|
type: Input10,
|
|
1703
|
-
args: [{ transform:
|
|
1852
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1704
1853
|
}], isShowAvatarInitials: [{
|
|
1705
1854
|
type: Input10,
|
|
1706
|
-
args: [{ transform:
|
|
1855
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1707
1856
|
}], isOnline: [{
|
|
1708
1857
|
type: Input10,
|
|
1709
|
-
args: [{ transform:
|
|
1858
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1710
1859
|
}], hasWelcomeLabel: [{
|
|
1711
1860
|
type: Input10,
|
|
1712
|
-
args: [{ transform:
|
|
1861
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1713
1862
|
}], hasTabNavigation: [{
|
|
1714
1863
|
type: Input10,
|
|
1715
|
-
args: [{ transform:
|
|
1864
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1716
1865
|
}], hasToggle: [{
|
|
1717
1866
|
type: Input10,
|
|
1718
|
-
args: [{ transform:
|
|
1867
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1719
1868
|
}], hasProfileDrawer: [{
|
|
1720
1869
|
type: Input10,
|
|
1721
|
-
args: [{ transform:
|
|
1870
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1722
1871
|
}], toggle: [{
|
|
1723
1872
|
type: Output5
|
|
1724
1873
|
}], userProfileMenu: [{
|
|
@@ -2028,7 +2177,7 @@ i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2028
2177
|
}] });
|
|
2029
2178
|
|
|
2030
2179
|
// eui-app/eui-app.component.mjs
|
|
2031
|
-
import { Component as Component24, Directive, ViewEncapsulation as ViewEncapsulation41, HostBinding as HostBinding23, Input as Input14, ContentChild as ContentChild2, forwardRef as forwardRef9, booleanAttribute as
|
|
2180
|
+
import { Component as Component24, Directive, ViewEncapsulation as ViewEncapsulation41, HostBinding as HostBinding23, Input as Input14, ContentChild as ContentChild2, forwardRef as forwardRef9, booleanAttribute as booleanAttribute6 } from "@angular/core";
|
|
2032
2181
|
import { Subject as Subject5, fromEvent } from "rxjs";
|
|
2033
2182
|
import { debounceTime, takeUntil as takeUntil5 } from "rxjs/operators";
|
|
2034
2183
|
import * as i030 from "@angular/core";
|
|
@@ -2125,7 +2274,7 @@ var EuiAppComponent = class _EuiAppComponent {
|
|
|
2125
2274
|
this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: _EuiAppComponent, deps: [{ token: i117.EuiAppShellService }, { token: i117.EuiGrowlService }, { token: i211.DeviceDetectorService }, { token: i030.ChangeDetectorRef }], target: i030.ɵɵFactoryTarget.Component });
|
|
2126
2275
|
}
|
|
2127
2276
|
static {
|
|
2128
|
-
this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen",
|
|
2277
|
+
this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i030.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i030.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i030.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i030, 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: i39.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: i39.AsyncPipe, name: "async" }], encapsulation: i030.ViewEncapsulation.None });
|
|
2129
2278
|
}
|
|
2130
2279
|
};
|
|
2131
2280
|
i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: EuiAppComponent, decorators: [{
|
|
@@ -2140,16 +2289,16 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2140
2289
|
type: Input14
|
|
2141
2290
|
}], isSidebarOpen: [{
|
|
2142
2291
|
type: Input14,
|
|
2143
|
-
args: [{ transform:
|
|
2292
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2144
2293
|
}], isSidebarExpandOnHover: [{
|
|
2145
2294
|
type: Input14,
|
|
2146
|
-
args: [{ transform:
|
|
2295
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2147
2296
|
}], isShrinkHeaderActive: [{
|
|
2148
2297
|
type: Input14,
|
|
2149
|
-
args: [{ transform:
|
|
2298
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2150
2299
|
}], isSidebarHidden: [{
|
|
2151
2300
|
type: Input14,
|
|
2152
|
-
args: [{ transform:
|
|
2301
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2153
2302
|
}], appSidebar: [{
|
|
2154
2303
|
type: ContentChild2,
|
|
2155
2304
|
args: [forwardRef9(() => EuiAppSidebarComponent)]
|
|
@@ -2379,7 +2528,7 @@ i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2379
2528
|
}] });
|
|
2380
2529
|
|
|
2381
2530
|
// eui-app/eui-app-top-message/top-message.component.mjs
|
|
2382
|
-
import { Component as Component28, HostBinding as HostBinding27, ChangeDetectionStrategy as ChangeDetectionStrategy23, ViewEncapsulation as ViewEncapsulation49, Input as Input16, Output as Output6, EventEmitter as EventEmitter6, ViewChild as ViewChild2, booleanAttribute as
|
|
2531
|
+
import { Component as Component28, HostBinding as HostBinding27, ChangeDetectionStrategy as ChangeDetectionStrategy23, ViewEncapsulation as ViewEncapsulation49, Input as Input16, Output as Output6, EventEmitter as EventEmitter6, ViewChild as ViewChild2, booleanAttribute as booleanAttribute7 } from "@angular/core";
|
|
2383
2532
|
import { BaseDirective as BaseDirective3 } from "@eui/components/shared";
|
|
2384
2533
|
import { startWith } from "rxjs";
|
|
2385
2534
|
import * as i037 from "@angular/core";
|
|
@@ -2441,7 +2590,7 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
|
|
|
2441
2590
|
this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i037, type: _EuiAppTopMessageComponent, deps: [{ token: i120.EuiAppShellService }, { token: i037.ElementRef }, { token: i037.ChangeDetectorRef }, { token: i213.ContentObserver }], target: i037.ɵɵFactoryTarget.Component });
|
|
2442
2591
|
}
|
|
2443
2592
|
static {
|
|
2444
|
-
this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable",
|
|
2593
|
+
this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i037, 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 iconSvgName="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: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
|
|
2445
2594
|
}
|
|
2446
2595
|
};
|
|
2447
2596
|
i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i037, type: EuiAppTopMessageComponent, decorators: [{
|
|
@@ -2458,10 +2607,10 @@ i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2458
2607
|
args: ["appTopMessage"]
|
|
2459
2608
|
}], isCloseable: [{
|
|
2460
2609
|
type: Input16,
|
|
2461
|
-
args: [{ transform:
|
|
2610
|
+
args: [{ transform: booleanAttribute7 }]
|
|
2462
2611
|
}], hasCustomContent: [{
|
|
2463
2612
|
type: Input16,
|
|
2464
|
-
args: [{ transform:
|
|
2613
|
+
args: [{ transform: booleanAttribute7 }]
|
|
2465
2614
|
}], isVisible: [{
|
|
2466
2615
|
type: Input16
|
|
2467
2616
|
}], topMessageClose: [{
|
|
@@ -2494,7 +2643,7 @@ i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2494
2643
|
}] });
|
|
2495
2644
|
|
|
2496
2645
|
// eui-search/search.component.mjs
|
|
2497
|
-
import { Component as Component29, ViewEncapsulation as ViewEncapsulation51, ContentChildren as ContentChildren4, ChangeDetectionStrategy as ChangeDetectionStrategy25, HostBinding as HostBinding28, Input as Input17, Output as Output7, EventEmitter as EventEmitter7, booleanAttribute as
|
|
2646
|
+
import { Component as Component29, ViewEncapsulation as ViewEncapsulation51, ContentChildren as ContentChildren4, ChangeDetectionStrategy as ChangeDetectionStrategy25, HostBinding as HostBinding28, Input as Input17, Output as Output7, EventEmitter as EventEmitter7, booleanAttribute as booleanAttribute8 } from "@angular/core";
|
|
2498
2647
|
import { EuiTemplateDirective } from "@eui/components/directives";
|
|
2499
2648
|
import * as i039 from "@angular/core";
|
|
2500
2649
|
import * as i121 from "@angular/common";
|
|
@@ -2567,7 +2716,7 @@ var EuiSearchComponent = class _EuiSearchComponent {
|
|
|
2567
2716
|
this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: _EuiSearchComponent, deps: [], target: i039.ɵɵFactoryTarget.Component });
|
|
2568
2717
|
}
|
|
2569
2718
|
static {
|
|
2570
|
-
this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete",
|
|
2719
|
+
this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i039, 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 iconClass="eui-icon eui-icon-search"></eui-icon>\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: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i121.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i214.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i214.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i312.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: i56.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i63.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: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
|
|
2571
2720
|
}
|
|
2572
2721
|
};
|
|
2573
2722
|
i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: EuiSearchComponent, decorators: [{
|
|
@@ -2584,16 +2733,16 @@ i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2584
2733
|
type: Input17
|
|
2585
2734
|
}], isAutocomplete: [{
|
|
2586
2735
|
type: Input17,
|
|
2587
|
-
args: [{ transform:
|
|
2736
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2588
2737
|
}], isInputText: [{
|
|
2589
2738
|
type: Input17,
|
|
2590
|
-
args: [{ transform:
|
|
2739
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2591
2740
|
}], hasSearchButton: [{
|
|
2592
2741
|
type: Input17,
|
|
2593
|
-
args: [{ transform:
|
|
2742
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2594
2743
|
}], hasExpandAnimation: [{
|
|
2595
2744
|
type: Input17,
|
|
2596
|
-
args: [{ transform:
|
|
2745
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2597
2746
|
}], search: [{
|
|
2598
2747
|
type: Output7
|
|
2599
2748
|
}], inputFocus: [{
|
|
@@ -3374,7 +3523,7 @@ i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
3374
3523
|
}] } });
|
|
3375
3524
|
|
|
3376
3525
|
// eui-header/header-user-profile/header-user-profile.component.mjs
|
|
3377
|
-
import { Component as Component38, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding36, ViewEncapsulation as ViewEncapsulation69, Input as Input21, forwardRef as forwardRef13, ContentChildren as ContentChildren5, ViewChild as ViewChild3, booleanAttribute as
|
|
3526
|
+
import { Component as Component38, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding36, ViewEncapsulation as ViewEncapsulation69, Input as Input21, forwardRef as forwardRef13, ContentChildren as ContentChildren5, ViewChild as ViewChild3, booleanAttribute as booleanAttribute9 } from "@angular/core";
|
|
3378
3527
|
import * as i053 from "@angular/core";
|
|
3379
3528
|
var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
|
3380
3529
|
constructor() {
|
|
@@ -3397,7 +3546,7 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
|
|
3397
3546
|
this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: _EuiHeaderUserProfileComponent, deps: [], target: i053.ɵɵFactoryTarget.Component });
|
|
3398
3547
|
}
|
|
3399
3548
|
static {
|
|
3400
|
-
this.ɵcmp = i053.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos",
|
|
3549
|
+
this.ɵcmp = i053.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i053.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i053, 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: i053.ChangeDetectionStrategy.Default, encapsulation: i053.ViewEncapsulation.None });
|
|
3401
3550
|
}
|
|
3402
3551
|
};
|
|
3403
3552
|
i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: EuiHeaderUserProfileComponent, decorators: [{
|
|
@@ -3413,16 +3562,16 @@ i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
3413
3562
|
args: ["userProfile"]
|
|
3414
3563
|
}], isShowUserInfos: [{
|
|
3415
3564
|
type: Input21,
|
|
3416
|
-
args: [{ transform:
|
|
3565
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3417
3566
|
}], hasWelcomeLabel: [{
|
|
3418
3567
|
type: Input21,
|
|
3419
|
-
args: [{ transform:
|
|
3568
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3420
3569
|
}], isShowAvatarInitials: [{
|
|
3421
3570
|
type: Input21,
|
|
3422
|
-
args: [{ transform:
|
|
3571
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3423
3572
|
}], hasTabNavigation: [{
|
|
3424
3573
|
type: Input21,
|
|
3425
|
-
args: [{ transform:
|
|
3574
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3426
3575
|
}], welcomeLabel: [{
|
|
3427
3576
|
type: Input21
|
|
3428
3577
|
}], impersonateLabel: [{
|
|
@@ -5073,6 +5222,7 @@ export {
|
|
|
5073
5222
|
EuiBreadcrumbItemComponent,
|
|
5074
5223
|
EuiBreadcrumbModule,
|
|
5075
5224
|
EuiBreadcrumbService,
|
|
5225
|
+
EuiEuLanguages,
|
|
5076
5226
|
EuiFooterComponent,
|
|
5077
5227
|
EuiFooterModule,
|
|
5078
5228
|
EuiHeaderAppComponent,
|