npm - @eui/components - Versions diffs - 18.0.0-next.52 → 18.0.0-next.53 - Mend

@eui/components 18.0.0-next.52 → 18.0.0-next.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (253) hide show

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

@@ -182,11 +182,11 @@ export class EuiNotificationsComponent {
         return unreadNotifications.length;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-button>\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 *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge *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\"></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\"></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\"></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            <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n            </a>\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                <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </a>\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.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-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-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", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-button>\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 *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge *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\"></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\"></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\"></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            <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n            </a>\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                <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </a>\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.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-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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{align-items:center;display:flex;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-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-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", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { 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: "18.0.0-rc.0", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-button>\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 *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge *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\"></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\"></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\"></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            <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n            </a>\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                <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </a>\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.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-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
+            args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-button>\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 *ngIf=\"count\">{{ count }}</eui-badge>\n                <eui-badge *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\"></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\"></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\"></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            <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n            </a>\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                <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </a>\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.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-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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{align-items:center;display:flex;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-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
         }], propDecorators: { refreshClick: [{
                 type: Output
             }], notificationsClick: [{

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

@@ -23,7 +23,7 @@ export class EuiNotificationItemV2Component {
         this._isShowMarkAsRead = coerceBooleanProperty(value);
     }
     get iconColor() {
-        return this.item.metadata?.read ? 'grey-20' : 'grey-50';
+        return this.item.metadata?.read ? 'neutral-lightest' : 'neutral-light';
     }
     onItemClick() {
         this.itemClick.emit(this.item);
@@ -36,11 +36,11 @@ export class EuiNotificationItemV2Component {
         consumeEvent(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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-c-bg-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-f-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                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" 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 }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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-f-m-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)\" tabIndex=\"0\">\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", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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-c-bg-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-f-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                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" 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 class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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 class=\"eui-u-text-link-external\"\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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-f-m-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)\" tabIndex=\"0\">\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", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { 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: "18.0.0-rc.0", 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-c-bg-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-f-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                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" 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 }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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-f-m-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)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'eui-notification-item-v2', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-f-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                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" 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 class=\"eui-u-text-link\" href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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 class=\"eui-u-text-link-external\"\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-f-m-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-f-m-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)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
         }], propDecorators: { string: [{
                 type: HostBinding,
                 args: ['class']
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
             }], isShowMarkAsRead: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zLXYyL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWlCcEM7SUF4QkcsSUFDSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksZ0JBQWdCLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDNUQsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDbkMsQ0FBQztRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQzttSEEvQlEsOEJBQThCO3VHQUE5Qiw4QkFBOEIsdVRDVDNDLHdxSEF1RUE7O2dHRDlEYSw4QkFBOEI7a0JBSjFDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUlkLE1BQU07c0JBQTNCLFdBQVc7dUJBQUMsT0FBTztnQkFDVixTQUFTO3NCQUFsQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRixnQkFBZ0I7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFV4TGlua0xlZ2FjeSB9IGZyb20gJ0BldWkvYmFzZSc7XG5pbXBvcnQgeyBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1ub3RpZmljYXRpb24taXRlbS12MicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU5vdGlmaWNhdGlvbkl0ZW1WMkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWktbm90aWZpY2F0aW9uLWl0ZW0nO1xuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1NYXJrQXNSZWFkOiBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PiA9IG5ldyBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PigpO1xuICAgIEBJbnB1dCgpIG1hcmtBc1JlYWRMYWJlbDogc3RyaW5nID0gbnVsbDtcbiAgICBASW5wdXQoKSBpdGVtOiBVeExpbmtMZWdhY3k7XG4gICAgQElucHV0KCkgZGF0ZUZvcm1hdCA9ICdkZC9NTS9ZWVlZJztcbiAgICB0b29sdGlwU2l6ZSA9ICdhdXRvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc1Nob3dNYXJrQXNSZWFkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTaG93TWFya0FzUmVhZDtcbiAgICB9XG4gICAgc2V0IGlzU2hvd01hcmtBc1JlYWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTaG93TWFya0FzUmVhZCA9IHRydWU7XG5cbiAgICBnZXQgaWNvbkNvbG9yKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLml0ZW0ubWV0YWRhdGE/LnJlYWQgPyAnZ3JleS0yMCcgOiAnZ3JleS01MCc7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQodGhpcy5pdGVtKTtcbiAgICB9XG5cbiAgICBvbkl0ZW1NYXJrQXNSZWFkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pdGVtLm1ldGFkYXRhKSB7XG4gICAgICAgICAgICB0aGlzLml0ZW0ubWV0YWRhdGEucmVhZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pdGVtTWFya0FzUmVhZC5lbWl0KHRoaXMuaXRlbSk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnRcIlxuICAgIChjbGljayk9XCJvbkl0ZW1DbGljaygpXCJcbiAgICBbbmdDbGFzc109XCJ7ICdldWktdS1jLWJnLXdoaXRlJzogaXRlbS5tZXRhZGF0YT8ucmVhZCB8fCAhaXRlbS5tZXRhZGF0YSB9XCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcCBldWktdS1mLXNcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0ubWV0YWRhdGE/LmRhdGVcIiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGUtaWNvbiBldWktdS1tci1zXCI+XG4gICAgICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBzZXQ9XCJldWlcIiBpY29uPVwiZXVpLW5vdGlmaWNhdGlvbnNcIiBzaXplPVwibVwiIFtmaWxsQ29sb3JdPVwiaWNvbkNvbG9yXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5uZXdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1kb3QgZXVpLXUtYy1kYW5nZXItbGlnaHQgZXVpLXUtZi1zIGV1aS1pY29uIGV1aS1pY29uLWNpcmNsZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0ubWV0YWRhdGE/LmRhdGUgfCBkYXRlOiBkYXRlRm9ybWF0IH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0ubWV0YWRhdGE/LmltcG9ydGFudFwiIGNsYXNzPVwiZXVpLXUtZi1tLWJvbGRcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1leGNsYW1hdGlvblwiIGZpbGxDb2xvcj1cImRhbmdlci0xMDBcIiBjbGFzcz1cImV1aS11LW1sLXhzXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlIGV1aS11LWN1cnNvci1wb2ludGVyXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpdGVtLm1ldGFkYXRhPy51cmxcIj5cbiAgICAgICAgICAgIDxhIGhyZWY9XCJ7eyBpdGVtLm1ldGFkYXRhLnVybCB9fVwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZi1tLWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpdGVtLm1ldGFkYXRhPy51cmxFeHRlcm5hbFwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBocmVmPVwie3sgaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbCB9fVwiXG4gICAgICAgICAgICAgICAgW3RhcmdldF09XCIhaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldCA/ICdfYmxhY2snIDogaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldFwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZi1tLWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXRlbS5tZXRhZGF0YT8udXJsICYmICFpdGVtLm1ldGFkYXRhPy51cmxFeHRlcm5hbFwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZi1tLWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtYm90dG9tXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cImV1aS11LXRleHQtbGlua1wiXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd01hcmtBc1JlYWQgJiYgaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkXCJcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uSXRlbU1hcmtBc1JlYWQoJGV2ZW50KVwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAge3sgbWFya0FzUmVhZExhYmVsID8gbWFya0FzUmVhZExhYmVsIDogKCdldWkuTk9USUZJQ0FUSU9OTUFSS0FTUkVBRCcgfCB0cmFuc2xhdGUpIH19XG4gICAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zLXYyL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWlCcEM7SUF4QkcsSUFDSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksZ0JBQWdCLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQztJQUMzRSxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBWTtRQUN6QixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNuQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO21IQS9CUSw4QkFBOEI7dUdBQTlCLDhCQUE4Qix1VENUM0MscXVIQXVFQTs7Z0dEOURhLDhCQUE4QjtrQkFKMUMsU0FBUzsrQkFDSSwwQkFBMEI7OEJBSWQsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPO2dCQUNWLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdGLGdCQUFnQjtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXhMaW5rTGVnYWN5IH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IGNvbnN1bWVFdmVudCB9IGZyb20gJ0BldWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLW5vdGlmaWNhdGlvbi1pdGVtLXYyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTm90aWZpY2F0aW9uSXRlbVYyQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgc3RyaW5nID0gJ2V1aS1ub3RpZmljYXRpb24taXRlbSc7XG4gICAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPFV4TGlua0xlZ2FjeT4gPSBuZXcgRXZlbnRFbWl0dGVyPFV4TGlua0xlZ2FjeT4oKTtcbiAgICBAT3V0cHV0KCkgaXRlbU1hcmtBc1JlYWQ6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQElucHV0KCkgbWFya0FzUmVhZExhYmVsOiBzdHJpbmcgPSBudWxsO1xuICAgIEBJbnB1dCgpIGl0ZW06IFV4TGlua0xlZ2FjeTtcbiAgICBASW5wdXQoKSBkYXRlRm9ybWF0ID0gJ2RkL01NL1lZWVknO1xuICAgIHRvb2x0aXBTaXplID0gJ2F1dG8nO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzU2hvd01hcmtBc1JlYWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkO1xuICAgIH1cbiAgICBzZXQgaXNTaG93TWFya0FzUmVhZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzU2hvd01hcmtBc1JlYWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc1Nob3dNYXJrQXNSZWFkID0gdHJ1ZTtcblxuICAgIGdldCBpY29uQ29sb3IoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaXRlbS5tZXRhZGF0YT8ucmVhZCA/ICduZXV0cmFsLWxpZ2h0ZXN0JyA6ICduZXV0cmFsLWxpZ2h0JztcbiAgICB9XG5cbiAgICBvbkl0ZW1DbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh0aGlzLml0ZW0pO1xuICAgIH1cblxuICAgIG9uSXRlbU1hcmtBc1JlYWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLml0ZW0ubWV0YWRhdGEpIHtcbiAgICAgICAgICAgIHRoaXMuaXRlbS5tZXRhZGF0YS5yZWFkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLml0ZW1NYXJrQXNSZWFkLmVtaXQodGhpcy5pdGVtKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudFwiXG4gICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKClcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWMtYmctd2hpdGUnOiBpdGVtLm1ldGFkYXRhPy5yZWFkIHx8ICFpdGVtLm1ldGFkYXRhIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wIGV1aS11LWYtc1wiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uZGF0ZVwiIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LXRvcF9fZGF0ZS1pY29uIGV1aS11LW1yLXNcIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIHNldD1cImV1aVwiIGljb249XCJldWktbm90aWZpY2F0aW9uc1wiIHNpemU9XCJtXCIgW2ZpbGxDb2xvcl09XCJpY29uQ29sb3JcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0ubWV0YWRhdGE/Lm5ld1wiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlLWRvdCBldWktdS1jLWRhbmdlci1saWdodCBldWktdS1mLXMgZXVpLWljb24gZXVpLWljb24tY2lyY2xlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5tZXRhZGF0YT8uZGF0ZSB8IGRhdGU6IGRhdGVGb3JtYXQgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uaW1wb3J0YW50XCIgY2xhc3M9XCJldWktdS1mLW0tYm9sZFwiPlxuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiZXVpLWV4Y2xhbWF0aW9uXCIgZmlsbENvbG9yPVwiZGFuZ2VyLTEwMFwiIGNsYXNzPVwiZXVpLXUtbWwteHNcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGUgZXVpLXUtY3Vyc29yLXBvaW50ZXJcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW0ubWV0YWRhdGE/LnVybFwiPlxuICAgICAgICAgICAgPGEgY2xhc3M9XCJldWktdS10ZXh0LWxpbmtcIiBocmVmPVwie3sgaXRlbS5tZXRhZGF0YS51cmwgfX1cIiB0YWJJbmRleD1cIjBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWYtbS1ib2xkJzogIWl0ZW0ubWV0YWRhdGEgfHwgKGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZCkgfVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDBcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiaXRlbS5tZXRhZGF0YT8udXJsRXh0ZXJuYWxcIj5cbiAgICAgICAgICAgIDxhIGNsYXNzPVwiZXVpLXUtdGV4dC1saW5rLWV4dGVybmFsXCJcbiAgICAgICAgICAgICAgICBocmVmPVwie3sgaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbCB9fVwiXG4gICAgICAgICAgICAgICAgW3RhcmdldF09XCIhaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldCA/ICdfYmxhbmsnIDogaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldFwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZi1tLWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXRlbS5tZXRhZGF0YT8udXJsICYmICFpdGVtLm1ldGFkYXRhPy51cmxFeHRlcm5hbFwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZi1tLWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtYm90dG9tXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cImV1aS11LXRleHQtbGlua1wiXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd01hcmtBc1JlYWQgJiYgaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkXCJcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uSXRlbU1hcmtBc1JlYWQoJGV2ZW50KVwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAge3sgbWFya0FzUmVhZExhYmVsID8gbWFya0FzUmVhZExhYmVsIDogKCdldWkuTk9USUZJQ0FUSU9OTUFSS0FTUkVBRCcgfCB0cmFuc2xhdGUpIH19XG4gICAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs CHANGED Viewed

@@ -175,11 +175,11 @@ export class EuiNotificationsV2Component {
         return unreadNotifications.length;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\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-v2>\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)\" class=\"eui-u-text-link\">{{\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()\" class=\"eui-u-text-link\">{{\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{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-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", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\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-v2>\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)\" class=\"eui-u-text-link\">{{\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()\" class=\"eui-u-text-link\">{{\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{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-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", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\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-v2>\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)\" class=\"eui-u-text-link\">{{\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()\" class=\"eui-u-text-link\">{{\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{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
+            args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\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-v2>\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)\" class=\"eui-u-text-link\">{{\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()\" class=\"eui-u-text-link\">{{\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{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!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{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
         }], propDecorators: { refreshClick: [{
                 type: Output
             }], notificationsClick: [{

package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs CHANGED Viewed

@@ -9,7 +9,6 @@ export class EuiSidebarToggleComponent {
         this.asService = asService;
         this.e2eAttr = 'eui-sidebar-toggle';
         this.name = 'eui-sidebar-toggle';
-        this.iconSvgFillColor = 'white';
     }
     onToggleSidebar(event) {
         this.asService.sidebarToggle();
@@ -32,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
             }], iconSvgFillColor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1zaWRlYmFyLXRvZ2dsZS9zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNpZGViYXItdG9nZ2xlL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQXNCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFPN0QsTUFBTSxPQUFPLHlCQUF5QjtJQU9sQyxZQUNXLFNBQTZCO1FBQTdCLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBUEQsWUFBTyxHQUFHLG9CQUFvQixDQUFDO1FBQ2hELFNBQUksR0FBRyxvQkFBb0IsQ0FBQztRQUdsRCxxQkFBZ0IsR0FBRyxPQUFPLENBQUM7SUFLM0IsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFZO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDL0IsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7bUhBZlEseUJBQXlCO3VHQUF6Qix5QkFBeUIsaU5DUnRDLCtSQVFBOztnR0RBYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksb0JBQW9CLGlCQUVmLGlCQUFpQixDQUFDLElBQUk7dUZBR0UsT0FBTztzQkFBN0MsV0FBVzt1QkFBQyxlQUFlOztzQkFBRyxLQUFLO2dCQUNkLElBQUk7c0JBQXpCLFdBQVc7dUJBQUMsT0FBTztnQkFHcEIsZ0JBQWdCO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aUFwcFNoZWxsU2VydmljZSwgY29uc3VtZUV2ZW50IH0gZnJvbSAnQGV1aS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktc2lkZWJhci10b2dnbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpU2lkZWJhclRvZ2dsZUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktc2lkZWJhci10b2dnbGUnO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBuYW1lID0gJ2V1aS1zaWRlYmFyLXRvZ2dsZSc7XG5cbiAgICBASW5wdXQoKVxuICAgIGljb25TdmdGaWxsQ29sb3IgPSAnd2hpdGUnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBhc1NlcnZpY2U6IEV1aUFwcFNoZWxsU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBvblRvZ2dsZVNpZGViYXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuYXNTZXJ2aWNlLnNpZGViYXJUb2dnbGUoKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZXVpLWljb24tYnV0dG9uXG4gICAgaWNvbj1cImV1aS1lY2wtaGFtYnVyZ2VyXCJcbiAgICBmaWxsQ29sb3I9XCJ7e2ljb25TdmdGaWxsQ29sb3J9fVwiXG4gICAgc2l6ZT1cImxcIlxuICAgIGhhc0ZvY3VzQm9yZGVyXG4gICAgW2FyaWFMYWJlbF09XCIoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5pc1NpZGViYXJPcGVuID8gJ0Nsb3NlIFNpZGViYXInIDogJ09wZW4gU2lkZWJhcidcIlxuICAgIChjbGljayk9XCJvblRvZ2dsZVNpZGViYXIoJGV2ZW50KVwiPlxuPC9ldWktaWNvbi1idXR0b24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1zaWRlYmFyLXRvZ2dsZS9zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNpZGViYXItdG9nZ2xlL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQXNCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFPN0QsTUFBTSxPQUFPLHlCQUF5QjtJQU9sQyxZQUNXLFNBQTZCO1FBQTdCLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBUEQsWUFBTyxHQUFHLG9CQUFvQixDQUFDO1FBQ2hELFNBQUksR0FBRyxvQkFBb0IsQ0FBQztJQVFsRCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVk7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMvQixZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQzttSEFmUSx5QkFBeUI7dUdBQXpCLHlCQUF5QixpTkNSdEMsK1JBUUE7O2dHREFhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSxvQkFBb0IsaUJBRWYsaUJBQWlCLENBQUMsSUFBSTt1RkFHRSxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBQ2QsSUFBSTtzQkFBekIsV0FBVzt1QkFBQyxPQUFPO2dCQUdwQixnQkFBZ0I7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpQXBwU2hlbGxTZXJ2aWNlLCBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1zaWRlYmFyLXRvZ2dsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlTaWRlYmFyVG9nZ2xlQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1zaWRlYmFyLXRvZ2dsZSc7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIG5hbWUgPSAnZXVpLXNpZGViYXItdG9nZ2xlJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvblN2Z0ZpbGxDb2xvcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgYXNTZXJ2aWNlOiBFdWlBcHBTaGVsbFNlcnZpY2UsXG4gICAgKSB7XG4gICAgfVxuXG4gICAgb25Ub2dnbGVTaWRlYmFyKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFzU2VydmljZS5zaWRlYmFyVG9nZ2xlKCk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxufVxuIiwiPGV1aS1pY29uLWJ1dHRvblxuICAgIGljb249XCJldWktZWNsLWhhbWJ1cmdlclwiXG4gICAgZmlsbENvbG9yPVwie3tpY29uU3ZnRmlsbENvbG9yfX1cIlxuICAgIHNpemU9XCJsXCJcbiAgICBoYXNGb2N1c0JvcmRlclxuICAgIFthcmlhTGFiZWxdPVwiKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNTaWRlYmFyT3BlbiA/ICdDbG9zZSBTaWRlYmFyJyA6ICdPcGVuIFNpZGViYXInXCJcbiAgICAoY2xpY2spPVwib25Ub2dnbGVTaWRlYmFyKCRldmVudClcIj5cbjwvZXVpLWljb24tYnV0dG9uPlxuIl19

package/esm2022/layout/eui-toolbar/index.mjs CHANGED Viewed

@@ -9,4 +9,7 @@ export * from './toolbar-items/toolbar-items.component';
 // export * from './toolbar-item-notifications/toolbar-item-notifications.component';
 export * from './toolbar-menu/toolbar-menu.component';
 export * from './toolbar-center/toolbar-center.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxtRkFBbUY7QUFDbkYscUZBQXFGO0FBQ3JGLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywyQ0FBMkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItYXBwL3Rvb2xiYXItYXBwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItbG9nby90b29sYmFyLWxvZ28uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci1lbnZpcm9ubWVudC90b29sYmFyLWVudmlyb25tZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItaXRlbS90b29sYmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci1pdGVtcy90b29sYmFyLWl0ZW1zLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItaXRlbS11c2VyLXByb2ZpbGUvdG9vbGJhci1pdGVtLXVzZXItcHJvZmlsZS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLWl0ZW0tbm90aWZpY2F0aW9ucy90b29sYmFyLWl0ZW0tbm90aWZpY2F0aW9ucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLW1lbnUvdG9vbGJhci1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItY2VudGVyL3Rvb2xiYXItY2VudGVyLmNvbXBvbmVudCc7XG4iXX0=
+export * from './toolbar-start/toolbar-start.component';
+export * from './toolbar-navbar/toolbar-navbar.component';
+export * from './toolbar-navbar-item/toolbar-navbar-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxtRkFBbUY7QUFDbkYscUZBQXFGO0FBQ3JGLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxxREFBcUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItYXBwL3Rvb2xiYXItYXBwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItbG9nby90b29sYmFyLWxvZ28uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci1lbnZpcm9ubWVudC90b29sYmFyLWVudmlyb25tZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItaXRlbS90b29sYmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbGJhci1pdGVtcy90b29sYmFyLWl0ZW1zLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItaXRlbS11c2VyLXByb2ZpbGUvdG9vbGJhci1pdGVtLXVzZXItcHJvZmlsZS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLWl0ZW0tbm90aWZpY2F0aW9ucy90b29sYmFyLWl0ZW0tbm90aWZpY2F0aW9ucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLW1lbnUvdG9vbGJhci1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItY2VudGVyL3Rvb2xiYXItY2VudGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xiYXItc3RhcnQvdG9vbGJhci1zdGFydC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLW5hdmJhci90b29sYmFyLW5hdmJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b29sYmFyLW5hdmJhci1pdGVtL3Rvb2xiYXItbmF2YmFyLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs ADDED Viewed

@@ -0,0 +1,39 @@
+import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Output, EventEmitter, ContentChildren, forwardRef } from '@angular/core';
+import { EuiToolbarNavbarItemComponent } from '../toolbar-navbar-item/toolbar-navbar-item.component';
+import * as i0 from "@angular/core";
+export class EuiToolbarNavbarComponent {
+    constructor() {
+        this.class = 'eui-toolbar-navbar';
+        this.itemClick = new EventEmitter();
+    }
+    itemSelected(id) {
+        this.items.forEach((item) => {
+            if (item.id === id) {
+                item.isActive = true;
+            }
+            else {
+                item.isActive = false;
+            }
+        });
+        this.itemClick.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: EuiToolbarNavbarComponent, selector: "eui-toolbar-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiToolbarNavbarItemComponent) }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarNavbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eui-toolbar-navbar',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.Default,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding
+            }], itemClick: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EuiToolbarNavbarItemComponent)]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS10b29sYmFyL3Rvb2xiYXItbmF2YmFyL3Rvb2xiYXItbmF2YmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDakssT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sc0RBQXNELENBQUM7O0FBUXJHLE1BQU0sT0FBTyx5QkFBeUI7SUFOdEM7UUFPbUIsVUFBSyxHQUFHLG9CQUFvQixDQUFDO1FBRWxDLGNBQVMsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWNsRTtJQVZVLFlBQVksQ0FBQyxFQUFVO1FBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDO2dCQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUN6QixDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDMUIsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFBO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQzttSEFoQlEseUJBQXlCO3VHQUF6Qix5QkFBeUIsMExBS0EsNkJBQTZCLDhCQVRyRCwyQkFBMkI7O2dHQUk1Qix5QkFBeUI7a0JBTnJDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE9BQU87b0JBQ2hELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN4Qzs4QkFFa0IsS0FBSztzQkFBbkIsV0FBVztnQkFFRixTQUFTO3NCQUFsQixNQUFNO2dCQUUyRCxLQUFLO3NCQUF0RSxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbnRlbnRDaGlsZHJlbiwgZm9yd2FyZFJlZiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWlUb29sYmFyTmF2YmFySXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2xiYXItbmF2YmFyLWl0ZW0vdG9vbGJhci1uYXZiYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS10b29sYmFyLW5hdmJhcicsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVG9vbGJhck5hdmJhckNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCkgY2xhc3MgPSAnZXVpLXRvb2xiYXItbmF2YmFyJztcblxuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aVRvb2xiYXJOYXZiYXJJdGVtQ29tcG9uZW50KSkgaXRlbXM6IFF1ZXJ5TGlzdDxFdWlUb29sYmFyTmF2YmFySXRlbUNvbXBvbmVudD47XG5cbiAgICBwdWJsaWMgaXRlbVNlbGVjdGVkKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtcy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAoaXRlbS5pZCA9PT0gaWQpIHtcbiAgICAgICAgICAgICAgICBpdGVtLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaXRlbS5pc0FjdGl2ZSA9IGZhbHNlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgICB0aGlzLml0ZW1DbGljay5lbWl0KGlkKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.mjs ADDED Viewed

@@ -0,0 +1,66 @@
+import { Component, Host, HostBinding, HostListener, Inject, Input, Optional, booleanAttribute, forwardRef } from '@angular/core';
+import { EuiToolbarNavbarComponent } from '../toolbar-navbar/toolbar-navbar.component';
+import * as i0 from "@angular/core";
+export class EuiToolbarNavbarItemComponent {
+    get cssClasses() {
+        return [
+            'eui-toolbar-navbar-item',
+            this.isActive ? 'eui-toolbar-navbar-item--active' : '',
+        ].join(' ').trim();
+    }
+    constructor(navBarComponent) {
+        this.tabindex = 0;
+        this.isActive = false;
+        this.navBarComponentParent = navBarComponent;
+    }
+    onClick() {
+        this._click();
+    }
+    onKeydown(event) {
+        switch (event.code) {
+            case 'Enter':
+            case 'Space':
+                event.preventDefault();
+                event.stopPropagation();
+                this._click();
+                break;
+        }
+    }
+    _click() {
+        this.navBarComponentParent.itemSelected(this.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarNavbarItemComponent, deps: [{ token: forwardRef(() => EuiToolbarNavbarComponent), host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiToolbarNavbarItemComponent, selector: "eui-toolbar-navbar-item", inputs: { id: "id", isActive: ["isActive", "isActive", booleanAttribute] }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarNavbarItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eui-toolbar-navbar-item',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => EuiToolbarNavbarComponent)]
+                }] }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], id: [{
+                type: Input
+            }], isActive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1uYXZiYXItaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci1uYXZiYXItaXRlbS90b29sYmFyLW5hdmJhci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFnQixJQUFJLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBVSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEosT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBTXZGLE1BQU0sT0FBTyw2QkFBNkI7SUFDdEMsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILHlCQUF5QjtZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUN6RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBU0QsWUFDNkUsZUFBZTtRQVI5RCxhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBR0gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU9yRCxJQUFJLENBQUMscUJBQXFCLEdBQUcsZUFBZSxDQUFDO0lBQ2pELENBQUM7SUFHUyxPQUFPO1FBQ2IsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFHUyxTQUFTLENBQUMsS0FBb0I7UUFDcEMsUUFBUSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDakIsS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLE9BQU87Z0JBQ1IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDZCxNQUFNO1FBQ2QsQ0FBQztJQUNMLENBQUM7SUFFTyxNQUFNO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckQsQ0FBQzttSEF6Q1EsNkJBQTZCLGtCQWlCTixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQUM7dUdBakJsRSw2QkFBNkIsOEZBWWxCLGdCQUFnQiwwTEFkMUIsMkJBQTJCOztnR0FFNUIsNkJBQTZCO2tCQUp6QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3hDOzswQkFrQlEsSUFBSTs7MEJBQUksUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQUM7eUNBZnZFLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVFVLFFBQVE7c0JBQXJDLFdBQVc7dUJBQUMsZUFBZTtnQkFFbkIsRUFBRTtzQkFBVixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQVc1QixPQUFPO3NCQURoQixZQUFZO3VCQUFDLE9BQU87Z0JBTVgsU0FBUztzQkFEbEIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCwgYm9vbGVhbkF0dHJpYnV0ZSwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpVG9vbGJhck5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2xiYXItbmF2YmFyL3Rvb2xiYXItbmF2YmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXRvb2xiYXItbmF2YmFyLWl0ZW0nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG59KVxuZXhwb3J0IGNsYXNzIEV1aVRvb2xiYXJOYXZiYXJJdGVtQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aS10b29sYmFyLW5hdmJhci1pdGVtJyxcbiAgICAgICAgICAgIHRoaXMuaXNBY3RpdmUgPyAnZXVpLXRvb2xiYXItbmF2YmFyLWl0ZW0tLWFjdGl2ZScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYmluZGV4ID0gMDtcblxuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQWN0aXZlID0gZmFsc2U7XG5cbiAgICBuYXZCYXJDb21wb25lbnRQYXJlbnQ6IEV1aVRvb2xiYXJOYXZiYXJDb21wb25lbnQ7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEhvc3QoKSBAT3B0aW9uYWwoKSBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gRXVpVG9vbGJhck5hdmJhckNvbXBvbmVudCkpIG5hdkJhckNvbXBvbmVudCxcbiAgICApIHtcbiAgICAgICAgdGhpcy5uYXZCYXJDb21wb25lbnRQYXJlbnQgPSBuYXZCYXJDb21wb25lbnQ7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICAgIHByb3RlY3RlZCBvbkNsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jbGljaygpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICAgIHByb3RlY3RlZCBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoIChldmVudC5jb2RlKSB7XG4gICAgICAgICAgICBjYXNlICdFbnRlcic6XG4gICAgICAgICAgICBjYXNlICdTcGFjZSc6XG4gICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICB0aGlzLl9jbGljaygpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMubmF2QmFyQ29tcG9uZW50UGFyZW50Lml0ZW1TZWxlY3RlZCh0aGlzLmlkKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/layout/eui-toolbar/toolbar-start/toolbar-start.component.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuiToolbarStartComponent {
+    constructor() {
+        this.string = 'eui-toolbar__start';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarStartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: EuiToolbarStartComponent, selector: "eui-toolbar-start", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiToolbarStartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eui-toolbar-start',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { string: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1zdGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci1zdGFydC90b29sYmFyLXN0YXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNdkQsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQUswQixXQUFNLEdBQUcsb0JBQW9CLENBQUM7S0FDdkQ7bUhBRlksd0JBQXdCO3VHQUF4Qix3QkFBd0IsMkdBRnZCLDJCQUEyQjs7Z0dBRTVCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixRQUFRLEVBQUUsMkJBQTJCO2lCQUN4Qzs4QkFFeUIsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS10b29sYmFyLXN0YXJ0JyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlUb29sYmFyU3RhcnRDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBzdHJpbmcgPSAnZXVpLXRvb2xiYXJfX3N0YXJ0Jztcbn1cbiJdfQ==