@eui/components 21.0.0-alpha.18 → 21.0.0-alpha.19

package/fesm2022/eui-components-layout-eui-notifications-v2.mjs

@@ -1,264 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Input, Output, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
-import { consumeEvent } from '@eui/core';
-import { NgClass, DatePipe } from '@angular/common';
-import * as i1 from '@eui/components/eui-icon';
-import { EUI_ICON } from '@eui/components/eui-icon';
-import { EuiTruncatePipe } from '@eui/components/pipes';
-import * as i2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i3 from '@eui/components/eui-badge';
-import { EUI_BADGE } from '@eui/components/eui-badge';
-import * as i2$1 from '@eui/components/eui-icon-button';
-import { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';
-import * as i4 from '@eui/components/eui-overlay';
-import { EUI_OVERLAY } from '@eui/components/eui-overlay';
-import { EUI_BUTTON } from '@eui/components/eui-button';
-
-class EuiNotificationItemV2Component {
-    constructor() {
-        this.string = 'eui-notification-item';
-        this.itemClick = new EventEmitter();
-        this.itemMarkAsRead = new EventEmitter();
-        this.markAsReadLabel = null;
-        this.dateFormat = 'dd/MM/YYYY';
-        this.tooltipSize = 'auto';
-        this.isShowMarkAsRead = true;
-    }
-    get iconColor() {
-        return this.item.metadata?.read ? 'secondary-light' : 'secondary';
-    }
-    onItemClick() {
-        this.itemClick.emit(this.item);
-    }
-    onItemMarkAsRead(event) {
-        if (this.item.metadata) {
-            this.item.metadata.read = true;
-        }
-        this.itemMarkAsRead.emit(this.item);
-        consumeEvent(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.3", type: EuiNotificationItemV2Component, isStandalone: true, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: ["isShowMarkAsRead", "isShowMarkAsRead", booleanAttribute] }, 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        @if (item.metadata?.date) {\n        <div 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 icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                @if (item.metadata?.new) {\n                    <span class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n                }\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        }\n        @if (item.metadata?.important) {\n        <div class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n        }\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (!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            @if (item.subLabel) {\n            <div\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n        <a\n            class=\"eui-u-text-link\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: EuiTruncatePipe, name: "euiTruncate" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-notification-item-v2', imports: [
-                        NgClass,
-                        DatePipe,
-                        EuiTruncatePipe,
-                        TranslateModule,
-                        ...EUI_ICON,
-                    ], 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        @if (item.metadata?.date) {\n        <div 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 icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                @if (item.metadata?.new) {\n                    <span class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n                }\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        }\n        @if (item.metadata?.important) {\n        <div class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n        }\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (!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            @if (item.subLabel) {\n            <div\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n        <a\n            class=\"eui-u-text-link\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n        }\n    </div>\n</div>\n" }]
-        }], propDecorators: { string: [{
-                type: HostBinding,
-                args: ['class']
-            }], itemClick: [{
-                type: Output
-            }], itemMarkAsRead: [{
-                type: Output
-            }], markAsReadLabel: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], dateFormat: [{
-                type: Input
-            }], isShowMarkAsRead: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-class EuiNotificationsV2Component {
-    constructor() {
-        this.refreshClick = new EventEmitter();
-        this.notificationsClick = new EventEmitter();
-        this.viewAllClick = new EventEmitter();
-        // @Output() settingsClick: EventEmitter<any> = new EventEmitter<any>();
-        this.markAllAsReadClick = new EventEmitter();
-        this.noNotificationFoundClick = new EventEmitter();
-        this.itemClick = new EventEmitter();
-        this.itemMarkAsReadClick = new EventEmitter();
-        this.isOverlayActive = false;
-        this.currentDayNotifications = [];
-        this.oldestNotifications = [];
-        this.unreadNotifications = [];
-        this.today = new Date();
-        this.string = 'eui-notifications-v2';
-        this.count = null;
-        this.unreadCount = null;
-        this.unreadSinceLastCheckCount = null;
-        this.items = [];
-        this.unreadLabel = null;
-        this.totalLabel = null;
-        this.markAsReadLabel = null;
-        this.markAsUnReadLabel = null;
-        this.markAllAsReadLabel = null;
-        this.settingsLabel = null;
-        this.refreshLabel = null;
-        this.viewAllNotificationsLabel = null;
-        this.headerTitleLabel = null;
-        this.headerHideLabel = null;
-        this.headerUnreadSinceLastCheckCountLabel = null;
-        this.headerUnreadCountLabel = null;
-        this.noNotificationFoundLabel = null;
-        this.dateFormat = 'dd/MM/YYYY';
-        this.noNotificationFoundLink = false;
-        this.isShowMarkAsRead = true;
-        this.isShowViewAllAction = true;
-        this.isHidePanelOnViewAllAction = true;
-        this.isShowMarkAllAsReadButton = true;
-        this.isShowSettingsButton = true;
-        this.isShowRefreshButton = true;
-    }
-    get isShowUnreadSinceLastCheckCount() {
-        return this.unreadSinceLastCheckCount && this.unreadSinceLastCheckCount > 0;
-    }
-    onHide() {
-        this.isOverlayActive = false;
-    }
-    onClicked(event) {
-        this.notificationsClick.emit();
-        consumeEvent(event);
-        this.isOverlayActive = !this.isOverlayActive;
-    }
-    onRefresh(event) {
-        this.refreshClick.emit();
-        consumeEvent(event);
-    }
-    onItemClick(link) {
-        this.itemClick.emit(link);
-        consumeEvent(event);
-    }
-    onViewAllClick(event) {
-        this.viewAllClick.emit();
-        if (!this.isHidePanelOnViewAllAction) {
-            consumeEvent(event);
-        }
-    }
-    onNoNotificationFoundClick() {
-        this.noNotificationFoundClick.emit();
-    }
-    onItemMarkAsRead(link) {
-        this.itemMarkAsReadClick.emit(link);
-    }
-    onMarkAllAsRead(e) {
-        this.markAllAsReadClick.emit(e);
-        consumeEvent(e);
-    }
-    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    trackByFn(index, item) {
-        return item.id;
-    }
-    updateActiveState(isActive) {
-        this.isOverlayActive = isActive;
-    }
-    getAriaLabel() {
-        if (this.count) {
-            return this.count > 1
-                ? ` You have ${this.count} notifications`
-                : `You have ${this.count} notification`;
-        }
-        return 'Open notifications panel';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.3", type: EuiNotificationsV2Component, isStandalone: true, 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", dateFormat: "dateFormat", noNotificationFoundLink: ["noNotificationFoundLink", "noNotificationFoundLink", booleanAttribute], isShowMarkAsRead: ["isShowMarkAsRead", "isShowMarkAsRead", booleanAttribute], isShowViewAllAction: ["isShowViewAllAction", "isShowViewAllAction", booleanAttribute], isHidePanelOnViewAllAction: ["isHidePanelOnViewAllAction", "isHidePanelOnViewAllAction", booleanAttribute], isShowMarkAllAsReadButton: ["isShowMarkAllAsReadButton", "isShowMarkAllAsReadButton", booleanAttribute], isShowSettingsButton: ["isShowSettingsButton", "isShowSettingsButton", booleanAttribute], isShowRefreshButton: ["isShowRefreshButton", "isShowRefreshButton", booleanAttribute] }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications-o\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (isShowUnreadSinceLastCheckCount) {\n        <eui-badge euiSizeM euiDanger [maxCharCount]=\"2\">{{ unreadSinceLastCheckCount }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive){\n    <eui-overlay isActive hasClosedOnClickOutside class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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 icon=\"chevron-forward:sharp\" 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                    @if (items.length > 0) {\n                    <a (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                        {{ 'notif.MARK-ALL-READ' | translate }}\n                    </a>\n                    }\n                    <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                        <span class=\"eui-u-flex\">\n                            <eui-icon-svg set=\"eui\" icon=\"eui-refresh\" fillColor=\"secondary\"></eui-icon-svg>\n                            {{ 'notif.SV-REFRESH' | translate }}\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n            <ul class=\"eui-notifications-items\">\n                @for (item of items; track trackByFn($index, item)) {\n                <eui-notification-item-v2\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                }\n            </ul>\n            }\n        </eui-overlay-body>\n    \n        <eui-overlay-footer>\n            @if (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            }\n            @if (items?.length === 0) {\n                @if (!noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </div>\n                }\n                @if (noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    <strong\n                        ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                            noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                        }}</a></strong\n                    >\n                </div>\n                }\n            }\n        </eui-overlay-footer>\n    </eui-overlay>\n}\n", styles: [".eui-19 .eui-overlay-header{padding:0}.eui-19 .eui-overlay-footer{background-color:var(--eui-c-surface-container)}.eui-19 .eui-notifications-items{margin:0;padding:0}.eui-19 .eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-19 .eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-divider-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-19 .eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications-v2__header-title-label{font:var(--eui-f-l-semi-bold)}.eui-19 .eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-19 .eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-19 .eui-notifications-v2__header-subinfos-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-divider-lightt);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-divider-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-19 .eui-notification-item-content{background-color:var(--eui-c-info-surface-light);border-bottom:1px solid var(--eui-c-divider);display:flex;flex-direction:column;min-height:var(--eui-s-6xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-19 .eui-notification-item-content:hover{background-color:var(--eui-c-secondary-surface-light)!important}.eui-19 .eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-notification-item-content-top__date{display:flex;align-items:center}.eui-19 .eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-19 .eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-19 .eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-19 .eui-notification-item-content-middle{display:flex;margin:var(--eui-s-3xs) 0}.eui-19 .eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-3xs)}.eui-19 .eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i2$1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasOverflowHover", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }, { kind: "component", type: i4.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i4.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i4.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i4.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, imports: [
-                        TranslateModule,
-                        EuiNotificationItemV2Component,
-                        ...EUI_ICON,
-                        ...EUI_ICON_BUTTON,
-                        ...EUI_BADGE,
-                        ...EUI_OVERLAY,
-                        ...EUI_BUTTON,
-                    ], template: "<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications-o\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (isShowUnreadSinceLastCheckCount) {\n        <eui-badge euiSizeM euiDanger [maxCharCount]=\"2\">{{ unreadSinceLastCheckCount }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive){\n    <eui-overlay isActive hasClosedOnClickOutside class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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 icon=\"chevron-forward:sharp\" 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                    @if (items.length > 0) {\n                    <a (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                        {{ 'notif.MARK-ALL-READ' | translate }}\n                    </a>\n                    }\n                    <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                        <span class=\"eui-u-flex\">\n                            <eui-icon-svg set=\"eui\" icon=\"eui-refresh\" fillColor=\"secondary\"></eui-icon-svg>\n                            {{ 'notif.SV-REFRESH' | translate }}\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n            <ul class=\"eui-notifications-items\">\n                @for (item of items; track trackByFn($index, item)) {\n                <eui-notification-item-v2\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                }\n            </ul>\n            }\n        </eui-overlay-body>\n    \n        <eui-overlay-footer>\n            @if (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            }\n            @if (items?.length === 0) {\n                @if (!noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </div>\n                }\n                @if (noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    <strong\n                        ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                            noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                        }}</a></strong\n                    >\n                </div>\n                }\n            }\n        </eui-overlay-footer>\n    </eui-overlay>\n}\n", styles: [".eui-19 .eui-overlay-header{padding:0}.eui-19 .eui-overlay-footer{background-color:var(--eui-c-surface-container)}.eui-19 .eui-notifications-items{margin:0;padding:0}.eui-19 .eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-19 .eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-divider-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-19 .eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications-v2__header-title-label{font:var(--eui-f-l-semi-bold)}.eui-19 .eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-19 .eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-19 .eui-notifications-v2__header-subinfos-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-divider-lightt);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-divider-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-19 .eui-notification-item-content{background-color:var(--eui-c-info-surface-light);border-bottom:1px solid var(--eui-c-divider);display:flex;flex-direction:column;min-height:var(--eui-s-6xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-19 .eui-notification-item-content:hover{background-color:var(--eui-c-secondary-surface-light)!important}.eui-19 .eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-notification-item-content-top__date{display:flex;align-items:center}.eui-19 .eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-19 .eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-19 .eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-19 .eui-notification-item-content-middle{display:flex;margin:var(--eui-s-3xs) 0}.eui-19 .eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-3xs)}.eui-19 .eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
-        }], propDecorators: { refreshClick: [{
-                type: Output
-            }], notificationsClick: [{
-                type: Output
-            }], viewAllClick: [{
-                type: Output
-            }], markAllAsReadClick: [{
-                type: Output
-            }], noNotificationFoundClick: [{
-                type: Output
-            }], itemClick: [{
-                type: Output
-            }], itemMarkAsReadClick: [{
-                type: Output
-            }], string: [{
-                type: HostBinding,
-                args: ['class']
-            }], count: [{
-                type: Input
-            }], unreadCount: [{
-                type: Input
-            }], unreadSinceLastCheckCount: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], unreadLabel: [{
-                type: Input
-            }], totalLabel: [{
-                type: Input
-            }], markAsReadLabel: [{
-                type: Input
-            }], markAsUnReadLabel: [{
-                type: Input
-            }], markAllAsReadLabel: [{
-                type: Input
-            }], settingsLabel: [{
-                type: Input
-            }], refreshLabel: [{
-                type: Input
-            }], viewAllNotificationsLabel: [{
-                type: Input
-            }], headerTitleLabel: [{
-                type: Input
-            }], headerHideLabel: [{
-                type: Input
-            }], headerUnreadSinceLastCheckCountLabel: [{
-                type: Input
-            }], headerUnreadCountLabel: [{
-                type: Input
-            }], noNotificationFoundLabel: [{
-                type: Input
-            }], dateFormat: [{
-                type: Input
-            }], noNotificationFoundLink: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isShowMarkAsRead: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isShowViewAllAction: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isHidePanelOnViewAllAction: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isShowMarkAllAsReadButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isShowSettingsButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isShowRefreshButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-const EUI_NOTIFICATIONS_V2 = [
-    EuiNotificationsV2Component,
-    EuiNotificationItemV2Component,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { EUI_NOTIFICATIONS_V2, EuiNotificationItemV2Component, EuiNotificationsV2Component };
-//# sourceMappingURL=eui-components-layout-eui-notifications-v2.mjs.map

package/fesm2022/eui-components-layout-eui-notifications-v2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"eui-components-layout-eui-notifications-v2.mjs","sources":["../../layout/eui-notifications-v2/eui-notification-item.component.ts","../../layout/eui-notifications-v2/eui-notification-item.component.html","../../layout/eui-notifications-v2/eui-notifications.component.ts","../../layout/eui-notifications-v2/eui-notifications.component.html","../../layout/eui-notifications-v2/index.ts","../../layout/eui-notifications-v2/eui-components-layout-eui-notifications-v2.ts"],"sourcesContent":["import { booleanAttribute, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { UxLinkLegacy } from '@eui/core';\nimport { consumeEvent } from '@eui/core';\nimport { NotificationMetadata } from '@eui/components/layout/eui-notifications';\nimport { DatePipe, NgClass } from '@angular/common';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EuiTruncatePipe } from '@eui/components/pipes';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n    selector: 'eui-notification-item-v2',\n    templateUrl: './eui-notification-item.component.html',\n    imports: [\n        NgClass,\n        DatePipe,\n        EuiTruncatePipe,\n        TranslateModule,\n        ...EUI_ICON,\n    ],\n})\nexport class EuiNotificationItemV2Component {\n    @HostBinding('class') string = 'eui-notification-item';\n    @Output() itemClick: EventEmitter<UxLinkLegacy> = new EventEmitter<UxLinkLegacy>();\n    @Output() itemMarkAsRead: EventEmitter<UxLinkLegacy> = new EventEmitter<UxLinkLegacy>();\n    @Input() markAsReadLabel: string = null;\n    @Input() item: UxLinkLegacy<NotificationMetadata>;\n    @Input() dateFormat = 'dd/MM/YYYY';\n    tooltipSize = 'auto';\n    @Input({ transform: booleanAttribute }) isShowMarkAsRead = true;\n\n    get iconColor(): string {\n        return this.item.metadata?.read ? 'secondary-light' : 'secondary';\n    }\n\n    onItemClick(): void {\n        this.itemClick.emit(this.item);\n    }\n\n    onItemMarkAsRead(event: Event): void {\n        if (this.item.metadata) {\n            this.item.metadata.read = true;\n        }\n        this.itemMarkAsRead.emit(this.item);\n        consumeEvent(event);\n    }\n}\n","<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        @if (item.metadata?.date) {\n        <div 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 icon=\"notifications:sharp\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                @if (item.metadata?.new) {\n                    <span class=\"eui-notification-item-content-top__date-dot eui-u-c-danger-light eui-u-f-s eui-icon eui-icon-circle\"></span>\n                }\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        }\n        @if (item.metadata?.important) {\n        <div class=\"eui-u-f-m-bold\">\n            <eui-icon-svg icon=\"alert:sharp\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n        }\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (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-semi-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                @if (item.subLabel) {\n                <div\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n                }\n            </a>\n        }\n\n        @if (!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            @if (item.subLabel) {\n            <div\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n        <a\n            class=\"eui-u-text-link\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n        }\n    </div>\n</div>\n","import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_OVERLAY } from '@eui/components/eui-overlay';\nimport { consumeEvent, UxLinkLegacy } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiNotificationItemV2Component } from './eui-notification-item.component';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\n\n@Component({\n    selector: 'eui-notifications-v2',\n    templateUrl: './eui-notifications.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        TranslateModule,\n        EuiNotificationItemV2Component,\n        ...EUI_ICON,\n        ...EUI_ICON_BUTTON,\n        ...EUI_BADGE,\n        ...EUI_OVERLAY,\n        ...EUI_BUTTON,\n    ],\n})\nexport class EuiNotificationsV2Component {\n    @Output() refreshClick: EventEmitter<Event> = new EventEmitter<Event>();\n    @Output() notificationsClick: EventEmitter<KeyboardEvent | MouseEvent> = new EventEmitter<KeyboardEvent | MouseEvent>();\n    @Output() viewAllClick: EventEmitter<Event> = new EventEmitter<Event>();\n    // @Output() settingsClick: EventEmitter<any> = new EventEmitter<any>();\n    @Output() markAllAsReadClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    @Output() noNotificationFoundClick: EventEmitter<void> = new EventEmitter<void>();\n    @Output() itemClick: EventEmitter<UxLinkLegacy> = new EventEmitter<UxLinkLegacy>();\n    @Output() itemMarkAsReadClick: EventEmitter<UxLinkLegacy> = new EventEmitter<UxLinkLegacy>();\n\n    isOverlayActive = false;\n    currentDayNotifications = [];\n    oldestNotifications = [];\n    unreadNotifications = [];\n    today: Date = new Date();\n\n    @HostBinding('class') string = 'eui-notifications-v2';\n\n    @Input() count: number = null;\n    @Input() unreadCount: number = null;\n    @Input() unreadSinceLastCheckCount: number = null;\n    @Input() items = [];\n    @Input() unreadLabel: string = null;\n    @Input() totalLabel: string = null;\n    @Input() markAsReadLabel: string = null;\n    @Input() markAsUnReadLabel: string = null;\n    @Input() markAllAsReadLabel: string = null;\n    @Input() settingsLabel: string = null;\n    @Input() refreshLabel: string = null;\n    @Input() viewAllNotificationsLabel: string = null;\n    @Input() headerTitleLabel: string = null;\n    @Input() headerHideLabel: string = null;\n    @Input() headerUnreadSinceLastCheckCountLabel: string = null;\n    @Input() headerUnreadCountLabel: string = null;\n    @Input() noNotificationFoundLabel: string = null;\n    @Input() dateFormat = 'dd/MM/YYYY';\n    @Input({ transform: booleanAttribute }) noNotificationFoundLink = false;\n    @Input({ transform: booleanAttribute }) isShowMarkAsRead = true;\n    @Input({ transform: booleanAttribute }) isShowViewAllAction = true;\n    @Input({ transform: booleanAttribute }) isHidePanelOnViewAllAction = true;\n    @Input({ transform: booleanAttribute }) isShowMarkAllAsReadButton = true;\n    @Input({ transform: booleanAttribute }) isShowSettingsButton = true;\n    @Input({ transform: booleanAttribute }) isShowRefreshButton = true;\n\n    get isShowUnreadSinceLastCheckCount(): boolean {\n        return this.unreadSinceLastCheckCount && this.unreadSinceLastCheckCount > 0;\n    }\n\n    onHide(): void {\n        this.isOverlayActive = false;\n    }\n\n    onClicked(event: Event): void {\n        this.notificationsClick.emit();\n        consumeEvent(event);\n        this.isOverlayActive = !this.isOverlayActive;\n    }\n\n    onRefresh(event: Event): void {\n        this.refreshClick.emit();\n        consumeEvent(event);\n    }\n\n    onItemClick(link: UxLinkLegacy): void {\n        this.itemClick.emit(link);\n        consumeEvent(event);\n    }\n\n    onViewAllClick(event: Event): void {\n        this.viewAllClick.emit();\n        if (!this.isHidePanelOnViewAllAction) {\n            consumeEvent(event);\n        }\n    }\n\n    onNoNotificationFoundClick(): void {\n        this.noNotificationFoundClick.emit();\n    }\n\n    onItemMarkAsRead(link: UxLinkLegacy): void {\n        this.itemMarkAsReadClick.emit(link);\n    }\n\n    onMarkAllAsRead(e: MouseEvent): void {\n        this.markAllAsReadClick.emit(e);\n        consumeEvent(e);\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    trackByFn(index: number, item: any): void {\n        return item.id;\n    }\n\n    protected updateActiveState(isActive: boolean): void {\n        this.isOverlayActive = isActive;\n    }\n\n    protected getAriaLabel(): string {\n        if (this.count) {\n            return this.count > 1\n                ? ` You have ${this.count} notifications`\n                : `You have ${this.count} notification`;\n        }\n        return 'Open notifications panel';\n    }\n}\n","<eui-icon-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications-o\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (isShowUnreadSinceLastCheckCount) {\n        <eui-badge euiSizeM euiDanger [maxCharCount]=\"2\">{{ unreadSinceLastCheckCount }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive){\n    <eui-overlay isActive hasClosedOnClickOutside class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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 icon=\"chevron-forward:sharp\" 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                    @if (items.length > 0) {\n                    <a (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                        {{ 'notif.MARK-ALL-READ' | translate }}\n                    </a>\n                    }\n                    <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                        <span class=\"eui-u-flex\">\n                            <eui-icon-svg set=\"eui\" icon=\"eui-refresh\" fillColor=\"secondary\"></eui-icon-svg>\n                            {{ 'notif.SV-REFRESH' | translate }}\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n            <ul class=\"eui-notifications-items\">\n                @for (item of items; track trackByFn($index, item)) {\n                <eui-notification-item-v2\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                }\n            </ul>\n            }\n        </eui-overlay-body>\n    \n        <eui-overlay-footer>\n            @if (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            }\n            @if (items?.length === 0) {\n                @if (!noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                </div>\n                }\n                @if (noNotificationFoundLink) {\n                <div class=\"ux-notification__item-content\">\n                    <strong\n                        ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                            noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                        }}</a></strong\n                    >\n                </div>\n                }\n            }\n        </eui-overlay-footer>\n    </eui-overlay>\n}\n","import { EuiNotificationItemV2Component } from './eui-notification-item.component';\nimport { EuiNotificationsV2Component } from './eui-notifications.component';\n\nexport * from './eui-notification-item.component';\nexport * from './eui-notifications.component';\n\nexport const EUI_NOTIFICATIONS_V2 = [\n    EuiNotificationsV2Component,\n    EuiNotificationItemV2Component,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i5"],"mappings":"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"}