@eui/components 18.0.0-next.7 → 18.0.0-next.8
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/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 +191 -40
- 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/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";
|
|
@@ -1470,9 +1624,7 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1470
1624
|
}] } });
|
|
1471
1625
|
|
|
1472
1626
|
// 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";
|
|
1627
|
+
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
1628
|
import { takeUntil as takeUntil4 } from "rxjs/operators";
|
|
1477
1629
|
import { Subject as Subject4 } from "rxjs";
|
|
1478
1630
|
import * as i021 from "@angular/core";
|
|
@@ -1519,12 +1671,9 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
|
1519
1671
|
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
1672
|
}
|
|
1521
1673
|
static {
|
|
1522
|
-
this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "
|
|
1674
|
+
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
1675
|
}
|
|
1524
1676
|
};
|
|
1525
|
-
__decorate([
|
|
1526
|
-
coerceBoolean
|
|
1527
|
-
], EuiUserProfileCardComponent.prototype, "isShowAvatarInitials", void 0);
|
|
1528
1677
|
i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: EuiUserProfileCardComponent, decorators: [{
|
|
1529
1678
|
type: Component19,
|
|
1530
1679
|
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 +1687,8 @@ i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1538
1687
|
}], avatarUrl: [{
|
|
1539
1688
|
type: Input9
|
|
1540
1689
|
}], isShowAvatarInitials: [{
|
|
1541
|
-
type: Input9
|
|
1690
|
+
type: Input9,
|
|
1691
|
+
args: [{ transform: booleanAttribute4 }]
|
|
1542
1692
|
}], showProfileInfo: [{
|
|
1543
1693
|
type: Output4
|
|
1544
1694
|
}], closeProfileMenu: [{
|
|
@@ -1601,7 +1751,7 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1601
1751
|
}] });
|
|
1602
1752
|
|
|
1603
1753
|
// eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs
|
|
1604
|
-
import { booleanAttribute as
|
|
1754
|
+
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
1755
|
import { consumeEvent } from "@eui/core";
|
|
1606
1756
|
import * as i023 from "@angular/core";
|
|
1607
1757
|
import * as i114 from "@angular/common";
|
|
@@ -1647,7 +1797,7 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
|
1647
1797
|
this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: _EuiAppSidebarHeaderUserProfileComponent, deps: [], target: i023.ɵɵFactoryTarget.Component });
|
|
1648
1798
|
}
|
|
1649
1799
|
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",
|
|
1800
|
+
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
1801
|
[hasWelcomeLabel]="hasWelcomeLabel"
|
|
1652
1802
|
[welcomeLabel]="welcomeLabel"
|
|
1653
1803
|
[impersonateLabel]="impersonateLabel"
|
|
@@ -1700,25 +1850,25 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
1700
1850
|
type: Input10
|
|
1701
1851
|
}], isShowUserInfos: [{
|
|
1702
1852
|
type: Input10,
|
|
1703
|
-
args: [{ transform:
|
|
1853
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1704
1854
|
}], isShowAvatarInitials: [{
|
|
1705
1855
|
type: Input10,
|
|
1706
|
-
args: [{ transform:
|
|
1856
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1707
1857
|
}], isOnline: [{
|
|
1708
1858
|
type: Input10,
|
|
1709
|
-
args: [{ transform:
|
|
1859
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1710
1860
|
}], hasWelcomeLabel: [{
|
|
1711
1861
|
type: Input10,
|
|
1712
|
-
args: [{ transform:
|
|
1862
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1713
1863
|
}], hasTabNavigation: [{
|
|
1714
1864
|
type: Input10,
|
|
1715
|
-
args: [{ transform:
|
|
1865
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1716
1866
|
}], hasToggle: [{
|
|
1717
1867
|
type: Input10,
|
|
1718
|
-
args: [{ transform:
|
|
1868
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1719
1869
|
}], hasProfileDrawer: [{
|
|
1720
1870
|
type: Input10,
|
|
1721
|
-
args: [{ transform:
|
|
1871
|
+
args: [{ transform: booleanAttribute5 }]
|
|
1722
1872
|
}], toggle: [{
|
|
1723
1873
|
type: Output5
|
|
1724
1874
|
}], userProfileMenu: [{
|
|
@@ -2028,7 +2178,7 @@ i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2028
2178
|
}] });
|
|
2029
2179
|
|
|
2030
2180
|
// 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
|
|
2181
|
+
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
2182
|
import { Subject as Subject5, fromEvent } from "rxjs";
|
|
2033
2183
|
import { debounceTime, takeUntil as takeUntil5 } from "rxjs/operators";
|
|
2034
2184
|
import * as i030 from "@angular/core";
|
|
@@ -2125,7 +2275,7 @@ var EuiAppComponent = class _EuiAppComponent {
|
|
|
2125
2275
|
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
2276
|
}
|
|
2127
2277
|
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",
|
|
2278
|
+
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
2279
|
}
|
|
2130
2280
|
};
|
|
2131
2281
|
i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: EuiAppComponent, decorators: [{
|
|
@@ -2140,16 +2290,16 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2140
2290
|
type: Input14
|
|
2141
2291
|
}], isSidebarOpen: [{
|
|
2142
2292
|
type: Input14,
|
|
2143
|
-
args: [{ transform:
|
|
2293
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2144
2294
|
}], isSidebarExpandOnHover: [{
|
|
2145
2295
|
type: Input14,
|
|
2146
|
-
args: [{ transform:
|
|
2296
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2147
2297
|
}], isShrinkHeaderActive: [{
|
|
2148
2298
|
type: Input14,
|
|
2149
|
-
args: [{ transform:
|
|
2299
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2150
2300
|
}], isSidebarHidden: [{
|
|
2151
2301
|
type: Input14,
|
|
2152
|
-
args: [{ transform:
|
|
2302
|
+
args: [{ transform: booleanAttribute6 }]
|
|
2153
2303
|
}], appSidebar: [{
|
|
2154
2304
|
type: ContentChild2,
|
|
2155
2305
|
args: [forwardRef9(() => EuiAppSidebarComponent)]
|
|
@@ -2379,7 +2529,7 @@ i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2379
2529
|
}] });
|
|
2380
2530
|
|
|
2381
2531
|
// 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
|
|
2532
|
+
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
2533
|
import { BaseDirective as BaseDirective3 } from "@eui/components/shared";
|
|
2384
2534
|
import { startWith } from "rxjs";
|
|
2385
2535
|
import * as i037 from "@angular/core";
|
|
@@ -2441,7 +2591,7 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
|
|
|
2441
2591
|
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
2592
|
}
|
|
2443
2593
|
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",
|
|
2594
|
+
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
2595
|
}
|
|
2446
2596
|
};
|
|
2447
2597
|
i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i037, type: EuiAppTopMessageComponent, decorators: [{
|
|
@@ -2458,10 +2608,10 @@ i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2458
2608
|
args: ["appTopMessage"]
|
|
2459
2609
|
}], isCloseable: [{
|
|
2460
2610
|
type: Input16,
|
|
2461
|
-
args: [{ transform:
|
|
2611
|
+
args: [{ transform: booleanAttribute7 }]
|
|
2462
2612
|
}], hasCustomContent: [{
|
|
2463
2613
|
type: Input16,
|
|
2464
|
-
args: [{ transform:
|
|
2614
|
+
args: [{ transform: booleanAttribute7 }]
|
|
2465
2615
|
}], isVisible: [{
|
|
2466
2616
|
type: Input16
|
|
2467
2617
|
}], topMessageClose: [{
|
|
@@ -2494,7 +2644,7 @@ i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2494
2644
|
}] });
|
|
2495
2645
|
|
|
2496
2646
|
// 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
|
|
2647
|
+
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
2648
|
import { EuiTemplateDirective } from "@eui/components/directives";
|
|
2499
2649
|
import * as i039 from "@angular/core";
|
|
2500
2650
|
import * as i121 from "@angular/common";
|
|
@@ -2567,7 +2717,7 @@ var EuiSearchComponent = class _EuiSearchComponent {
|
|
|
2567
2717
|
this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: _EuiSearchComponent, deps: [], target: i039.ɵɵFactoryTarget.Component });
|
|
2568
2718
|
}
|
|
2569
2719
|
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",
|
|
2720
|
+
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
2721
|
}
|
|
2572
2722
|
};
|
|
2573
2723
|
i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: EuiSearchComponent, decorators: [{
|
|
@@ -2584,16 +2734,16 @@ i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
2584
2734
|
type: Input17
|
|
2585
2735
|
}], isAutocomplete: [{
|
|
2586
2736
|
type: Input17,
|
|
2587
|
-
args: [{ transform:
|
|
2737
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2588
2738
|
}], isInputText: [{
|
|
2589
2739
|
type: Input17,
|
|
2590
|
-
args: [{ transform:
|
|
2740
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2591
2741
|
}], hasSearchButton: [{
|
|
2592
2742
|
type: Input17,
|
|
2593
|
-
args: [{ transform:
|
|
2743
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2594
2744
|
}], hasExpandAnimation: [{
|
|
2595
2745
|
type: Input17,
|
|
2596
|
-
args: [{ transform:
|
|
2746
|
+
args: [{ transform: booleanAttribute8 }]
|
|
2597
2747
|
}], search: [{
|
|
2598
2748
|
type: Output7
|
|
2599
2749
|
}], inputFocus: [{
|
|
@@ -3374,7 +3524,7 @@ i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
3374
3524
|
}] } });
|
|
3375
3525
|
|
|
3376
3526
|
// 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
|
|
3527
|
+
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
3528
|
import * as i053 from "@angular/core";
|
|
3379
3529
|
var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
|
3380
3530
|
constructor() {
|
|
@@ -3397,7 +3547,7 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
|
|
|
3397
3547
|
this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: _EuiHeaderUserProfileComponent, deps: [], target: i053.ɵɵFactoryTarget.Component });
|
|
3398
3548
|
}
|
|
3399
3549
|
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",
|
|
3550
|
+
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
3551
|
}
|
|
3402
3552
|
};
|
|
3403
3553
|
i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: EuiHeaderUserProfileComponent, decorators: [{
|
|
@@ -3413,16 +3563,16 @@ i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
|
|
|
3413
3563
|
args: ["userProfile"]
|
|
3414
3564
|
}], isShowUserInfos: [{
|
|
3415
3565
|
type: Input21,
|
|
3416
|
-
args: [{ transform:
|
|
3566
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3417
3567
|
}], hasWelcomeLabel: [{
|
|
3418
3568
|
type: Input21,
|
|
3419
|
-
args: [{ transform:
|
|
3569
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3420
3570
|
}], isShowAvatarInitials: [{
|
|
3421
3571
|
type: Input21,
|
|
3422
|
-
args: [{ transform:
|
|
3572
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3423
3573
|
}], hasTabNavigation: [{
|
|
3424
3574
|
type: Input21,
|
|
3425
|
-
args: [{ transform:
|
|
3575
|
+
args: [{ transform: booleanAttribute9 }]
|
|
3426
3576
|
}], welcomeLabel: [{
|
|
3427
3577
|
type: Input21
|
|
3428
3578
|
}], impersonateLabel: [{
|
|
@@ -5073,6 +5223,7 @@ export {
|
|
|
5073
5223
|
EuiBreadcrumbItemComponent,
|
|
5074
5224
|
EuiBreadcrumbModule,
|
|
5075
5225
|
EuiBreadcrumbService,
|
|
5226
|
+
EuiEuLanguages,
|
|
5076
5227
|
EuiFooterComponent,
|
|
5077
5228
|
EuiFooterModule,
|
|
5078
5229
|
EuiHeaderAppComponent,
|