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

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

@@ -1,277 +0,0 @@
-import { NgClass, DatePipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Input, Output, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
-import * as i1 from '@eui/components/eui-icon';
-import { EUI_ICON } from '@eui/components/eui-icon';
-import { EuiTruncatePipe } from '@eui/components/pipes';
-import { consumeEvent } from '@eui/core';
-import * as i2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i2$1 from '@eui/components/eui-icon-button';
-import { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';
-import * as i3 from '@eui/components/eui-badge';
-import { EUI_BADGE } from '@eui/components/eui-badge';
-import * as i4 from '@eui/components/eui-overlay';
-import { EUI_OVERLAY } from '@eui/components/eui-overlay';
-import * as i5 from '@eui/components/eui-button';
-import { EUI_BUTTON } from '@eui/components/eui-button';
-
-class EuiNotificationItemComponent {
-    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;
-    }
-    onItemClick() {
-        this.itemClick.emit(this.item);
-    }
-    onItemMarkAsRead(event) {
-        if (this.item.metadata) {
-            this.item.metadata.read = true;
-        }
-        this.itemMarkAsRead.emit(this.item);
-        consumeEvent(event);
-    }
-    get iconColor() {
-        return this.item.metadata?.read ? 'secondary-light' : 'secondary';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.3", type: EuiNotificationItemComponent, isStandalone: true, selector: "eui-notification-item", 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\" 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 }}\">\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\">\n                    </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\">\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\">\n                    </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\">\n                </div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n            <a\n                href=\"javascript:void(0)\"\n                class=\"eui-u-text-link\"\n                (click)=\"onItemMarkAsRead($event)\">\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: EuiNotificationItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-notification-item', 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\" 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 }}\">\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\">\n                    </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\">\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\">\n                    </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\">\n                </div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n            <a\n                href=\"javascript:void(0)\"\n                class=\"eui-u-text-link\"\n                (click)=\"onItemMarkAsRead($event)\">\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 EuiNotificationsComponent {
-    constructor() {
-        this.refreshClick = new EventEmitter();
-        this.notificationsClick = new EventEmitter();
-        this.viewAllClick = new EventEmitter();
-        this.settingsClick = new EventEmitter();
-        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';
-        this.count = 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.noNotificationFoundLabel = null;
-        this.nbUnreadCount = null;
-        this.dateFormat = 'dd/MM/YYYY';
-        this.noNotificationFoundLink = false;
-        this.isShowMarkAsRead = true;
-        this.isShowViewAllAction = true;
-        this.isHidePanelOnViewAllAction = true;
-        this.customUnreadCount = false;
-        this.isShowMarkAllAsReadButton = true;
-        this.isShowSettingsButton = true;
-        this.isShowRefreshButton = true;
-    }
-    onClicked(event) {
-        this.notificationsClick.emit();
-        consumeEvent(event);
-        this.isOverlayActive = !this.isOverlayActive;
-    }
-    ngOnChanges(changes) {
-        if (changes.customUnreadCount) {
-            const customUnreadCount = changes.customUnreadCount.currentValue;
-            if (!customUnreadCount) {
-                this.nbUnreadCount = this._getUnreadCount();
-            }
-        }
-    }
-    ngOnInit() {
-        if (!this.customUnreadCount) {
-            this.nbUnreadCount = this._getUnreadCount();
-        }
-    }
-    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);
-    }
-    onSettings(e) {
-        this.settingsClick.emit(e);
-        consumeEvent(e);
-    }
-    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';
-    }
-    _getUnreadCount() {
-        const unreadNotifications = this.items.filter((link) => {
-            if (link.metadata) {
-                return link.metadata.read === false;
-            }
-            return false;
-        });
-        return unreadNotifications.length;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.3", type: EuiNotificationsComponent, isStandalone: true, 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", "noNotificationFoundLink", booleanAttribute], isShowMarkAsRead: ["isShowMarkAsRead", "isShowMarkAsRead", booleanAttribute], isShowViewAllAction: ["isShowViewAllAction", "isShowViewAllAction", booleanAttribute], isHidePanelOnViewAllAction: ["isHidePanelOnViewAllAction", "isHidePanelOnViewAllAction", booleanAttribute], customUnreadCount: ["customUnreadCount", "customUnreadCount", booleanAttribute], isShowMarkAllAsReadButton: ["isShowMarkAllAsReadButton", "isShowMarkAllAsReadButton", booleanAttribute], isShowSettingsButton: ["isShowSettingsButton", "isShowSettingsButton", booleanAttribute], isShowRefreshButton: ["isShowRefreshButton", "isShowRefreshButton", booleanAttribute] }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", 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__trigger\"\n    icon=\"eui-notifications-o\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (count) {\n        <eui-badge euiDanger [maxCharCount]=\"2\">{{ count }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive) {\n    <eui-overlay hasClosedOnClickOutside isActive class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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                    @if (items) {\n                        <span\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                    }\n                    <eui-badge>{{ items.length }}</eui-badge>\n                </div>\n            </div>\n    \n            @if (items) {\n                <div class=\"eui-notifications__header-actions\">\n                    @if (isShowMarkAllAsReadButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowSettingsButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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-o\" fillColor=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowRefreshButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                </div>\n            }\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n                <ul class=\"eui-notifications-items\">\n                    @for (item of items; let i = $index; track $index) {\n                        <eui-notification-item\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                    }\n                </ul>\n            }\n        </eui-overlay-body>\n    \n        @if ((items?.length > 0 && isShowViewAllAction) || items?.length === 0) {\n            <eui-overlay-footer>\n                @if (items?.length > 0 && isShowViewAllAction) {\n                    <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                        <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n                    </a>\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                            <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                            </a>\n                        </div>\n                    }\n                }\n            </eui-overlay-footer>\n        }\n    </eui-overlay>\n}\n\n", styles: [".eui-19 .eui-overlay-header{background-color:var(--eui-c-surface-shell);border-bottom:1px solid var(--eui-c-divider)}.eui-19 .eui-notifications-items{margin:0;padding:0}.eui-19 .eui-notifications__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-19 .eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-divider-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications__header-title{display:flex}.eui-19 .eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-19 .eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-19 .eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.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{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: EuiNotificationItemComponent, selector: "eui-notification-item", 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: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiAvatarButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { 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: EuiNotificationsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, imports: [
-                        TranslateModule,
-                        EuiNotificationItemComponent,
-                        ...EUI_ICON,
-                        ...EUI_ICON_BUTTON,
-                        ...EUI_BADGE,
-                        ...EUI_OVERLAY,
-                        ...EUI_BUTTON,
-                    ], template: "<eui-icon-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications-o\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (count) {\n        <eui-badge euiDanger [maxCharCount]=\"2\">{{ count }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive) {\n    <eui-overlay hasClosedOnClickOutside isActive class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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                    @if (items) {\n                        <span\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                    }\n                    <eui-badge>{{ items.length }}</eui-badge>\n                </div>\n            </div>\n    \n            @if (items) {\n                <div class=\"eui-notifications__header-actions\">\n                    @if (isShowMarkAllAsReadButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowSettingsButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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-o\" fillColor=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowRefreshButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                </div>\n            }\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n                <ul class=\"eui-notifications-items\">\n                    @for (item of items; let i = $index; track $index) {\n                        <eui-notification-item\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                    }\n                </ul>\n            }\n        </eui-overlay-body>\n    \n        @if ((items?.length > 0 && isShowViewAllAction) || items?.length === 0) {\n            <eui-overlay-footer>\n                @if (items?.length > 0 && isShowViewAllAction) {\n                    <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                        <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n                    </a>\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                            <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                            </a>\n                        </div>\n                    }\n                }\n            </eui-overlay-footer>\n        }\n    </eui-overlay>\n}\n\n", styles: [".eui-19 .eui-overlay-header{background-color:var(--eui-c-surface-shell);border-bottom:1px solid var(--eui-c-divider)}.eui-19 .eui-notifications-items{margin:0;padding:0}.eui-19 .eui-notifications__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-19 .eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-divider-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-19 .eui-notifications__header-title{display:flex}.eui-19 .eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-19 .eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-19 .eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.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{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
-            }], settingsClick: [{
-                type: Output
-            }], markAllAsReadClick: [{
-                type: Output
-            }], noNotificationFoundClick: [{
-                type: Output
-            }], itemClick: [{
-                type: Output
-            }], itemMarkAsReadClick: [{
-                type: Output
-            }], string: [{
-                type: HostBinding,
-                args: ['class']
-            }], count: [{
-                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
-            }], noNotificationFoundLabel: [{
-                type: Input
-            }], nbUnreadCount: [{
-                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 }]
-            }], customUnreadCount: [{
-                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 = [
-    EuiNotificationsComponent,
-    EuiNotificationItemComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { EUI_NOTIFICATIONS, EuiNotificationItemComponent, EuiNotificationsComponent };
-//# sourceMappingURL=eui-components-layout-eui-notifications.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"eui-components-layout-eui-notifications.mjs","sources":["../../layout/eui-notifications/eui-notification-item.component.ts","../../layout/eui-notifications/eui-notification-item.component.html","../../layout/eui-notifications/eui-notifications.component.ts","../../layout/eui-notifications/eui-notifications.component.html","../../layout/eui-notifications/index.ts","../../layout/eui-notifications/eui-components-layout-eui-notifications.ts"],"sourcesContent":["import { DatePipe, NgClass } from '@angular/common';\nimport { booleanAttribute, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EuiTruncatePipe } from '@eui/components/pipes';\nimport { UxLinkLegacy } from '@eui/core';\nimport { consumeEvent } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\nexport interface NotificationMetadata {\n    read?: boolean;\n    urlExternal?: string;\n    urlExternalTarget?: string;\n    important?: boolean;\n    new?: boolean;\n    url?: string;\n    date?: Date | string | number;\n}\n\n@Component({\n    selector: 'eui-notification-item',\n    templateUrl: './eui-notification-item.component.html',\n    imports: [\n        NgClass,\n        DatePipe,\n        EuiTruncatePipe,\n        TranslateModule,\n        ...EUI_ICON,\n    ],\n})\nexport class EuiNotificationItemComponent {\n    @HostBinding('class') string = 'eui-notification-item';\n    @Output() itemClick: EventEmitter<UxLinkLegacy<NotificationMetadata>> = new EventEmitter<UxLinkLegacy<NotificationMetadata>>();\n    @Output() itemMarkAsRead: EventEmitter<UxLinkLegacy<NotificationMetadata>> = new EventEmitter<UxLinkLegacy<NotificationMetadata>>();\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    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    get iconColor(): string {\n        return this.item.metadata?.read ? 'secondary-light' : 'secondary';\n    }\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\" 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 }}\">\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\">\n                    </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\">\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\">\n                    </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\">\n                </div>\n            }\n        }\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n            <a\n                href=\"javascript:void(0)\"\n                class=\"eui-u-text-link\"\n                (click)=\"onItemMarkAsRead($event)\">\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    OnChanges,\n    OnInit,\n    Output,\n    SimpleChanges,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { UxLinkLegacy } from '@eui/base';\nimport { EuiNotificationItemComponent, NotificationMetadata } from './eui-notification-item.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EUI_OVERLAY } from '@eui/components/eui-overlay';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\n\n@Component({\n    selector: 'eui-notifications',\n    templateUrl: './eui-notifications.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        TranslateModule,\n        EuiNotificationItemComponent,\n        ...EUI_ICON,\n        ...EUI_ICON_BUTTON,\n        ...EUI_BADGE,\n        ...EUI_OVERLAY,\n        ...EUI_BUTTON,\n    ],\n})\nexport class EuiNotificationsComponent implements OnInit, OnChanges {\n    @Output() refreshClick: EventEmitter<void> = new EventEmitter<void>();\n    @Output() notificationsClick: EventEmitter<void> = new EventEmitter<void>();\n    @Output() viewAllClick: EventEmitter<void> = new EventEmitter<void>();\n    @Output() settingsClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    @Output() markAllAsReadClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    @Output() noNotificationFoundClick: EventEmitter<void> = new EventEmitter<void>();\n    @Output() itemClick: EventEmitter<UxLinkLegacy<NotificationMetadata>> = new EventEmitter<UxLinkLegacy<NotificationMetadata>>();\n    @Output() itemMarkAsReadClick: EventEmitter<UxLinkLegacy<NotificationMetadata>> = new EventEmitter<UxLinkLegacy<NotificationMetadata>>();\n\n    isOverlayActive = false;\n    currentDayNotifications = [];\n    oldestNotifications = [];\n    unreadNotifications = [];\n    today: Date = new Date();\n\n    @HostBinding('class') string = 'eui-notifications';\n\n    @Input() count: 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() noNotificationFoundLabel: string = null;\n    @Input() nbUnreadCount: number = 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 }) customUnreadCount = false;\n    @Input({ transform: booleanAttribute }) isShowMarkAllAsReadButton = true;\n    @Input({ transform: booleanAttribute }) isShowSettingsButton = true;\n    @Input({ transform: booleanAttribute }) isShowRefreshButton = true;\n\n    onClicked(event: MouseEvent | Event): void {\n        this.notificationsClick.emit();\n        consumeEvent(event);\n        this.isOverlayActive = !this.isOverlayActive;\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.customUnreadCount) {\n            const customUnreadCount = changes.customUnreadCount.currentValue;\n            if (!customUnreadCount) {\n                this.nbUnreadCount = this._getUnreadCount();\n            }\n        }\n    }\n\n    ngOnInit(): void {\n        if (!this.customUnreadCount) {\n            this.nbUnreadCount = this._getUnreadCount();\n        }\n    }\n\n    onRefresh(event: Event): void {\n        this.refreshClick.emit();\n        consumeEvent(event);\n    }\n\n    onItemClick(link: UxLinkLegacy<NotificationMetadata>): 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<NotificationMetadata>): void {\n        this.itemMarkAsReadClick.emit(link);\n    }\n\n    onMarkAllAsRead(e: MouseEvent): void {\n        this.markAllAsReadClick.emit(e);\n        consumeEvent(e);\n    }\n\n    onSettings(e: MouseEvent): void {\n        this.settingsClick.emit(e);\n        consumeEvent(e);\n    }\n\n    protected trackByFn(index: number, item: UxLinkLegacy<NotificationMetadata>): string {\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    private _getUnreadCount(): number {\n        const unreadNotifications = this.items.filter((link) => {\n            if (link.metadata) {\n                return link.metadata.read === false;\n            }\n            return false;\n        });\n        return unreadNotifications.length;\n    }\n}\n","<eui-icon-button\n    class=\"eui-notifications__trigger\"\n    icon=\"eui-notifications-o\"\n    (click)=\"onClicked($event)\"\n    [ariaLabel]=\"getAriaLabel()\">\n    @if (count) {\n        <eui-badge euiDanger [maxCharCount]=\"2\">{{ count }}</eui-badge>\n    }\n</eui-icon-button>\n\n@if (isOverlayActive) {\n    <eui-overlay hasClosedOnClickOutside isActive class=\"eui-overlay-offset--width-30\" (activeState)=\"updateActiveState($event)\">\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                    @if (items) {\n                        <span\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                    }\n                    <eui-badge>{{ items.length }}</eui-badge>\n                </div>\n            </div>\n    \n            @if (items) {\n                <div class=\"eui-notifications__header-actions\">\n                    @if (isShowMarkAllAsReadButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowSettingsButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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-o\" fillColor=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                    @if (isShowRefreshButton) {\n                        <button\n                            euiButton\n                            euiPrimary\n                            euiRounded\n                            euiIconButton\n                            euiBasicButton\n                            euiSizeS\n                            type=\"button\"\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=\"secondary\"></eui-icon-svg>\n                        </button>\n                    }\n                </div>\n            }\n        </eui-overlay-header>\n    \n        <eui-overlay-body>\n            @if (items) {\n                <ul class=\"eui-notifications-items\">\n                    @for (item of items; let i = $index; track $index) {\n                        <eui-notification-item\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                    }\n                </ul>\n            }\n        </eui-overlay-body>\n    \n        @if ((items?.length > 0 && isShowViewAllAction) || items?.length === 0) {\n            <eui-overlay-footer>\n                @if (items?.length > 0 && isShowViewAllAction) {\n                    <a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">\n                        <strong>{{ viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate) }}</strong>\n                    </a>\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                            <a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">\n                                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n                            </a>\n                        </div>\n                    }\n                }\n            </eui-overlay-footer>\n        }\n    </eui-overlay>\n}\n\n","import { EuiNotificationItemComponent } from './eui-notification-item.component';\nimport { EuiNotificationsComponent } from './eui-notifications.component';\n\nexport * from './eui-notification-item.component';\nexport * from './eui-notifications.component';\n\nexport const EUI_NOTIFICATIONS = [\n    EuiNotificationsComponent,\n    EuiNotificationItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i6"],"mappings":"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"}

package/fesm2022/eui-components-layout-eui-sidebar-toggle.mjs

@@ -1,57 +0,0 @@
-import { AsyncPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, Input, HostBinding, ViewEncapsulation, Component } from '@angular/core';
-import * as i1 from '@eui/components/eui-icon-button';
-import { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';
-import { EuiAppShellService, consumeEvent } from '@eui/core';
-
-class EuiSidebarToggleComponent {
-    constructor() {
-        this.e2eAttr = 'eui-sidebar-toggle';
-        this.name = 'eui-sidebar-toggle';
-        this.asService = inject(EuiAppShellService);
-    }
-    onToggleSidebar(event) {
-        // focus the first focusable element in the sidebar when opened in mobile/tablet
-        if (this.asService.state.breakpoints.isMobile || this.asService.state.breakpoints.isTablet) {
-            if (!this.asService.isSidebarOpen) {
-                this.asService.state.isSidebarFocused = true;
-            }
-            else {
-                this.asService.state.isSidebarFocused = false;
-            }
-        }
-        this.asService.sidebarToggle();
-        consumeEvent(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiSidebarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.3", type: EuiSidebarToggleComponent, isStandalone: true, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr", iconSvgFillColor: "iconSvgFillColor" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i0, template: "<eui-icon-button\n    icon=\"eui-menu\"\n    fillColor=\"{{iconSvgFillColor}}\"\n    size=\"l\"\n    [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n    (buttonClick)=\"onToggleSidebar($event)\" />\n", dependencies: [{ kind: "component", type: i1.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasOverflowHover", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EuiSidebarToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-sidebar-toggle', encapsulation: ViewEncapsulation.None, imports: [
-                        AsyncPipe,
-                        ...EUI_ICON_BUTTON,
-                    ], template: "<eui-icon-button\n    icon=\"eui-menu\"\n    fillColor=\"{{iconSvgFillColor}}\"\n    size=\"l\"\n    [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n    (buttonClick)=\"onToggleSidebar($event)\" />\n" }]
-        }], propDecorators: { e2eAttr: [{
-                type: HostBinding,
-                args: ['attr.data-e2e']
-            }, {
-                type: Input
-            }], name: [{
-                type: HostBinding,
-                args: ['class']
-            }], iconSvgFillColor: [{
-                type: Input
-            }] } });
-
-const EUI_SIDEBAR_TOGGLE = [
-    EuiSidebarToggleComponent,
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { EUI_SIDEBAR_TOGGLE, EuiSidebarToggleComponent };
-//# sourceMappingURL=eui-components-layout-eui-sidebar-toggle.mjs.map

package/fesm2022/eui-components-layout-eui-sidebar-toggle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"eui-components-layout-eui-sidebar-toggle.mjs","sources":["../../layout/eui-sidebar-toggle/sidebar-toggle.component.ts","../../layout/eui-sidebar-toggle/sidebar-toggle.component.html","../../layout/eui-sidebar-toggle/index.ts","../../layout/eui-sidebar-toggle/eui-components-layout-eui-sidebar-toggle.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { Component, HostBinding, Input, ViewEncapsulation, inject } from '@angular/core';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EuiAppShellService, consumeEvent } from '@eui/core';\n\n@Component({\n    selector: 'eui-sidebar-toggle',\n    templateUrl: './sidebar-toggle.component.html',\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        AsyncPipe,\n        ...EUI_ICON_BUTTON,\n    ],\n})\nexport class EuiSidebarToggleComponent {\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-sidebar-toggle';\n    @HostBinding('class') name = 'eui-sidebar-toggle';\n\n    @Input() iconSvgFillColor;\n    asService = inject(EuiAppShellService);\n\n    onToggleSidebar(event: Event): void {\n        // focus the first focusable element in the sidebar when opened in mobile/tablet\n        if (this.asService.state.breakpoints.isMobile || this.asService.state.breakpoints.isTablet) {\n            if (!this.asService.isSidebarOpen) {\n                this.asService.state.isSidebarFocused = true;\n            } else {\n                this.asService.state.isSidebarFocused = false;\n            }\n        }\n        this.asService.sidebarToggle();\n        consumeEvent(event);\n    }\n}\n","<eui-icon-button\n    icon=\"eui-menu\"\n    fillColor=\"{{iconSvgFillColor}}\"\n    size=\"l\"\n    [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n    (buttonClick)=\"onToggleSidebar($event)\" />\n","import { EuiSidebarToggleComponent } from './sidebar-toggle.component';\n\nexport * from './sidebar-toggle.component';\n\nexport const EUI_SIDEBAR_TOGGLE = [\n    EuiSidebarToggleComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAca,yBAAyB,CAAA;AATtC,IAAA,WAAA,GAAA;QAU2C,IAAA,CAAA,OAAO,GAAG,oBAAoB;QAC/C,IAAA,CAAA,IAAI,GAAG,oBAAoB;AAGjD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAczC,IAAA;AAZG,IAAA,eAAe,CAAC,KAAY,EAAA;;QAExB,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE;AACxF,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;gBAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI;YAChD;iBAAO;gBACH,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,gBAAgB,GAAG,KAAK;YACjD;QACJ;AACA,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;QAC9B,YAAY,CAAC,KAAK,CAAC;IACvB;qHAlBS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;yGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdtC,sPAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDIQ,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;kGAIJ,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,aAAA,EAEf,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;wBACL,SAAS;AACT,wBAAA,GAAG,eAAe;AACrB,qBAAA,EAAA,QAAA,EAAA,sPAAA,EAAA;8BAGsC,OAAO,EAAA,CAAA;sBAA7C,WAAW;uBAAC,eAAe;;sBAAG;gBACT,IAAI,EAAA,CAAA;sBAAzB,WAAW;uBAAC,OAAO;gBAEX,gBAAgB,EAAA,CAAA;sBAAxB;;;AEdE,MAAM,kBAAkB,GAAG;IAC9B,yBAAyB;;;ACL7B;;AAEG;;;;"}