@eui/components 18.0.0-next.21 → 18.0.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAppTopMessageComponent.html +1 -1
- package/docs/components/EuiBadgeComponent.html +1 -1
- package/docs/components/EuiIconSvgButtonComponent.html +23 -23
- package/docs/components/EuiListComponent.html +115 -817
- package/docs/components/EuiListItemComponent.html +69 -821
- package/docs/components/EuiMenuComponent.html +154 -2
- package/docs/components/EuiMenuItemComponent.html +432 -4
- package/docs/components/EuiNotificationsComponent.html +1 -1
- package/docs/components/EuiNotificationsV2Component.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +1 -1
- package/docs/components/EuiTabsComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +4 -3
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-group/eui-button-group.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +1 -1
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
- package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +7 -7
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +1 -1
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +50 -44
- package/esm2022/eui-list/eui-list.component.mjs +9 -17
- package/esm2022/eui-menu/eui-menu-item.component.mjs +56 -8
- package/esm2022/eui-menu/eui-menu.component.mjs +164 -8
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
- 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-notifications/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
- package/eui-badge/eui-badge.component.d.ts +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts +4 -4
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts +14 -17
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-list/eui-list.component.d.ts +3 -6
- package/eui-list/eui-list.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +17 -5
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +36 -3
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +3 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +1 -1
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +2 -2
- package/fesm2022/eui-components-eui-icon.mjs +6 -6
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +58 -57
- package/fesm2022/eui-components-eui-list.mjs.map +3 -3
- package/fesm2022/eui-components-eui-menu.mjs +227 -40
- package/fesm2022/eui-components-eui-menu.mjs.map +3 -3
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +27 -27
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -280,12 +280,12 @@ var EuiModalSelectorComponent = class _EuiModalSelectorComponent {
|
|
|
280
280
|
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _EuiModalSelectorComponent, deps: [{ token: i15.EuiDialogService }, { token: DIALOG_COMPONENT_CONFIG }], target: i06.ɵɵFactoryTarget.Component });
|
|
281
281
|
}
|
|
282
282
|
static {
|
|
283
|
-
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i06, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:
|
|
283
|
+
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i06, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i06.ChangeDetectionStrategy.Default, encapsulation: i06.ViewEncapsulation.None });
|
|
284
284
|
}
|
|
285
285
|
};
|
|
286
286
|
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: EuiModalSelectorComponent, decorators: [{
|
|
287
287
|
type: Component6,
|
|
288
|
-
args: [{ selector: "eui-modal-selector", changeDetection: ChangeDetectionStrategy5.Default, encapsulation: ViewEncapsulation11.None, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:
|
|
288
|
+
args: [{ selector: "eui-modal-selector", changeDetection: ChangeDetectionStrategy5.Default, encapsulation: ViewEncapsulation11.None, template: '<h4 *ngIf="additionaLanguageRows?.length > 0">EU official languages</h4>\n<div id="eu_languages" *ngFor="let row of languageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf="additionaLanguageRows?.length > 0">\n <br />\n <h4>Non-EU Languages</h4>\n <div id="extra_languages" *ngFor="let row of additionaLanguageRows" class="row">\n <div *ngFor="let language of row" class="col-md-6 mb-2">\n <button\n type="button"\n e2eAttr="eui-language-selector-item_{{ language.code }}"\n euiButton\n euiBlockButton\n [euiSecondary]="language.code !== config.selectedLanguage.code"\n [euiPrimary]="language.code === config.selectedLanguage.code"\n (click)="selectLanguage(language)">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'] }]
|
|
289
289
|
}], ctorParameters: () => [{ type: i15.EuiDialogService }, { type: void 0, decorators: [{
|
|
290
290
|
type: Inject,
|
|
291
291
|
args: [DIALOG_COMPONENT_CONFIG]
|
|
@@ -392,12 +392,12 @@ var EuiLanguageSelectorComponent = class _EuiLanguageSelectorComponent extends B
|
|
|
392
392
|
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: _EuiLanguageSelectorComponent, deps: [{ token: i07.ChangeDetectorRef }, { token: i16.EuiDialogService }, { token: i23.EuiAppShellService }, { token: i33.TranslateService }], target: i07.ɵɵFactoryTarget.Component });
|
|
393
393
|
}
|
|
394
394
|
static {
|
|
395
|
-
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: "hasLanguageSelection" }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i07, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:
|
|
395
|
+
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: "hasLanguageSelection" }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i07, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], encapsulation: i07.ViewEncapsulation.None });
|
|
396
396
|
}
|
|
397
397
|
};
|
|
398
398
|
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: EuiLanguageSelectorComponent, decorators: [{
|
|
399
399
|
type: Component7,
|
|
400
|
-
args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation13.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:
|
|
400
|
+
args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation13.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-left:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n'] }]
|
|
401
401
|
}], ctorParameters: () => [{ type: i07.ChangeDetectorRef }, { type: i16.EuiDialogService }, { type: i23.EuiAppShellService }, { type: i33.TranslateService }], propDecorators: { cssClasses: [{
|
|
402
402
|
type: HostBinding6,
|
|
403
403
|
args: ["class"]
|
|
@@ -1347,7 +1347,7 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
|
1347
1347
|
</eui-avatar>
|
|
1348
1348
|
</button>
|
|
1349
1349
|
</ng-template>
|
|
1350
|
-
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:
|
|
1350
|
+
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "directive", type: i35.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i35.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i43.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i43.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i53.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: i62.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i62.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i62.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i62.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i020.ChangeDetectionStrategy.Default, encapsulation: i020.ViewEncapsulation.None });
|
|
1351
1351
|
}
|
|
1352
1352
|
};
|
|
1353
1353
|
i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i020, type: EuiUserProfileComponent, decorators: [{
|
|
@@ -1418,7 +1418,7 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
|
|
|
1418
1418
|
</eui-avatar>
|
|
1419
1419
|
</button>
|
|
1420
1420
|
</ng-template>
|
|
1421
|
-
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:
|
|
1421
|
+
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n'] }]
|
|
1422
1422
|
}], ctorParameters: () => [{ type: void 0, decorators: [{
|
|
1423
1423
|
type: Host
|
|
1424
1424
|
}, {
|
|
@@ -1866,20 +1866,20 @@ var EuiSidebarToggleComponent = class _EuiSidebarToggleComponent {
|
|
|
1866
1866
|
}
|
|
1867
1867
|
static {
|
|
1868
1868
|
this.ɵcmp = i026.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr", iconSvgFillColor: "iconSvgFillColor" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i026, template: `<eui-icon-svg-button
|
|
1869
|
-
|
|
1870
|
-
|
|
1869
|
+
icon="eui-ecl-hamburger"
|
|
1870
|
+
fillColor="{{iconSvgFillColor}}"
|
|
1871
1871
|
hasFocusBorder
|
|
1872
1872
|
[ariaLabel]="(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'"
|
|
1873
1873
|
(click)="onToggleSidebar($event)">
|
|
1874
1874
|
</eui-icon-svg-button>
|
|
1875
|
-
`, dependencies: [{ kind: "component", type: i29.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["
|
|
1875
|
+
`, dependencies: [{ kind: "component", type: i29.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i38.AsyncPipe, name: "async" }], encapsulation: i026.ViewEncapsulation.None });
|
|
1876
1876
|
}
|
|
1877
1877
|
};
|
|
1878
1878
|
i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i026, type: EuiSidebarToggleComponent, decorators: [{
|
|
1879
1879
|
type: Component22,
|
|
1880
1880
|
args: [{ selector: "eui-sidebar-toggle", encapsulation: ViewEncapsulation37.None, template: `<eui-icon-svg-button
|
|
1881
|
-
|
|
1882
|
-
|
|
1881
|
+
icon="eui-ecl-hamburger"
|
|
1882
|
+
fillColor="{{iconSvgFillColor}}"
|
|
1883
1883
|
hasFocusBorder
|
|
1884
1884
|
[ariaLabel]="(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'"
|
|
1885
1885
|
(click)="onToggleSidebar($event)">
|
|
@@ -2440,12 +2440,12 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
|
|
|
2440
2440
|
this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i037, type: _EuiAppTopMessageComponent, deps: [{ token: i120.EuiAppShellService }, { token: i037.ElementRef }, { token: i037.ChangeDetectorRef }, { token: i213.ContentObserver }], target: i037.ɵɵFactoryTarget.Component });
|
|
2441
2441
|
}
|
|
2442
2442
|
static {
|
|
2443
|
-
this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute7], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute7], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: 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
|
|
2443
|
+
this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute7], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute7], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: 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 icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
|
|
2444
2444
|
}
|
|
2445
2445
|
};
|
|
2446
2446
|
i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i037, type: EuiAppTopMessageComponent, decorators: [{
|
|
2447
2447
|
type: Component28,
|
|
2448
|
-
args: [{ selector: "eui-app-top-message", changeDetection: ChangeDetectionStrategy23.Default, encapsulation: ViewEncapsulation49.None, template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-svg-button\n *ngIf="isCloseable"\n
|
|
2448
|
+
args: [{ selector: "eui-app-top-message", changeDetection: ChangeDetectionStrategy23.Default, encapsulation: ViewEncapsulation49.None, template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-svg-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"] }]
|
|
2449
2449
|
}], ctorParameters: () => [{ type: i120.EuiAppShellService }, { type: i037.ElementRef }, { type: i037.ChangeDetectorRef }, { type: i213.ContentObserver }], propDecorators: { cssClasses: [{
|
|
2450
2450
|
type: HostBinding27,
|
|
2451
2451
|
args: ["class"]
|
|
@@ -4318,9 +4318,9 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
|
4318
4318
|
static {
|
|
4319
4319
|
this.ɵcmp = i060.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i060, template: `<eui-icon-svg-button
|
|
4320
4320
|
class="eui-notifications__trigger"
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4321
|
+
icon="eui-notifications"
|
|
4322
|
+
size="m"
|
|
4323
|
+
fillColor="white"
|
|
4324
4324
|
(click)="onClicked($event)"
|
|
4325
4325
|
(keydown.enter)="onClicked($event)"
|
|
4326
4326
|
(keydown.esc)="onHide()"
|
|
@@ -4422,16 +4422,16 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
|
4422
4422
|
</ng-template>
|
|
4423
4423
|
</eui-overlay-footer>
|
|
4424
4424
|
</eui-overlay>
|
|
4425
|
-
`, styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i132.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i132.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i221.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i221.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i221.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i221.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i316.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i411.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i59.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: i59.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["
|
|
4425
|
+
`, styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i132.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i132.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i221.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i221.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i221.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i221.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i316.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i411.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i59.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: i59.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i73.TranslatePipe, name: "translate" }], changeDetection: i060.ChangeDetectionStrategy.Default, encapsulation: i060.ViewEncapsulation.None });
|
|
4426
4426
|
}
|
|
4427
4427
|
};
|
|
4428
4428
|
i060.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i060, type: EuiNotificationsComponent, decorators: [{
|
|
4429
4429
|
type: Component44,
|
|
4430
4430
|
args: [{ selector: "eui-notifications", changeDetection: ChangeDetectionStrategy51.Default, encapsulation: ViewEncapsulation79.None, template: `<eui-icon-svg-button
|
|
4431
4431
|
class="eui-notifications__trigger"
|
|
4432
|
-
|
|
4433
|
-
|
|
4434
|
-
|
|
4432
|
+
icon="eui-notifications"
|
|
4433
|
+
size="m"
|
|
4434
|
+
fillColor="white"
|
|
4435
4435
|
(click)="onClicked($event)"
|
|
4436
4436
|
(keydown.enter)="onClicked($event)"
|
|
4437
4437
|
(keydown.esc)="onHide()"
|
|
@@ -5017,9 +5017,9 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
|
5017
5017
|
static {
|
|
5018
5018
|
this.ɵcmp = i063.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i063, template: `<eui-icon-svg-button
|
|
5019
5019
|
class="eui-notifications-v2__trigger"
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
|
|
5020
|
+
icon="eui-notifications"
|
|
5021
|
+
size="m"
|
|
5022
|
+
fillColor="white"
|
|
5023
5023
|
(click)="onClicked($event)"
|
|
5024
5024
|
(keydown.enter)="onClicked($event)"
|
|
5025
5025
|
(keydown.esc)="onHide()"
|
|
@@ -5107,16 +5107,16 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
|
5107
5107
|
</ng-template>
|
|
5108
5108
|
</eui-overlay-footer>
|
|
5109
5109
|
</eui-overlay>
|
|
5110
|
-
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i134.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i134.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i223.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i223.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i223.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i223.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i318.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i413.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i413.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["
|
|
5110
|
+
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i134.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i134.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i223.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i223.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i223.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i223.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i318.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i413.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i413.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i65.TranslatePipe, name: "translate" }], changeDetection: i063.ChangeDetectionStrategy.Default, encapsulation: i063.ViewEncapsulation.None });
|
|
5111
5111
|
}
|
|
5112
5112
|
};
|
|
5113
5113
|
i063.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i063, type: EuiNotificationsV2Component, decorators: [{
|
|
5114
5114
|
type: Component46,
|
|
5115
5115
|
args: [{ selector: "eui-notifications-v2", changeDetection: ChangeDetectionStrategy53.Default, encapsulation: ViewEncapsulation81.None, template: `<eui-icon-svg-button
|
|
5116
5116
|
class="eui-notifications-v2__trigger"
|
|
5117
|
-
|
|
5118
|
-
|
|
5119
|
-
|
|
5117
|
+
icon="eui-notifications"
|
|
5118
|
+
size="m"
|
|
5119
|
+
fillColor="white"
|
|
5120
5120
|
(click)="onClicked($event)"
|
|
5121
5121
|
(keydown.enter)="onClicked($event)"
|
|
5122
5122
|
(keydown.esc)="onHide()"
|