@eui/ecl 22.0.0-alpha.20 → 22.0.0-alpha.22

package/fesm2022/eui-ecl-components-ecl-notification.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, contentChildren, forwardRef, inject, input, model, booleanAttribute, output, contentChild, computed, Component } from '@angular/core';
+import { Directive, contentChildren, forwardRef, inject, input, model, booleanAttribute, output, contentChild, computed, Component } from '@angular/core';
 import { EclBaseEvent, ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
 import { AsyncPipe, TitleCasePipe } from '@angular/common';
 import { TranslatePipe } from '@ngx-translate/core';
@@ -29,17 +29,17 @@ class EclNotificationTitleDirective extends ECLBaseDirective {
         return [super.getCssClasses('ecl-notification__title')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclNotificationTitleDirective, isStandalone: true, selector: "[eclNotificationTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclNotificationTitleDirective, isStandalone: true, selector: "[eclNotificationTitle]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationTitle]',
+                    host: {
+                        '[class]': 'cssClasses',
+                    },
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 /**
  * Directive that adds specific class for the notification icon. By default there are icons for all notification variants.
  * This directive can be used, if user wants to use another icon.
@@ -52,17 +52,17 @@ class EclNotificationIconDirective {
         this.hasClass = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclNotificationIconDirective, isStandalone: true, selector: "[eclNotificationIcon]", host: { properties: { "class.ecl-notification__icon": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclNotificationIconDirective, isStandalone: true, selector: "[eclNotificationIcon]", host: { properties: { "class.ecl-notification__icon": "hasClass" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationIcon]',
+                    host: {
+                        '[class.ecl-notification__icon]': 'hasClass',
+                    },
                 }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-notification__icon']
-            }] } });
+        }] });
 /**
  * Directive that adds specific class for the div around the notification link and the link itself.
  */
@@ -80,17 +80,17 @@ class EclNotificationLinkDirective {
         this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclNotificationLinkDirective, isStandalone: true, selector: "[eclNotificationLink]", host: { properties: { "class.ecl-notification__link": "this.hasClass" } }, queries: [{ propertyName: "eclLinkItems", predicate: i0.forwardRef(() => EclLinkDirective), isSignal: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclNotificationLinkDirective, isStandalone: true, selector: "[eclNotificationLink]", host: { properties: { "class.ecl-notification__link": "hasClass" } }, queries: [{ propertyName: "eclLinkItems", predicate: i0.forwardRef(() => EclLinkDirective), isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationLink]',
+                    host: {
+                        '[class.ecl-notification__link]': 'hasClass',
+                    },
                 }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-notification__link']
-            }], eclLinkItems: [{ type: i0.ContentChildren, args: [forwardRef(() => EclLinkDirective), { isSignal: true }] }] } });
+        }], propDecorators: { eclLinkItems: [{ type: i0.ContentChildren, args: [forwardRef(() => EclLinkDirective), { isSignal: true }] }] } });
 
 class EclNotificationComponent extends ECLBaseDirective {
     constructor() {
@@ -183,7 +183,7 @@ class EclNotificationComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclNotificationComponent, isStandalone: true, selector: "ecl-notification", inputs: { notificationTitle: { classPropertyName: "notificationTitle", publicName: "notificationTitle", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, isCloseable: { classPropertyName: "isCloseable", publicName: "isCloseable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange", close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, queries: [{ propertyName: "notificationCustomIcon", first: true, predicate: EclNotificationIconDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclNotificationComponent, isStandalone: true, selector: "ecl-notification", inputs: { notificationTitle: { classPropertyName: "notificationTitle", publicName: "notificationTitle", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, isCloseable: { classPropertyName: "isCloseable", publicName: "isCloseable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange", close: "close" }, host: { properties: { "attr.role": "role", "class.ecl-u-d-none": "isHidden", "class": "cssClasses" } }, queries: [{ propertyName: "notificationCustomIcon", first: true, predicate: EclNotificationIconDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclNotificationComponent, decorators: [{
             type: Component,
@@ -193,17 +193,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         ...EUI_ECL_ICON,
                         ...EUI_ECL_BUTTON,
                         TranslatePipe,
-                    ], template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>" }]
-        }], propDecorators: { notificationTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationTitle", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }, { type: i0.Output, args: ["isVisibleChange"] }], isCloseable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCloseable", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], notificationCustomIcon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclNotificationIconDirective), { isSignal: true }] }], isHidden: [{
-                type: HostBinding,
-                args: ['class.ecl-u-d-none']
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+                    ], host: {
+                        '[attr.role]': 'role',
+                        '[class.ecl-u-d-none]': 'isHidden',
+                        '[class]': 'cssClasses',
+                    }, template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>" }]
+        }], propDecorators: { notificationTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationTitle", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }, { type: i0.Output, args: ["isVisibleChange"] }], isCloseable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCloseable", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], notificationCustomIcon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclNotificationIconDirective), { isSignal: true }] }] } });
 
 const EUI_ECL_NOTIFICATION = [
     EclNotificationComponent,

package/fesm2022/eui-ecl-components-ecl-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-notification.mjs","sources":["../../components/ecl-notification/events/ecl-notification-close.event.ts","../../components/ecl-notification/ecl-notification-title.directive.ts","../../components/ecl-notification/ecl-notification.component.ts","../../components/ecl-notification/ecl-notification.component.html","../../components/ecl-notification/index.ts","../../components/ecl-notification/eui-ecl-components-ecl-notification.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted when the notification is closed.\n *\n * Can be used to prevent default close behavior by calling `event.preventDefault()`.\n */\nexport class EclNotificationCloseEvent extends EclBaseEvent {\n}\n","import { AfterContentInit, contentChildren, Directive, forwardRef, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/**\n * Directive applied to a notification title element.\n * Adds the appropriate ECL class for styling the notification title.\n */\n@Directive({\n    selector: '[eclNotificationTitle]',\n})\nexport class EclNotificationTitleDirective extends ECLBaseDirective {\n    /**\n     * Host binding for applying the ECL notification title CSS class.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-notification__title')].join(' ').trim();\n    }\n}\n\n/**\n * Directive that adds specific class for the notification icon. By default there are icons for all notification variants.\n * This directive can be used, if user wants to use another icon.\n */\n@Directive({\n    selector: '[eclNotificationIcon]',\n})\nexport class EclNotificationIconDirective {\n    /**\n     * Host binding for applying the ECL notification icon CSS class.\n     */\n    @HostBinding('class.ecl-notification__icon') hasClass = true;\n}\n\n/**\n * Directive that adds specific class for the div around the notification link and the link itself.\n */\n@Directive({\n    selector: '[eclNotificationLink]',\n})\nexport class EclNotificationLinkDirective implements AfterContentInit {\n    /**\n     * Host binding for applying the ECL notification link CSS class.\n     */\n    @HostBinding('class.ecl-notification__link') hasClass = true;\n\n    eclLinkItems = contentChildren(forwardRef(() => EclLinkDirective));\n \n    ngAfterContentInit(): void {\n        // Add required class for all the child eclLinks.\n        this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');\n    }\n}\n","import { Component, HostBinding, booleanAttribute, inject, contentChild, computed, output, input, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclNotificationCloseEvent } from './events/ecl-notification-close.event';\nimport { AsyncPipe, TitleCasePipe } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclNotificationIconDirective } from './ecl-notification-title.directive';\n\n@Component({\n    selector: 'ecl-notification',\n    templateUrl: './ecl-notification.component.html',\n    imports: [\n        AsyncPipe,\n        TitleCasePipe,\n        ...EUI_ECL_ICON,\n        ...EUI_ECL_BUTTON,\n        TranslatePipe,\n    ],\n})\nexport class EclNotificationComponent extends ECLBaseDirective {\n    eclThemeService = inject(EclThemeService);\n\n    /**\n     * The title of the notification. This is displayed inside the component.\n     */\n    readonly notificationTitle = input<string>(undefined);\n\n    /**\n     * Defines the visual style of the notification.\n     * Can be one of: 'info' | 'success' | 'warning' | 'error'.\n     * Default is 'info'.\n     */\n    readonly variant = input<'info' | 'success' | 'warning' | 'error'>('info');\n\n    /**\n     * Controls the visibility of the notification.\n     * When false, the component is hidden using CSS utility class.\n     */\n    readonly isVisible = model(true);\n\n    /**\n     * Indicates whether the close button is displayed.\n     */\n    readonly isCloseable = input(true, { transform: booleanAttribute });\n\n    /**\n     * Emits an event when the close button is clicked.\n     * Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    readonly close = output<EclNotificationCloseEvent>();\n\n    /**\n     * The ARIA role for the component. Set to \"alert\" by default.\n     */\n    @HostBinding('attr.role') role = 'alert';\n\n    notificationCustomIcon = contentChild(EclNotificationIconDirective);\n    readonly hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined);\n\n    private variantTitleIconMapping = new Map<string, { title: string, icon: string }>([\n        ['info', { title: 'information', icon: 'information-outline' }],\n        ['success', { title: 'success', icon: 'success-outline' }],\n        ['warning', { title: 'warning', icon: 'warning-outline' }],\n        ['error', { title: 'error', icon: 'error-outline' }],\n    ]);\n\n    /**\n     * Applies the `ecl-u-d-none` utility class when the notification is not visible.\n     */\n    @HostBinding('class.ecl-u-d-none')\n    get isHidden(): boolean {\n        return !this.isVisible();\n    }\n\n    /**\n     * Computes the CSS classes applied to the host element, including the modifier for the current variant.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        const variant = this.variant();\n        return [super.getCssClasses('ecl-notification'), variant ? `ecl-notification--${variant}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Returns the default title text based on the current variant.\n     */\n    get title(): string {\n        return this.titleAndIconBaseOnVariant.title;\n    }\n\n    /**\n     * Returns the icon name based on the current variant.\n     */\n    get icon(): string {\n        return this.titleAndIconBaseOnVariant.icon;\n    }\n\n    /**\n     * Returns a mapping of title and icon based on the current variant.\n     */\n    get titleAndIconBaseOnVariant(): { title: string, icon: string } {\n        return this.variantTitleIconMapping.get(this.variant()) || { title: 'information', icon: 'information' };\n    }\n\n    /**\n     * Handles the click event on the close button.\n     * Emits a `close` event with an instance of `EclNotificationCloseEvent`.\n     * If the event is not prevented, the notification is hidden.\n     */\n    onCloseClick(evt: Event): void {\n        const event = new EclNotificationCloseEvent();\n        this.close.emit(event);\n        if (!event.defaultPrevented) {\n            this.isVisible.set(false);\n        }\n    }\n}\n","@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>","import { EclNotificationComponent } from './ecl-notification.component';\nimport { EclNotificationIconDirective, EclNotificationLinkDirective, EclNotificationTitleDirective } from './ecl-notification-title.directive';\n\nexport * from './ecl-notification.component';\nexport * from './ecl-notification-title.directive';\nexport * from './events/ecl-notification-close.event';\n\nexport const EUI_ECL_NOTIFICATION = [\n  EclNotificationComponent,\n  EclNotificationTitleDirective,\n  EclNotificationIconDirective,\n  EclNotificationLinkDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-notification.mjs","sources":["../../components/ecl-notification/events/ecl-notification-close.event.ts","../../components/ecl-notification/ecl-notification-title.directive.ts","../../components/ecl-notification/ecl-notification.component.ts","../../components/ecl-notification/ecl-notification.component.html","../../components/ecl-notification/index.ts","../../components/ecl-notification/eui-ecl-components-ecl-notification.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted when the notification is closed.\n *\n * Can be used to prevent default close behavior by calling `event.preventDefault()`.\n */\nexport class EclNotificationCloseEvent extends EclBaseEvent {\n}\n","import { AfterContentInit, contentChildren, Directive, forwardRef } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/**\n * Directive applied to a notification title element.\n * Adds the appropriate ECL class for styling the notification title.\n */\n@Directive({\n    selector: '[eclNotificationTitle]',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclNotificationTitleDirective extends ECLBaseDirective {\n    /**\n     * Host binding for applying the ECL notification title CSS class.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-notification__title')].join(' ').trim();\n    }\n}\n\n/**\n * Directive that adds specific class for the notification icon. By default there are icons for all notification variants.\n * This directive can be used, if user wants to use another icon.\n */\n@Directive({\n    selector: '[eclNotificationIcon]',\n    host: {\n        '[class.ecl-notification__icon]': 'hasClass',\n    },\n})\nexport class EclNotificationIconDirective {\n    /**\n     * Host binding for applying the ECL notification icon CSS class.\n     */\n    hasClass = true;\n}\n\n/**\n * Directive that adds specific class for the div around the notification link and the link itself.\n */\n@Directive({\n    selector: '[eclNotificationLink]',\n    host: {\n        '[class.ecl-notification__link]': 'hasClass',\n    },\n})\nexport class EclNotificationLinkDirective implements AfterContentInit {\n    /**\n     * Host binding for applying the ECL notification link CSS class.\n     */\n    hasClass = true;\n\n    eclLinkItems = contentChildren(forwardRef(() => EclLinkDirective));\n \n    ngAfterContentInit(): void {\n        // Add required class for all the child eclLinks.\n        this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');\n    }\n}\n","import { Component, booleanAttribute, inject, contentChild, computed, output, input, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclNotificationCloseEvent } from './events/ecl-notification-close.event';\nimport { AsyncPipe, TitleCasePipe } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclNotificationIconDirective } from './ecl-notification-title.directive';\n\n@Component({\n    selector: 'ecl-notification',\n    templateUrl: './ecl-notification.component.html',\n    imports: [\n        AsyncPipe,\n        TitleCasePipe,\n        ...EUI_ECL_ICON,\n        ...EUI_ECL_BUTTON,\n        TranslatePipe,\n    ],\n    host: {\n        '[attr.role]': 'role',\n        '[class.ecl-u-d-none]': 'isHidden',\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclNotificationComponent extends ECLBaseDirective {\n    eclThemeService = inject(EclThemeService);\n\n    /**\n     * The title of the notification. This is displayed inside the component.\n     */\n    readonly notificationTitle = input<string>(undefined);\n\n    /**\n     * Defines the visual style of the notification.\n     * Can be one of: 'info' | 'success' | 'warning' | 'error'.\n     * Default is 'info'.\n     */\n    readonly variant = input<'info' | 'success' | 'warning' | 'error'>('info');\n\n    /**\n     * Controls the visibility of the notification.\n     * When false, the component is hidden using CSS utility class.\n     */\n    readonly isVisible = model(true);\n\n    /**\n     * Indicates whether the close button is displayed.\n     */\n    readonly isCloseable = input(true, { transform: booleanAttribute });\n\n    /**\n     * Emits an event when the close button is clicked.\n     * Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    readonly close = output<EclNotificationCloseEvent>();\n\n    /**\n     * The ARIA role for the component. Set to \"alert\" by default.\n     */\n    role = 'alert';\n\n    notificationCustomIcon = contentChild(EclNotificationIconDirective);\n    readonly hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined);\n\n    private variantTitleIconMapping = new Map<string, { title: string, icon: string }>([\n        ['info', { title: 'information', icon: 'information-outline' }],\n        ['success', { title: 'success', icon: 'success-outline' }],\n        ['warning', { title: 'warning', icon: 'warning-outline' }],\n        ['error', { title: 'error', icon: 'error-outline' }],\n    ]);\n\n    /**\n     * Applies the `ecl-u-d-none` utility class when the notification is not visible.\n     */\n    get isHidden(): boolean {\n        return !this.isVisible();\n    }\n\n    /**\n     * Computes the CSS classes applied to the host element, including the modifier for the current variant.\n     */\n    get cssClasses(): string {\n        const variant = this.variant();\n        return [super.getCssClasses('ecl-notification'), variant ? `ecl-notification--${variant}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Returns the default title text based on the current variant.\n     */\n    get title(): string {\n        return this.titleAndIconBaseOnVariant.title;\n    }\n\n    /**\n     * Returns the icon name based on the current variant.\n     */\n    get icon(): string {\n        return this.titleAndIconBaseOnVariant.icon;\n    }\n\n    /**\n     * Returns a mapping of title and icon based on the current variant.\n     */\n    get titleAndIconBaseOnVariant(): { title: string, icon: string } {\n        return this.variantTitleIconMapping.get(this.variant()) || { title: 'information', icon: 'information' };\n    }\n\n    /**\n     * Handles the click event on the close button.\n     * Emits a `close` event with an instance of `EclNotificationCloseEvent`.\n     * If the event is not prevented, the notification is hidden.\n     */\n    onCloseClick(evt: Event): void {\n        const event = new EclNotificationCloseEvent();\n        this.close.emit(event);\n        if (!event.defaultPrevented) {\n            this.isVisible.set(false);\n        }\n    }\n}\n","@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable()){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>","import { EclNotificationComponent } from './ecl-notification.component';\nimport { EclNotificationIconDirective, EclNotificationLinkDirective, EclNotificationTitleDirective } from './ecl-notification-title.directive';\n\nexport * from './ecl-notification.component';\nexport * from './ecl-notification-title.directive';\nexport * from './events/ecl-notification-close.event';\n\nexport const EUI_ECL_NOTIFICATION = [\n  EclNotificationComponent,\n  EclNotificationTitleDirective,\n  EclNotificationIconDirective,\n  EclNotificationLinkDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}