@eui/components 17.0.0-next.4 → 17.0.0-next.5

package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs

@@ -45,10 +45,10 @@ export class EuiModalSelectorComponent {
         }
         return rows;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiModalSelectorComponent, deps: [{ token: i1.EuiDialogService }, { token: DIALOG_COMPONENT_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i0, 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-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);fill:var(--eui-base-color-primary)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);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,.eui-language-selector-button:active{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700;position:absolute;text-transform:uppercase;top:35%}.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiModalSelectorComponent, deps: [{ token: i1.EuiDialogService }, { token: DIALOG_COMPONENT_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i0, 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-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);fill:var(--eui-base-color-primary)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);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,.eui-language-selector-button:active{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700;position:absolute;text-transform:uppercase;top:35%}.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiModalSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiModalSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-modal-selector', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.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-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);fill:var(--eui-base-color-primary)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);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,.eui-language-selector-button:active{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700;position:absolute;text-transform:uppercase;top:35%}.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"] }]
         }], ctorParameters: function () { return [{ type: i1.EuiDialogService }, { type: undefined, decorators: [{

package/esm2022/layout/eui-layout.module.mjs

@@ -4,6 +4,7 @@ import { RouterModule } from '@angular/router';
 import { EuiAppModule } from './eui-app/eui-app.module';
 import { EuiBreadcrumbModule } from './eui-breadcrumb/breadcrumb.module';
 import { EuiNotificationsModule } from './eui-notifications/eui-notifications.module';
+import { EuiNotificationsV2Module } from './eui-notifications-v2/eui-notifications.module';
 import { EuiSidebarToggleModule } from './eui-sidebar-toggle/sidebar-toggle.module';
 import { EuiToolbarModule } from './eui-toolbar/toolbar.module';
 import { EuiFooterModule } from './eui-footer/footer.module';
@@ -15,6 +16,7 @@ import * as i0 from "@angular/core";
 const MODULES = [
     EuiAppModule,
     EuiNotificationsModule,
+    EuiNotificationsV2Module,
     EuiToolbarModule,
     EuiHeaderModule,
     EuiFooterModule,
@@ -25,9 +27,10 @@ const MODULES = [
     EuiSidebarToggleModule,
 ];
 export class EuiLayoutModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, EuiAppModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, EuiAppModule,
             EuiNotificationsModule,
+            EuiNotificationsV2Module,
             EuiToolbarModule,
             EuiHeaderModule,
             EuiFooterModule,
@@ -37,6 +40,7 @@ export class EuiLayoutModule {
             EuiUserProfileModule,
             EuiSidebarToggleModule], exports: [EuiAppModule,
             EuiNotificationsModule,
+            EuiNotificationsV2Module,
             EuiToolbarModule,
             EuiHeaderModule,
             EuiFooterModule,
@@ -45,8 +49,9 @@ export class EuiLayoutModule {
             EuiSearchModule,
             EuiUserProfileModule,
             EuiSidebarToggleModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, MODULES, EuiAppModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, MODULES, EuiAppModule,
             EuiNotificationsModule,
+            EuiNotificationsV2Module,
             EuiToolbarModule,
             EuiHeaderModule,
             EuiFooterModule,
@@ -56,7 +61,7 @@ export class EuiLayoutModule {
             EuiUserProfileModule,
             EuiSidebarToggleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, ...MODULES],
@@ -64,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
                     exports: [...MODULES],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxheW91dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9sYXlvdXQvZXVpLWxheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0QsTUFBTSxPQUFPLEdBQUc7SUFDWixZQUFZO0lBRVosc0JBQXNCO0lBQ3RCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsZUFBZTtJQUNmLG1CQUFtQjtJQUNuQix5QkFBeUI7SUFDekIsZUFBZTtJQUNmLG9CQUFvQjtJQUNwQixzQkFBc0I7Q0FDekIsQ0FBQztBQU9GLE1BQU0sT0FBTyxlQUFlO3dJQUFmLGVBQWU7eUlBQWYsZUFBZSxZQUpkLFlBQVksRUFBRSxZQUFZLEVBZHBDLFlBQVk7WUFFWixzQkFBc0I7WUFDdEIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6QixlQUFlO1lBQ2Ysb0JBQW9CO1lBQ3BCLHNCQUFzQixhQVZ0QixZQUFZO1lBRVosc0JBQXNCO1lBQ3RCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQix5QkFBeUI7WUFDekIsZUFBZTtZQUNmLG9CQUFvQjtZQUNwQixzQkFBc0I7eUlBUWIsZUFBZSxZQUpkLFlBQVksRUFBRSxZQUFZLEVBQUssT0FBTyxFQWRoRCxZQUFZO1lBRVosc0JBQXNCO1lBQ3RCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQix5QkFBeUI7WUFDekIsZUFBZTtZQUNmLG9CQUFvQjtZQUNwQixzQkFBc0I7O2tHQVFiLGVBQWU7a0JBTDNCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxHQUFHLE9BQU8sQ0FBQztvQkFDakQsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgRXVpQXBwTW9kdWxlIH0gZnJvbSAnLi9ldWktYXBwL2V1aS1hcHAubW9kdWxlJztcbmltcG9ydCB7IEV1aUJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuL2V1aS1icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kdWxlJztcbmltcG9ydCB7IEV1aU5vdGlmaWNhdGlvbnNNb2R1bGUgfSBmcm9tICcuL2V1aS1ub3RpZmljYXRpb25zL2V1aS1ub3RpZmljYXRpb25zLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlTaWRlYmFyVG9nZ2xlTW9kdWxlIH0gZnJvbSAnLi9ldWktc2lkZWJhci10b2dnbGUvc2lkZWJhci10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IEV1aVRvb2xiYXJNb2R1bGUgfSBmcm9tICcuL2V1aS10b29sYmFyL3Rvb2xiYXIubW9kdWxlJztcbmltcG9ydCB7IEV1aUZvb3Rlck1vZHVsZSB9IGZyb20gJy4vZXVpLWZvb3Rlci9mb290ZXIubW9kdWxlJztcbmltcG9ydCB7IEV1aUhlYWRlck1vZHVsZSB9IGZyb20gJy4vZXVpLWhlYWRlci9oZWFkZXIubW9kdWxlJztcbmltcG9ydCB7IEV1aUxhbmd1YWdlU2VsZWN0b3JNb2R1bGUgfSBmcm9tICcuL2V1aS1sYW5ndWFnZS1zZWxlY3Rvci9sYW5ndWFnZS1zZWxlY3Rvci5tb2R1bGUnO1xuaW1wb3J0IHsgRXVpVXNlclByb2ZpbGVNb2R1bGUgfSBmcm9tICcuL2V1aS11c2VyLXByb2ZpbGUvdXNlci1wcm9maWxlLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlTZWFyY2hNb2R1bGUgfSBmcm9tICcuL2V1aS1zZWFyY2gvc2VhcmNoLm1vZHVsZSc7XG5cbmNvbnN0IE1PRFVMRVMgPSBbXG4gICAgRXVpQXBwTW9kdWxlLFxuXG4gICAgRXVpTm90aWZpY2F0aW9uc01vZHVsZSxcbiAgICBFdWlUb29sYmFyTW9kdWxlLFxuICAgIEV1aUhlYWRlck1vZHVsZSxcbiAgICBFdWlGb290ZXJNb2R1bGUsXG4gICAgRXVpQnJlYWRjcnVtYk1vZHVsZSxcbiAgICBFdWlMYW5ndWFnZVNlbGVjdG9yTW9kdWxlLFxuICAgIEV1aVNlYXJjaE1vZHVsZSxcbiAgICBFdWlVc2VyUHJvZmlsZU1vZHVsZSxcbiAgICBFdWlTaWRlYmFyVG9nZ2xlTW9kdWxlLFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIC4uLk1PRFVMRVNdLFxuICAgIGRlY2xhcmF0aW9uczogW10sXG4gICAgZXhwb3J0czogWy4uLk1PRFVMRVNdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlMYXlvdXRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxheW91dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9sYXlvdXQvZXVpLWxheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0QsTUFBTSxPQUFPLEdBQUc7SUFDWixZQUFZO0lBRVosc0JBQXNCO0lBQ3RCLHdCQUF3QjtJQUN4QixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIseUJBQXlCO0lBQ3pCLGVBQWU7SUFDZixvQkFBb0I7SUFDcEIsc0JBQXNCO0NBQ3pCLENBQUM7QUFPRixNQUFNLE9BQU8sZUFBZTt3SUFBZixlQUFlO3lJQUFmLGVBQWUsWUFKZCxZQUFZLEVBQUUsWUFBWSxFQWZwQyxZQUFZO1lBRVosc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLGVBQWU7WUFDZixtQkFBbUI7WUFDbkIseUJBQXlCO1lBQ3pCLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsc0JBQXNCLGFBWHRCLFlBQVk7WUFFWixzQkFBc0I7WUFDdEIsd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQix5QkFBeUI7WUFDekIsZUFBZTtZQUNmLG9CQUFvQjtZQUNwQixzQkFBc0I7eUlBUWIsZUFBZSxZQUpkLFlBQVksRUFBRSxZQUFZLEVBQUssT0FBTyxFQWZoRCxZQUFZO1lBRVosc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLGVBQWU7WUFDZixtQkFBbUI7WUFDbkIseUJBQXlCO1lBQ3pCLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsc0JBQXNCOztrR0FRYixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsR0FBRyxPQUFPLENBQUM7b0JBQ2pELFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEV1aUFwcE1vZHVsZSB9IGZyb20gJy4vZXVpLWFwcC9ldWktYXBwLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlCcmVhZGNydW1iTW9kdWxlIH0gZnJvbSAnLi9ldWktYnJlYWRjcnVtYi9icmVhZGNydW1iLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlOb3RpZmljYXRpb25zTW9kdWxlIH0gZnJvbSAnLi9ldWktbm90aWZpY2F0aW9ucy9ldWktbm90aWZpY2F0aW9ucy5tb2R1bGUnO1xuaW1wb3J0IHsgRXVpTm90aWZpY2F0aW9uc1YyTW9kdWxlIH0gZnJvbSAnLi9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9ucy5tb2R1bGUnO1xuaW1wb3J0IHsgRXVpU2lkZWJhclRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vZXVpLXNpZGViYXItdG9nZ2xlL3NpZGViYXItdG9nZ2xlLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlUb29sYmFyTW9kdWxlIH0gZnJvbSAnLi9ldWktdG9vbGJhci90b29sYmFyLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlGb290ZXJNb2R1bGUgfSBmcm9tICcuL2V1aS1mb290ZXIvZm9vdGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlIZWFkZXJNb2R1bGUgfSBmcm9tICcuL2V1aS1oZWFkZXIvaGVhZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBFdWlMYW5ndWFnZVNlbGVjdG9yTW9kdWxlIH0gZnJvbSAnLi9ldWktbGFuZ3VhZ2Utc2VsZWN0b3IvbGFuZ3VhZ2Utc2VsZWN0b3IubW9kdWxlJztcbmltcG9ydCB7IEV1aVVzZXJQcm9maWxlTW9kdWxlIH0gZnJvbSAnLi9ldWktdXNlci1wcm9maWxlL3VzZXItcHJvZmlsZS5tb2R1bGUnO1xuaW1wb3J0IHsgRXVpU2VhcmNoTW9kdWxlIH0gZnJvbSAnLi9ldWktc2VhcmNoL3NlYXJjaC5tb2R1bGUnO1xuXG5jb25zdCBNT0RVTEVTID0gW1xuICAgIEV1aUFwcE1vZHVsZSxcblxuICAgIEV1aU5vdGlmaWNhdGlvbnNNb2R1bGUsXG4gICAgRXVpTm90aWZpY2F0aW9uc1YyTW9kdWxlLFxuICAgIEV1aVRvb2xiYXJNb2R1bGUsXG4gICAgRXVpSGVhZGVyTW9kdWxlLFxuICAgIEV1aUZvb3Rlck1vZHVsZSxcbiAgICBFdWlCcmVhZGNydW1iTW9kdWxlLFxuICAgIEV1aUxhbmd1YWdlU2VsZWN0b3JNb2R1bGUsXG4gICAgRXVpU2VhcmNoTW9kdWxlLFxuICAgIEV1aVVzZXJQcm9maWxlTW9kdWxlLFxuICAgIEV1aVNpZGViYXJUb2dnbGVNb2R1bGUsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgLi4uTU9EVUxFU10sXG4gICAgZGVjbGFyYXRpb25zOiBbXSxcbiAgICBleHBvcnRzOiBbLi4uTU9EVUxFU10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxheW91dE1vZHVsZSB7fVxuIl19

package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs

@@ -32,12 +32,12 @@ export class EuiNotificationItemComponent {
         this.itemMarkAsRead.emit(this.item);
         consumeEvent(event);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date : dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate : 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate : 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate : 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-notification-item', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date : dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate : 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate : 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate : 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate : 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'eui-notification-item', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
         }], propDecorators: { string: [{
                 type: HostBinding,
                 args: ['class']
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
             }], isShowMarkAsRead: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw0QkFBNEI7SUFKekM7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWFwQztJQXBCRyxJQUNJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBQ0QsSUFBSSxnQkFBZ0IsQ0FBQyxLQUFtQjtRQUNwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUdELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dJQTNCUSw0QkFBNEI7NEhBQTVCLDRCQUE0QixvVENUekMseTRIQXlFQTs7a0dEaEVhLDRCQUE0QjtrQkFKeEMsU0FBUzsrQkFDSSx1QkFBdUI7OEJBSVgsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPO2dCQUNWLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdGLGdCQUFnQjtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXhMaW5rTGVnYWN5IH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IGNvbnN1bWVFdmVudCB9IGZyb20gJ0BldWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW5vdGlmaWNhdGlvbi1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTm90aWZpY2F0aW9uSXRlbUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWktbm90aWZpY2F0aW9uLWl0ZW0nO1xuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1NYXJrQXNSZWFkOiBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PiA9IG5ldyBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PigpO1xuICAgIEBJbnB1dCgpIG1hcmtBc1JlYWRMYWJlbDogc3RyaW5nID0gbnVsbDtcbiAgICBASW5wdXQoKSBpdGVtOiBhbnk7XG4gICAgQElucHV0KCkgZGF0ZUZvcm1hdCA9ICdkZC9NTS9ZWVlZJztcbiAgICB0b29sdGlwU2l6ZSA9ICdhdXRvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc1Nob3dNYXJrQXNSZWFkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTaG93TWFya0FzUmVhZDtcbiAgICB9XG4gICAgc2V0IGlzU2hvd01hcmtBc1JlYWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTaG93TWFya0FzUmVhZCA9IHRydWU7XG5cbiAgICBvbkl0ZW1DbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh0aGlzLml0ZW0pO1xuICAgIH1cblxuICAgIG9uSXRlbU1hcmtBc1JlYWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLml0ZW0ubWV0YWRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMuaXRlbS5tZXRhZGF0YS5yZWFkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLml0ZW1NYXJrQXNSZWFkLmVtaXQodGhpcy5pdGVtKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudFwiXG4gICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKClcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWJnLWNvbG9yLXdoaXRlJzogaXRlbS5tZXRhZGF0YT8ucmVhZCB8fCAhaXRlbS5tZXRhZGF0YSB9XCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcCBldWktdS1mb250LXNpemUtc1wiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uZGF0ZVwiIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1pY29uIGV1aS11LW1yLXNcIj5cbiAgICAgICAgICAgICAgICA8IS0tIFRPRE8gdjE1IHJlcGxhY2UgYnkgZXVpLWljb24tc3ZnIC0tPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWljb24gZXVpLWljb24tYmVsbCBldWktdS1mb250LXNpemUtbVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICdldWktdS1jb2xvci1pbmZvLWxpZ2h0ZXIgdGltZV9faWNvbi0tcm90YXRlZCc6ICFpdGVtLm1ldGFkYXRhPy5yZWFkLFxuICAgICAgICAgICAgICAgICAgICAgICAgJ2V1aS11LWNvbG9yLWdyZXktMjAnOiBpdGVtLm1ldGFkYXRhPy5yZWFkXG4gICAgICAgICAgICAgICAgICAgIH1cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5uZXdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1kb3QgZXVpLXUtY29sb3ItZGFuZ2VyLWxpZ2h0IGV1aS11LWZvbnQtc2l6ZS1oOSBldWktaWNvbiBldWktaWNvbi1jaXJjbGVcIj48L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS11LWNvbG9yLWdyZXktZGFya1wiPnt7IGl0ZW0ubWV0YWRhdGE/LmRhdGUgfCBkYXRlIDogZGF0ZUZvcm1hdCB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5pbXBvcnRhbnRcIiBjbGFzcz1cImV1aS11LWZvbnQtYm9sZCBldWktdS1jb2xvci1ncmV5LWRhcmtcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1leGNsYW1hdGlvblwiIGZpbGxDb2xvcj1cImRhbmdlclwiIGNsYXNzPVwiZXVpLXUtbWwteHNcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGUgZXVpLXUtY3Vyc29yLXBvaW50ZXJcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW0ubWV0YWRhdGE/LnVybFwiPlxuICAgICAgICAgICAgPGEgaHJlZj1cInt7IGl0ZW0ubWV0YWRhdGEudXJsIH19XCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZSA6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlIDogMjAwXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW0ubWV0YWRhdGE/LnVybEV4dGVybmFsXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGhyZWY9XCJ7eyBpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsIH19XCJcbiAgICAgICAgICAgICAgICBbdGFyZ2V0XT1cIiFpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsVGFyZ2V0ID8gJ19ibGFjaycgOiBpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsVGFyZ2V0XCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZSA6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlIDogMjAwXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpdGVtLm1ldGFkYXRhPy51cmwgJiYgIWl0ZW0ubWV0YWRhdGE/LnVybEV4dGVybmFsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlIDogMjAwIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19zdWItbGFiZWxcIlxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlIDogMjAwXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1ib3R0b21cIj5cbiAgICAgICAgPGEgKm5nSWY9XCJpc1Nob3dNYXJrQXNSZWFkICYmIGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZFwiIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIiAoY2xpY2spPVwib25JdGVtTWFya0FzUmVhZCgkZXZlbnQpXCI+XG4gICAgICAgICAgICB7eyBtYXJrQXNSZWFkTGFiZWwgPyBtYXJrQXNSZWFkTGFiZWwgOiAoJ2V1aS5OT1RJRklDQVRJT05NQVJLQVNSRUFEJyB8IHRyYW5zbGF0ZSkgfX1cbiAgICAgICAgPC9hPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw0QkFBNEI7SUFKekM7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWFwQztJQXBCRyxJQUNJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBQ0QsSUFBSSxnQkFBZ0IsQ0FBQyxLQUFtQjtRQUNwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUdELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dJQTNCUSw0QkFBNEI7NEhBQTVCLDRCQUE0QixvVENUekMsazRIQXlFQTs7a0dEaEVhLDRCQUE0QjtrQkFKeEMsU0FBUzsrQkFDSSx1QkFBdUI7OEJBSVgsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPO2dCQUNWLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdGLGdCQUFnQjtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXhMaW5rTGVnYWN5IH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IGNvbnN1bWVFdmVudCB9IGZyb20gJ0BldWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW5vdGlmaWNhdGlvbi1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTm90aWZpY2F0aW9uSXRlbUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWktbm90aWZpY2F0aW9uLWl0ZW0nO1xuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1NYXJrQXNSZWFkOiBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PiA9IG5ldyBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PigpO1xuICAgIEBJbnB1dCgpIG1hcmtBc1JlYWRMYWJlbDogc3RyaW5nID0gbnVsbDtcbiAgICBASW5wdXQoKSBpdGVtOiBhbnk7XG4gICAgQElucHV0KCkgZGF0ZUZvcm1hdCA9ICdkZC9NTS9ZWVlZJztcbiAgICB0b29sdGlwU2l6ZSA9ICdhdXRvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc1Nob3dNYXJrQXNSZWFkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTaG93TWFya0FzUmVhZDtcbiAgICB9XG4gICAgc2V0IGlzU2hvd01hcmtBc1JlYWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTaG93TWFya0FzUmVhZCA9IHRydWU7XG5cbiAgICBvbkl0ZW1DbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh0aGlzLml0ZW0pO1xuICAgIH1cblxuICAgIG9uSXRlbU1hcmtBc1JlYWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLml0ZW0ubWV0YWRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMuaXRlbS5tZXRhZGF0YS5yZWFkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLml0ZW1NYXJrQXNSZWFkLmVtaXQodGhpcy5pdGVtKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudFwiXG4gICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKClcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWJnLWNvbG9yLXdoaXRlJzogaXRlbS5tZXRhZGF0YT8ucmVhZCB8fCAhaXRlbS5tZXRhZGF0YSB9XCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcCBldWktdS1mb250LXNpemUtc1wiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uZGF0ZVwiIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1pY29uIGV1aS11LW1yLXNcIj5cbiAgICAgICAgICAgICAgICA8IS0tIFRPRE8gdjE1IHJlcGxhY2UgYnkgZXVpLWljb24tc3ZnIC0tPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWljb24gZXVpLWljb24tYmVsbCBldWktdS1mb250LXNpemUtbVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICdldWktdS1jb2xvci1pbmZvLWxpZ2h0ZXIgdGltZV9faWNvbi0tcm90YXRlZCc6ICFpdGVtLm1ldGFkYXRhPy5yZWFkLFxuICAgICAgICAgICAgICAgICAgICAgICAgJ2V1aS11LWNvbG9yLWdyZXktMjAnOiBpdGVtLm1ldGFkYXRhPy5yZWFkXG4gICAgICAgICAgICAgICAgICAgIH1cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5uZXdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1kb3QgZXVpLXUtY29sb3ItZGFuZ2VyLWxpZ2h0IGV1aS11LWZvbnQtc2l6ZS1oOSBldWktaWNvbiBldWktaWNvbi1jaXJjbGVcIj48L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS11LWNvbG9yLWdyZXktZGFya1wiPnt7IGl0ZW0ubWV0YWRhdGE/LmRhdGUgfCBkYXRlOiBkYXRlRm9ybWF0IH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0ubWV0YWRhdGE/LmltcG9ydGFudFwiIGNsYXNzPVwiZXVpLXUtZm9udC1ib2xkIGV1aS11LWNvbG9yLWdyZXktZGFya1wiPlxuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiZXVpLWV4Y2xhbWF0aW9uXCIgZmlsbENvbG9yPVwiZGFuZ2VyXCIgY2xhc3M9XCJldWktdS1tbC14c1wiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZSBldWktdS1jdXJzb3ItcG9pbnRlclwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiaXRlbS5tZXRhZGF0YT8udXJsXCI+XG4gICAgICAgICAgICA8YSBocmVmPVwie3sgaXRlbS5tZXRhZGF0YS51cmwgfX1cIj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWZvbnQtYm9sZCc6ICFpdGVtLm1ldGFkYXRhIHx8IChpdGVtLm1ldGFkYXRhICYmICFpdGVtLm1ldGFkYXRhLnJlYWQpIH1cIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19zdWItbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIml0ZW0uc3ViTGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW0ubWV0YWRhdGE/LnVybEV4dGVybmFsXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGhyZWY9XCJ7eyBpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsIH19XCJcbiAgICAgICAgICAgICAgICBbdGFyZ2V0XT1cIiFpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsVGFyZ2V0ID8gJ19ibGFjaycgOiBpdGVtLm1ldGFkYXRhLnVybEV4dGVybmFsVGFyZ2V0XCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXRlbS5tZXRhZGF0YT8udXJsICYmICFpdGVtLm1ldGFkYXRhPy51cmxFeHRlcm5hbFwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZm9udC1ib2xkJzogIWl0ZW0ubWV0YWRhdGEgfHwgKGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZCkgfVwiPlxuICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19zdWItbGFiZWxcIlxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDBcIj48L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LWJvdHRvbVwiPlxuICAgICAgICA8YSAqbmdJZj1cImlzU2hvd01hcmtBc1JlYWQgJiYgaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkXCIgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiIChjbGljayk9XCJvbkl0ZW1NYXJrQXNSZWFkKCRldmVudClcIj5cbiAgICAgICAgICAgIHt7IG1hcmtBc1JlYWRMYWJlbCA/IG1hcmtBc1JlYWRMYWJlbCA6ICgnZXVpLk5PVElGSUNBVElPTk1BUktBU1JFQUQnIHwgdHJhbnNsYXRlKSB9fVxuICAgICAgICA8L2E+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/layout/eui-notifications/eui-notifications.component.mjs

@@ -157,10 +157,10 @@ export class EuiNotificationsComponent {
         });
         return unreadNotifications.length;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.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: i0, template: "<eui-icon-svg\n    class=\"eui-notifications__trigger\"\n    role=\"button\"\n    size=\"m\"\n    icon=\"eui-notifications\"\n    fillColor=\"grey-5\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    tabindex=\"0\">\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications__header-title\">\n            <div class=\"eui-notifications__header-title-label\">\n                {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                <span\n                    *ngIf=\"items\"\n                    class=\"eui-u-cursor-help eui-u-ml-s\"\n                    attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n                    title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n                </span>\n                <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n            </div>\n        </div>\n\n        <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowMarkAllAsReadButton\"\n                [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n                title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n                (click)=\"onMarkAllAsRead($event)\">\n                <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowSettingsButton\"\n                [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n                title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n                (click)=\"onSettings($event)\">\n                <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowRefreshButton\"\n                [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n                title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n                (click)=\"onRefresh($event)\">\n                <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{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{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.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-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.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: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n    class=\"eui-notifications__trigger\"\n    role=\"button\"\n    size=\"m\"\n    icon=\"eui-notifications\"\n    fillColor=\"grey-5\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    tabindex=\"0\">\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications__header-title\">\n            <div class=\"eui-notifications__header-title-label\">\n                {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                <span\n                    *ngIf=\"items\"\n                    class=\"eui-u-cursor-help eui-u-ml-s\"\n                    attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n                    title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n                </span>\n                <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n            </div>\n        </div>\n\n        <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowMarkAllAsReadButton\"\n                [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n                title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n                (click)=\"onMarkAllAsRead($event)\">\n                <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowSettingsButton\"\n                [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n                title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n                (click)=\"onSettings($event)\">\n                <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowRefreshButton\"\n                [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n                title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n                (click)=\"onRefresh($event)\">\n                <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{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{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.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-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.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: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg\n    class=\"eui-notifications__trigger\"\n    role=\"button\"\n    size=\"m\"\n    icon=\"eui-notifications\"\n    fillColor=\"grey-5\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    tabindex=\"0\">\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications__header-title\">\n            <div class=\"eui-notifications__header-title-label\">\n                {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                <span\n                    *ngIf=\"items\"\n                    class=\"eui-u-cursor-help eui-u-ml-s\"\n                    attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n                    title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n                </span>\n                <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n            </div>\n        </div>\n\n        <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowMarkAllAsReadButton\"\n                [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n                title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n                (click)=\"onMarkAllAsRead($event)\">\n                <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowSettingsButton\"\n                [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n                title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n                (click)=\"onSettings($event)\">\n                <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n            <button\n                euiButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiBasicButton\n                euiSizeS\n                type=\"button\"\n                *ngIf=\"isShowRefreshButton\"\n                [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n                title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n                (click)=\"onRefresh($event)\">\n                <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n            </button>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{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{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.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-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem 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"] }]
         }], propDecorators: { refreshClick: [{

package/esm2022/layout/eui-notifications/eui-notifications.module.mjs

@@ -10,11 +10,11 @@ import { EuiNotificationsComponent } from './eui-notifications.component';
 import { EuiTruncatePipeModule } from '@eui/components/pipes';
 import * as i0 from "@angular/core";
 export class EuiNotificationsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsModule, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiNotificationsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule],

package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs

@@ -0,0 +1,57 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { consumeEvent } from '@eui/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@eui/components/eui-icon";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "@eui/components/pipes";
+export class EuiNotificationItemV2Component {
+    constructor() {
+        this.string = 'eui-notification-item';
+        this.itemClick = new EventEmitter();
+        this.itemMarkAsRead = new EventEmitter();
+        this.markAsReadLabel = null;
+        this.dateFormat = 'dd/MM/YYYY';
+        this.tooltipSize = 'auto';
+        this._isShowMarkAsRead = true;
+    }
+    get isShowMarkAsRead() {
+        return this._isShowMarkAsRead;
+    }
+    set isShowMarkAsRead(value) {
+        this._isShowMarkAsRead = coerceBooleanProperty(value);
+    }
+    onItemClick() {
+        this.itemClick.emit(this.item);
+    }
+    onItemMarkAsRead(event) {
+        if (this.item.metadata) {
+            this.item.metadata.read = true;
+        }
+        this.itemMarkAsRead.emit(this.item);
+        consumeEvent(event);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-notification-item-v2', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <!-- TODO v15 replace by eui-icon-svg -->\n                <span\n                    class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n                    [ngClass]=\"{\n                        'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n                        'eui-u-color-grey-20': item.metadata?.read\n                    }\"></span>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n            </span>\n            <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
+        }], propDecorators: { string: [{
+                type: HostBinding,
+                args: ['class']
+            }], itemClick: [{
+                type: Output
+            }], itemMarkAsRead: [{
+                type: Output
+            }], markAsReadLabel: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], dateFormat: [{
+                type: Input
+            }], isShowMarkAsRead: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zLXYyL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWFwQztJQXBCRyxJQUNJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBQ0QsSUFBSSxnQkFBZ0IsQ0FBQyxLQUFtQjtRQUNwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUdELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dJQTNCUSw4QkFBOEI7NEhBQTlCLDhCQUE4Qix1VENUM0MsZzlIQTZFQTs7a0dEcEVhLDhCQUE4QjtrQkFKMUMsU0FBUzsrQkFDSSwwQkFBMEI7OEJBSWQsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPO2dCQUNWLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdGLGdCQUFnQjtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXhMaW5rTGVnYWN5IH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IGNvbnN1bWVFdmVudCB9IGZyb20gJ0BldWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW5vdGlmaWNhdGlvbi1pdGVtLXYyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTm90aWZpY2F0aW9uSXRlbVYyQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgc3RyaW5nID0gJ2V1aS1ub3RpZmljYXRpb24taXRlbSc7XG4gICAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPFV4TGlua0xlZ2FjeT4gPSBuZXcgRXZlbnRFbWl0dGVyPFV4TGlua0xlZ2FjeT4oKTtcbiAgICBAT3V0cHV0KCkgaXRlbU1hcmtBc1JlYWQ6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQElucHV0KCkgbWFya0FzUmVhZExhYmVsOiBzdHJpbmcgPSBudWxsO1xuICAgIEBJbnB1dCgpIGl0ZW06IGFueTtcbiAgICBASW5wdXQoKSBkYXRlRm9ybWF0ID0gJ2RkL01NL1lZWVknO1xuICAgIHRvb2x0aXBTaXplID0gJ2F1dG8nO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzU2hvd01hcmtBc1JlYWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkO1xuICAgIH1cbiAgICBzZXQgaXNTaG93TWFya0FzUmVhZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzU2hvd01hcmtBc1JlYWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc1Nob3dNYXJrQXNSZWFkID0gdHJ1ZTtcblxuICAgIG9uSXRlbUNsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLml0ZW1DbGljay5lbWl0KHRoaXMuaXRlbSk7XG4gICAgfVxuXG4gICAgb25JdGVtTWFya0FzUmVhZChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaXRlbS5tZXRhZGF0YSkge1xuICAgICAgICAgICAgdGhpcy5pdGVtLm1ldGFkYXRhLnJlYWQgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaXRlbU1hcmtBc1JlYWQuZW1pdCh0aGlzLml0ZW0pO1xuICAgICAgICBjb25zdW1lRXZlbnQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50XCJcbiAgICAoY2xpY2spPVwib25JdGVtQ2xpY2soKVwiXG4gICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtYmctY29sb3Itd2hpdGUnOiBpdGVtLm1ldGFkYXRhPy5yZWFkIHx8ICFpdGVtLm1ldGFkYXRhIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wIGV1aS11LWZvbnQtc2l6ZS1zXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5kYXRlXCIgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlLWljb24gZXVpLXUtbXItc1wiPlxuICAgICAgICAgICAgICAgIDwhLS0gVE9ETyB2MTUgcmVwbGFjZSBieSBldWktaWNvbi1zdmcgLS0+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktaWNvbiBldWktaWNvbi1iZWxsIGV1aS11LWZvbnQtc2l6ZS1tXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2V1aS11LWNvbG9yLWluZm8tbGlnaHRlciB0aW1lX19pY29uLS1yb3RhdGVkJzogIWl0ZW0ubWV0YWRhdGE/LnJlYWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAnZXVpLXUtY29sb3ItZ3JleS0yMCc6IGl0ZW0ubWV0YWRhdGE/LnJlYWRcbiAgICAgICAgICAgICAgICAgICAgfVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0ubWV0YWRhdGE/Lm5ld1wiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlLWRvdCBldWktdS1jb2xvci1kYW5nZXItbGlnaHQgZXVpLXUtZm9udC1zaXplLWg5IGV1aS1pY29uIGV1aS1pY29uLWNpcmNsZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLXUtY29sb3ItZ3JleS1kYXJrXCI+e3sgaXRlbS5tZXRhZGF0YT8uZGF0ZSB8IGRhdGU6IGRhdGVGb3JtYXQgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uaW1wb3J0YW50XCIgY2xhc3M9XCJldWktdS1mb250LWJvbGQgZXVpLXUtY29sb3ItZ3JleS1kYXJrXCI+XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktZXhjbGFtYXRpb25cIiBmaWxsQ29sb3I9XCJkYW5nZXJcIiBjbGFzcz1cImV1aS11LW1sLXhzXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlIGV1aS11LWN1cnNvci1wb2ludGVyXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpdGVtLm1ldGFkYXRhPy51cmxcIj5cbiAgICAgICAgICAgIDxhIGhyZWY9XCJ7eyBpdGVtLm1ldGFkYXRhLnVybCB9fVwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZm9udC1ib2xkJzogIWl0ZW0ubWV0YWRhdGEgfHwgKGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZCkgfVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDBcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiaXRlbS5tZXRhZGF0YT8udXJsRXh0ZXJuYWxcIj5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgaHJlZj1cInt7IGl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWwgfX1cIlxuICAgICAgICAgICAgICAgIFt0YXJnZXRdPVwiIWl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWxUYXJnZXQgPyAnX2JsYWNrJyA6IGl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWxUYXJnZXRcIj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWZvbnQtYm9sZCc6ICFpdGVtLm1ldGFkYXRhIHx8IChpdGVtLm1ldGFkYXRhICYmICFpdGVtLm1ldGFkYXRhLnJlYWQpIH1cIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19zdWItbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIml0ZW0uc3ViTGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpdGVtLm1ldGFkYXRhPy51cmwgJiYgIWl0ZW0ubWV0YWRhdGE/LnVybEV4dGVybmFsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtYm90dG9tXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cImV1aS11LXRleHQtbGlua1wiXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd01hcmtBc1JlYWQgJiYgaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkXCJcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uSXRlbU1hcmtBc1JlYWQoJGV2ZW50KVwiPlxuICAgICAgICAgICAge3sgbWFya0FzUmVhZExhYmVsID8gbWFya0FzUmVhZExhYmVsIDogKCdldWkuTk9USUZJQ0FUSU9OTUFSS0FTUkVBRCcgfCB0cmFuc2xhdGUpIH19XG4gICAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19