@progress/kendo-angular-notification 21.4.1-develop.1 → 22.0.0-develop.1

package/fesm2022/progress-kendo-angular-notification.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { forwardRef, Directive, Input, EventEmitter, ViewContainerRef, Component, ViewChild, HostBinding, TemplateRef, InjectionToken, ApplicationRef, Injectable, Inject, Optional, NgModule } from '@angular/core';
+import { forwardRef, Input, Directive, EventEmitter, ViewContainerRef, HostBinding, ViewChild, Component, TemplateRef, InjectionToken, ApplicationRef, Inject, Optional, Injectable, NgModule } from '@angular/core';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i1$1 from '@angular/animations';
 import { style, animate } from '@angular/animations';
@@ -11,7 +11,7 @@ import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
+import { xIcon, infoCircleIcon, xOutlineIcon, exclamationCircleIcon, checkOutlineIcon } from '@progress/kendo-svg-icons';
 import { guid } from '@progress/kendo-angular-common';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 
@@ -117,8 +117,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768386615,
-    version: '21.4.1-develop.1',
+    publishDate: 1768396061,
+    version: '22.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -172,15 +172,15 @@ class LocalizedMessagesDirective extends ComponentMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
             {
                 provide: ComponentMessages,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -356,8 +356,8 @@ class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.AnimationBuilder }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.AnimationBuilder }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -407,7 +407,7 @@ class NotificationComponent {
     </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification',
@@ -632,14 +632,14 @@ class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NotificationContainerComponent, isStandalone: true, selector: "kendo-notification-container", inputs: { id: "id" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "group", first: true, predicate: ["group"], descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NotificationContainerComponent, isStandalone: true, selector: "kendo-notification-container", inputs: { id: "id" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "group", first: true, predicate: ["group"], descendants: true, static: true }], ngImport: i0, template: `
         <div #group class="k-notification-group">
             <ng-container #container></ng-container>
         </div>
     `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',
@@ -776,10 +776,10 @@ class NotificationService {
         }
         return container;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -853,11 +853,11 @@ const KENDO_NOTIFICATION = [
  * ```
  */
 class NotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_NOTIFICATION],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "21.4.1-develop.1",
+  "version": "22.0.0-develop.1",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -13,28 +13,22 @@
     "Kendo UI"
   ],
   "@progress": {
-    "friendlyName": "Notification",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768386615,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Notification"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1-develop.1",
-    "@progress/kendo-angular-l10n": "21.4.1-develop.1",
-    "@progress/kendo-angular-icons": "21.4.1-develop.1",
+    "@progress/kendo-angular-common": "22.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "22.0.0-develop.1",
+    "@progress/kendo-angular-icons": "22.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1-develop.1"
+    "@progress/kendo-angular-schematics": "22.0.0-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-notification.mjs",
@@ -45,8 +39,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-notification.mjs",
-      "esm": "./esm2022/progress-kendo-angular-notification.mjs",
       "default": "./fesm2022/progress-kendo-angular-notification.mjs"
     }
   },

package/esm2022/directives.mjs

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NotificationComponent } from "./notification.component";
-import { NotificationContainerComponent } from "./notification.container.component";
-/**
- * Use this utility array to access all `@progress/kendo-angular-notification`-related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { Component } from '@angular/core';
- * import { KENDO_NOTIFICATION } from '@progress/kendo-angular-notification';
- *
- * @Component({
- *   selector: 'my-app',
- *   standalone: true,
- *   imports: [KENDO_NOTIFICATION, KENDO_BUTTON],
- *   template: `<button kendoButton (click)="show()">Save data</button>`
- * })
- * export class AppComponent {
- *   constructor(private notificationService: NotificationService) {}
- *
- *   public show(): void {
- *     this.notificationService.show({
- *       content: 'Data saved successfully',
- *     });
- *   }
- * }
- * ```
- */
-export const KENDO_NOTIFICATION = [
-    NotificationComponent,
-    NotificationContainerComponent
-];

package/esm2022/index.mjs

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { NotificationSettings } from './models/notification-settings';
-export { NotificationComponent } from './notification.component';
-export { NotificationService, NOTIFICATION_CONTAINER } from './services/notification.service';
-export { NotificationModule } from './notification.module';
-// WRT error NG3001: Unsupported private class
-export { NotificationContainerComponent } from './notification.container.component';
-export * from './directives';

package/esm2022/localization/localized-messages.directive.mjs

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, forwardRef, Input } from '@angular/core';
-import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class LocalizedMessagesDirective extends ComponentMessages {
-    service;
-    /**
-     * The title of the close button.
-     */
-    closeTitle;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
-            {
-                provide: ComponentMessages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: ComponentMessages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: `[kendoNotificationLocalizedMessages]`,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { closeTitle: [{
-                type: Input
-            }] } });

package/esm2022/models/animation.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/models/notification-ref.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/models/notification-settings.mjs

@@ -1,97 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export class NotificationSettings {
-    /**
-     * Defines the content of the Notification.
-     */
-    content;
-    /**
-     * Specifies the time in milliseconds after which the
-     * Notification will hide
-     * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
-     *
-     * @default 5000
-     */
-    hideAfter = 5000;
-    /**
-     * Defines the position of the Notification
-     * ([see example]({% slug positioning_notification %})).
-     *
-     * The possible values are:
-     * * `horizontal: 'left'|'center'|'right'`
-     * * `vertical: 'top'|'bottom'`
-     *
-     * @default { horizontal: 'right', vertical: 'top' }
-     */
-    position = { horizontal: 'right', vertical: 'top' };
-    /**
-     * Specifies the animation settings of the Notification
-     * ([see example]({% slug animations_notification %})).
-     *
-     * The possible values are:
-     * * `duration`—Accepts a number in milliseconds. Defaults to `500ms`.
-     * * `type?: 'slide'| (Default) 'fade'`
-     *
-     * @default { type: 'fade', duration: 500 }
-     */
-    animation = { type: 'fade', duration: 500 };
-    /**
-     * Specifies if the Notification will require a user action to hide.
-     * If you set the property to `true`, the Notification renders a **Close** button
-     * ([see example]({% slug hiding_notifications %}#toc-defining-a-closable-notification)).
-     *
-     * The possible values are:
-     * * (Default) `false`
-     * * `true`
-     *
-     * @default false
-     */
-    closable = false;
-    /**
-     * Specifies the title of the close button.
-     */
-    closeTitle;
-    /**
-     * Specifies the type of the Notification
-     * ([see example]({% slug types_notification %})).
-     *
-     * The possible values are:
-     * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
-     * * `icon: 'true'|'false'`
-     *
-     * @default { style: 'none', icon: true }
-     */
-    type = { style: 'none', icon: true };
-    /**
-     * Specifies the width of the Notification.
-     */
-    width;
-    /**
-     * Specifies the height of the Notification.
-     */
-    height;
-    /**
-     * The value of the Notification element `aria-label` attribute.
-     *
-     * @default 'Notification'
-     */
-    notificationLabel = 'Notification';
-    /**
-     * Specifies a list of CSS classes that you add to the Notification.
-     * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
-     * ([see example](slug:overview_notification)).
-     *
-     * > To style the content of the Notification, use the `cssClass` property binding.
-     */
-    cssClass;
-    /**
-     * Defines the container to which the Notification will be appended
-     * ([see example]({% slug dynamic_containers %})).
-     *
-     * If not provided, the Notification will be placed in the root component
-     * of the application or in the `body` element of the document.
-     */
-    appendTo;
-}

package/esm2022/models/position.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/models/type.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/notification.component.mjs

@@ -1,314 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, EventEmitter, HostBinding, Input, TemplateRef, ChangeDetectorRef, ViewChild, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { AnimationBuilder } from '@angular/animations';
-import { take } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
-import { guid } from '@progress/kendo-angular-common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { packageMetadata } from './package-metadata';
-import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/animations";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- *
- */
-export class NotificationComponent {
-    cdr;
-    element;
-    renderer;
-    builder;
-    localizationService;
-    /**
-     * @hidden
-     */
-    xIcon = xIcon;
-    contentId = `k-${guid()}`;
-    container;
-    closeClickSubscription;
-    close = new EventEmitter();
-    templateRef;
-    templateString;
-    width = null;
-    height = null;
-    notificationLabel = 'Notification';
-    cssClass;
-    hideAfter;
-    closable;
-    type;
-    animation;
-    closeTitle;
-    /**
-     * @hidden
-     */
-    direction;
-    get closeButtonTitle() {
-        return this.closeTitle || this.localizationService.get('closeTitle');
-    }
-    defaultHideAfter = 5000;
-    hideTimeout;
-    animationEnd = new EventEmitter();
-    dynamicRTLSubscription;
-    rtl = false;
-    constructor(cdr, element, renderer, builder, localizationService) {
-        this.cdr = cdr;
-        this.element = element;
-        this.renderer = renderer;
-        this.builder = builder;
-        this.localizationService = localizationService;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    notificationClasses() {
-        return `${this.type ? this.typeClass() : ''}
-            ${this.closable ? 'k-notification-closable' : ''}`;
-    }
-    ngOnInit() {
-        clearTimeout(this.hideTimeout);
-    }
-    ngOnDestroy() {
-        clearTimeout(this.hideTimeout);
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    }
-    ngAfterViewInit() {
-        if (!this.closable && !this.animation) {
-            this.setHideTimeout();
-        }
-        if (!this.closable && this.animation) {
-            this.animationEnd.pipe(take(1))
-                .subscribe(() => this.setHideTimeout());
-        }
-        if (this.animation) {
-            this.animate(this.animation);
-        }
-    }
-    typeClass() {
-        return {
-            'none': '',
-            'success': 'k-notification-success',
-            'warning': 'k-notification-warning',
-            'error': 'k-notification-error',
-            'info': 'k-notification-info'
-        }[this.type.style];
-    }
-    typeIconClass() {
-        return {
-            'none': '',
-            'success': 'check-outline',
-            'warning': 'exclamation-circle',
-            'error': 'x-outline',
-            'info': 'info-circle'
-        }[this.type.style];
-    }
-    typeSVGIcon() {
-        return {
-            'none': null,
-            'success': checkOutlineIcon,
-            'warning': exclamationCircleIcon,
-            'error': xOutlineIcon,
-            'info': infoCircleIcon
-        }[this.type.style];
-    }
-    onCloseClick() {
-        clearTimeout(this.hideTimeout);
-        this.hide();
-    }
-    hide(customComponent) {
-        const elementHeight = getComputedStyle(this.element.nativeElement).height;
-        if (this.animation && elementHeight) {
-            this.animate(this.animation, true);
-            this.animationEnd.subscribe(() => {
-                this.emitClose(customComponent);
-            });
-            return;
-        }
-        this.emitClose(customComponent);
-    }
-    setHideTimeout() {
-        const hideAfter = this.hideAfter || this.defaultHideAfter;
-        this.hideTimeout = window.setTimeout(() => this.onCloseClick(), hideAfter);
-    }
-    emitClose(customComponent) {
-        if (customComponent) {
-            customComponent.destroy();
-        }
-        this.close.emit();
-    }
-    play(animation, animatedElement) {
-        const factory = this.builder.build(animation);
-        const element = this.element.nativeElement;
-        this.renderer.addClass(element, 'k-notification-container-animating');
-        let player = factory.create(animatedElement);
-        player.onDone(() => {
-            this.renderer.removeClass(element, 'k-notification-container-animating');
-            this.animationEnd.emit();
-            if (player) {
-                player.destroy();
-                player = null;
-            }
-        });
-        player.play();
-    }
-    animate(animation, onclose) {
-        const element = this.element.nativeElement;
-        const duration = animation.duration;
-        const height = element.offsetHeight;
-        const generatedAnimation = animation.type === 'slide' ?
-            this.slideAnimation(height, duration, onclose) :
-            this.fadeAnimation(duration, onclose);
-        this.play(generatedAnimation, element);
-    }
-    slideAnimation(height, duration, onclose) {
-        return onclose ? slideCloseAnimation(height, duration) : slideAnimation(height, duration);
-    }
-    fadeAnimation(duration, onclose) {
-        return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.notification'
-            }
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-    <ng-container kendoNotificationLocalizedMessages
-      i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
-      closeTitle="Close"
-      >
-    </ng-container>
-    <div class="k-notification k-notification-base {{ notificationClasses() }}"
-      [ngClass]="cssClass"
-      [style.height.px]="height"
-      [style.width.px]="width"
-      role="alert"
-      aria-live="polite"
-      [attr.aria-describedby]="contentId"
-      [attr.aria-label]="notificationLabel">
-      @if (type && type.icon && type.style !== 'none') {
-        <kendo-icon-wrapper
-          innerCssClass="k-notification-status"
-          [name]="typeIconClass()"
-          [svgIcon]="typeSVGIcon()"
-          >
-        </kendo-icon-wrapper>
-      }
-      <div [id]="contentId" class="k-notification-content">
-        @if (templateRef) {
-          <ng-template
-            [ngTemplateOutlet]="templateRef">
-          </ng-template>
-        }
-        @if (templateString) {
-          {{ templateString }}
-        }
-        <ng-container #container></ng-container>
-      </div>
-    
-      @if (closable) {
-        <span class="k-notification-actions" aria-hidden="true">
-          <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-            <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-          </span>
-        </span>
-      }
-    </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-notification',
-                    template: `
-    <ng-container kendoNotificationLocalizedMessages
-      i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
-      closeTitle="Close"
-      >
-    </ng-container>
-    <div class="k-notification k-notification-base {{ notificationClasses() }}"
-      [ngClass]="cssClass"
-      [style.height.px]="height"
-      [style.width.px]="width"
-      role="alert"
-      aria-live="polite"
-      [attr.aria-describedby]="contentId"
-      [attr.aria-label]="notificationLabel">
-      @if (type && type.icon && type.style !== 'none') {
-        <kendo-icon-wrapper
-          innerCssClass="k-notification-status"
-          [name]="typeIconClass()"
-          [svgIcon]="typeSVGIcon()"
-          >
-        </kendo-icon-wrapper>
-      }
-      <div [id]="contentId" class="k-notification-content">
-        @if (templateRef) {
-          <ng-template
-            [ngTemplateOutlet]="templateRef">
-          </ng-template>
-        }
-        @if (templateString) {
-          {{ templateString }}
-        }
-        <ng-container #container></ng-container>
-      </div>
-    
-      @if (closable) {
-        <span class="k-notification-actions" aria-hidden="true">
-          <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-            <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-          </span>
-        </span>
-      }
-    </div>
-    `,
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.notification'
-                        }
-                    ],
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, NgClass, IconWrapperComponent, NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.AnimationBuilder }, { type: i2.LocalizationService }], propDecorators: { container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], templateRef: [{
-                type: Input
-            }], templateString: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], notificationLabel: [{
-                type: Input
-            }], cssClass: [{
-                type: Input
-            }], hideAfter: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], animation: [{
-                type: Input
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }] } });

package/esm2022/notification.container.component.mjs

@@ -1,175 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, ElementRef, ComponentFactoryResolver, ViewContainerRef, Renderer2, ViewChild, TemplateRef, NgZone, } from '@angular/core';
-import { NotificationComponent } from './notification.component';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class NotificationContainerComponent {
-    element;
-    renderer;
-    resolver;
-    ngZone;
-    container;
-    group;
-    id = '';
-    notifications = [];
-    position;
-    constructor(element, renderer, resolver, ngZone) {
-        this.element = element;
-        this.renderer = renderer;
-        this.resolver = resolver;
-        this.ngZone = ngZone;
-        /**/
-    }
-    ngOnDestroy() {
-        this.notifications.forEach((notification) => {
-            if (notification.closeClickSubscription) {
-                notification.closeClickSubscription.unsubscribe();
-            }
-        });
-        this.notifications = [];
-    }
-    addNotification(settings) {
-        this.position = settings.position;
-        this.id = `${this.position.horizontal} ${this.position.vertical}`;
-        const factory = this.resolver.resolveComponentFactory(NotificationComponent);
-        const notificationRef = this.container.createComponent(factory);
-        this.applySettings(notificationRef, settings);
-        let customComponent = null;
-        if (typeof settings.content === 'function') {
-            const customFactory = this.resolver.resolveComponentFactory(settings.content);
-            customComponent = notificationRef.instance.container.createComponent(customFactory);
-        }
-        notificationRef.changeDetectorRef.detectChanges();
-        this.notifications.push(notificationRef.instance);
-        if (settings.appendTo) {
-            this.applyAbsolutePosition(settings.appendTo);
-        }
-        this.applyPosition();
-        this.applyContainerWrap();
-        return {
-            afterHide: notificationRef.instance.close,
-            hide: () => notificationRef.instance.hide(customComponent),
-            notification: notificationRef,
-            content: customComponent || null,
-        };
-    }
-    hide(notificationRef) {
-        const instance = notificationRef.instance;
-        const index = this.notifications.indexOf(instance);
-        this.notifications.splice(index, 1);
-        if (instance.closeClickSubscription) {
-            instance.closeClickSubscription.unsubscribe();
-        }
-        instance.templateRef = null;
-        instance.templateString = null;
-        notificationRef.destroy();
-        if (this.notifications.length > 0) {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                this.applyPosition();
-            });
-        }
-    }
-    applyContainerWrap() {
-        const value = this.position.horizontal === 'right' ? 'wrap-reverse' : 'wrap';
-        this.renderer.setStyle(this.group.nativeElement, 'flex-wrap', value);
-    }
-    applySettings(notificationRef, settings) {
-        const notification = notificationRef.instance;
-        const content = settings.content;
-        const animation = settings.animation || null;
-        notification.closeClickSubscription = notification.close.subscribe(() => this.hide(notificationRef));
-        if (typeof content === 'string') {
-            notification.templateString = content;
-        }
-        if (content instanceof TemplateRef) {
-            notification.templateRef = content;
-        }
-        notification.animation = animation;
-        const type = settings.type;
-        if (type && type.style === undefined) {
-            type.style = 'none';
-        }
-        if (type && type.icon === undefined) {
-            type.icon = true;
-        }
-        notification.type = type;
-        notification.closeTitle = settings.closeTitle;
-        if (settings.cssClass) {
-            notification.cssClass = settings.cssClass;
-        }
-        if (settings.notificationLabel) {
-            notification.notificationLabel = settings.notificationLabel;
-        }
-        notification.closable = settings.closable;
-        notification.hideAfter = settings.hideAfter;
-        notification.width = settings.width;
-        notification.height = settings.height;
-    }
-    applyAbsolutePosition(appendToContainer) {
-        const appendTo = appendToContainer.element.nativeElement;
-        const el = this.element.nativeElement.children[0];
-        if (window.getComputedStyle(appendTo).position === 'static') {
-            this.renderer.setStyle(appendTo, 'position', 'relative');
-        }
-        this.renderer.setStyle(el, 'position', 'absolute');
-    }
-    applyPosition() {
-        const element = this.element.nativeElement.children[0];
-        const elementHalfWidth = element.getBoundingClientRect().width / 2;
-        const positionStyles = this.setContainerPosition(this.position, elementHalfWidth);
-        Object.keys(positionStyles).forEach((cssStyle) => {
-            element.style[cssStyle] = positionStyles[cssStyle];
-        });
-    }
-    setContainerPosition(position, offsetMargin) {
-        const positionLayout = {
-            horizontal: {
-                left: { left: 0, alignItems: 'flex-start' },
-                right: { right: 0, alignItems: 'flex-start' },
-                center: { left: '50%', marginLeft: `${-offsetMargin}px`, alignItems: 'center' },
-            },
-            vertical: {
-                top: { top: 0 },
-                bottom: { bottom: 0 },
-            },
-        };
-        const horizontal = positionLayout.horizontal[position.horizontal];
-        const vertical = positionLayout.vertical[position.vertical];
-        return Object.assign({}, horizontal, vertical);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NotificationContainerComponent, isStandalone: true, selector: "kendo-notification-container", inputs: { id: "id" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "group", first: true, predicate: ["group"], descendants: true, static: true }], ngImport: i0, template: `
-        <div #group class="k-notification-group">
-            <ng-container #container></ng-container>
-        </div>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-notification-container',
-                    template: `
-        <div #group class="k-notification-group">
-            <ng-container #container></ng-container>
-        </div>
-    `,
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }], propDecorators: { container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], group: [{
-                type: ViewChild,
-                args: ['group', { static: true }]
-            }], id: [{
-                type: Input
-            }] } });

package/esm2022/notification.module.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { NotificationService } from './services/notification.service';
-import { KENDO_NOTIFICATION } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./notification.component";
-import * as i2 from "./notification.container.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Notification component.
- *
- * The package exports:
- * - `NotificationService`—The Notification service class.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Notification module
- * import { NotificationModule } from '@progress/kendo-angular-notification';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * _@NgModule{{
- *    declarations: [AppComponent], // declare app component
- *    imports:      [BrowserModule, NotificationModule], // import NotificationModule module
- *    bootstrap:    [AppComponent]
- * }}
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- * ```
- */
-export class NotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, imports: [i1.NotificationComponent, i2.NotificationContainerComponent], exports: [i1.NotificationComponent, i2.NotificationContainerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [i1.NotificationComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_NOTIFICATION],
-                    exports: [...KENDO_NOTIFICATION],
-                    providers: [NotificationService, IconsService]
-                }]
-        }] });

package/esm2022/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-notification',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768386615,
-    version: '21.4.1-develop.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};

package/esm2022/progress-kendo-angular-notification.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/services/notification.service.mjs

@@ -1,137 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, ComponentFactoryResolver, ApplicationRef, Injector, InjectionToken, ElementRef, Inject, Optional } from '@angular/core';
-import { NotificationContainerComponent } from '../notification.container.component';
-import * as i0 from "@angular/core";
-/**
- * Injects the Notification container. When not provided, uses the first root component of
- * the application.
- *
- * > Use `NOTIFICATION_CONTAINER` only with the [`NotificationService`]({% slug api_notification_notificationservice %}) class.
- *
- * @example
- *
- * ```ts
- * import { NgModule, ElementRef } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NotificationModule, NOTIFICATION_CONTAINER } from '@progress/kendo-angular-notification';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, NotificationModule],
- *   bootstrap: [AppComponent],
- *   providers: [
- *     {
- *       provide: NOTIFICATION_CONTAINER,
- *       useFactory: () => ({ nativeElement: document.body } as ElementRef)
- *     }
- *   ]
- * })
- * export class AppModule {}
- *
- * platformBrowserDynamic().bootstrapModule(AppModule);
- * ```
- */
-export const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container');
-/**
- * A service for opening Notification components dynamically
- * ([see example]({% slug overview_notification %})).
- *
- * @export
- * @class NotificationService
- */
-export class NotificationService {
-    resolver;
-    injector;
-    container;
-    notificationContainers = [];
-    position = { horizontal: 'right', vertical: 'top' };
-    applicationRef;
-    /**
-     * @hidden
-     */
-    constructor(resolver, injector, container) {
-        this.resolver = resolver;
-        this.injector = injector;
-        this.container = container;
-    }
-    /**
-     * Opens a Notification component. Created Notifications are mounted
-     * in the DOM directly in the root application component.
-     *
-     * @param {NotificationSettings} settings - The settings which define the Notification.
-     *
-     * @returns {NotificationRef} - A reference to the Notification object and the convenience properties.
-     */
-    show(settings) {
-        if (!settings) {
-            throw new Error('NotificationSettings settings are required');
-        }
-        const target = this.findGroupContainer(settings);
-        const position = settings.position || this.position;
-        const currentId = `${position.horizontal} ${position.vertical}`;
-        let container;
-        let notificationRef;
-        let notificationContainer = this.notificationContainers.find(c => target.nativeElement.contains(c.element.nativeElement) && c.id === currentId);
-        if (!notificationContainer) {
-            container = this.resolver
-                .resolveComponentFactory(NotificationContainerComponent)
-                .create(this.injector);
-            notificationContainer = container.instance;
-            this.appRef.attachView(container.hostView);
-            const hostViewElement = container.location.nativeElement;
-            const groupContainer = this.findGroupContainer(settings);
-            if (!groupContainer) {
-                throw new Error(`
-                    View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via
-                    the appendTo option. See https://www.telerik.com/kendo-angular-ui/components/notification/api/NOTIFICATION_CONTAINER/
-                    for more details.
-                `);
-            }
-            groupContainer.nativeElement.appendChild(hostViewElement);
-            this.notificationContainers.push(notificationContainer);
-        }
-        settings.position = position;
-        // eslint-disable-next-line prefer-const
-        notificationRef = notificationContainer.addNotification(settings);
-        return notificationRef;
-    }
-    get appRef() {
-        if (!this.applicationRef) {
-            this.applicationRef = this.injector.get(ApplicationRef);
-        }
-        return this.applicationRef;
-    }
-    findGroupContainer(settings) {
-        let container;
-        if (settings.appendTo) {
-            container = settings.appendTo.element;
-        }
-        else if (this.container) {
-            container = this.container;
-        }
-        else {
-            const appRoot = this.appRef.components && this.appRef.components[0];
-            container = appRoot ? appRoot.location : null;
-        }
-        return container;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
-                    type: Inject,
-                    args: [NOTIFICATION_CONTAINER]
-                }, {
-                    type: Optional
-                }] }] });

package/esm2022/utils/animations.mjs

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { style, animate } from '@angular/animations';
-/**
- * @hidden
- */
-export function slideAnimation(height, duration) {
-    return [
-        style({ overflow: 'hidden', height: 0 }),
-        animate(`${duration}ms ease-in`, style({ height: `${height}px` }))
-    ];
-}
-/**
- * @hidden
- */
-export function slideCloseAnimation(height, duration) {
-    return [
-        style({ height: `${height}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', height: 0 }))
-    ];
-}
-/**
- * @hidden
- */
-export function fadeAnimation(duration) {
-    return [
-        style({ opacity: 0 }),
-        animate(`${duration}ms ease-in`, style({ opacity: 1 }))
-    ];
-}
-/**
- * @hidden
- */
-export function fadeCloseAnimation(duration) {
-    return [
-        style({ opacity: 1 }),
-        animate(`${duration}ms ease-in`, style({ opacity: 0 }))
-    ];
-}