@progress/kendo-angular-notification 24.2.2 → 25.0.0-develop.2

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, Input, Directive, EventEmitter, ViewContainerRef, HostBinding, ViewChild, Component, TemplateRef, InjectionToken, EnvironmentInjector, createComponent, ApplicationRef, Inject, Optional, Injectable, NgModule } from '@angular/core';
+import { signal, forwardRef, Input, Directive, EventEmitter, ViewContainerRef, HostBinding, ViewChild, ChangeDetectionStrategy, Component, afterNextRender, TemplateRef, InjectionToken, EnvironmentInjector, createComponent, 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';
@@ -132,8 +132,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783511687,
-    version: '24.2.2',
+    publishDate: 1783688731,
+    version: '25.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -182,20 +182,26 @@ class LocalizedMessagesDirective extends ComponentMessages {
     /**
      * The title of the close button.
      */
-    closeTitle;
+    set closeTitle(value) {
+        this._closeTitle.set(value);
+    }
+    get closeTitle() {
+        return this._closeTitle();
+    }
+    _closeTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeTitle" }] : []));
     constructor(service) {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", 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: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -229,17 +235,72 @@ class NotificationComponent {
     container;
     closeClickSubscription;
     close = new EventEmitter();
-    templateRef;
-    templateString;
-    width = null;
-    height = null;
-    notificationLabel = 'Notification';
-    notificationRole = 'status';
-    cssClass;
-    hideAfter;
-    closable;
-    type;
-    animation;
+    set templateRef(value) {
+        this._templateRef.set(value ?? undefined);
+    }
+    get templateRef() {
+        return this._templateRef();
+    }
+    set templateString(value) {
+        this._templateString.set(value ?? undefined);
+    }
+    get templateString() {
+        return this._templateString();
+    }
+    set width(value) {
+        this._width.set(value ?? null);
+    }
+    get width() {
+        return this._width();
+    }
+    set height(value) {
+        this._height.set(value ?? null);
+    }
+    get height() {
+        return this._height();
+    }
+    set notificationLabel(value) {
+        this._notificationLabel.set(value);
+    }
+    get notificationLabel() {
+        return this._notificationLabel();
+    }
+    set notificationRole(value) {
+        this._notificationRole.set(value);
+    }
+    get notificationRole() {
+        return this._notificationRole();
+    }
+    set cssClass(value) {
+        this._cssClass.set(value);
+    }
+    get cssClass() {
+        return this._cssClass();
+    }
+    set hideAfter(value) {
+        this._hideAfter.set(value);
+    }
+    get hideAfter() {
+        return this._hideAfter();
+    }
+    set closable(value) {
+        this._closable.set(value);
+    }
+    get closable() {
+        return this._closable();
+    }
+    set type(value) {
+        this._type.set(value);
+    }
+    get type() {
+        return this._type();
+    }
+    set animation(value) {
+        this._animation.set(value ?? undefined);
+    }
+    get animation() {
+        return this._animation();
+    }
     closeTitle;
     /**
      * @hidden
@@ -253,6 +314,17 @@ class NotificationComponent {
     animationEnd = new EventEmitter();
     dynamicRTLSubscription;
     rtl = false;
+    _templateRef = signal(undefined, ...(ngDevMode ? [{ debugName: "_templateRef" }] : []));
+    _templateString = signal(undefined, ...(ngDevMode ? [{ debugName: "_templateString" }] : []));
+    _width = signal(null, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    _height = signal(null, ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    _notificationLabel = signal('Notification', ...(ngDevMode ? [{ debugName: "_notificationLabel" }] : []));
+    _notificationRole = signal('status', ...(ngDevMode ? [{ debugName: "_notificationRole" }] : []));
+    _cssClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssClass" }] : []));
+    _hideAfter = signal(undefined, ...(ngDevMode ? [{ debugName: "_hideAfter" }] : []));
+    _closable = signal(undefined, ...(ngDevMode ? [{ debugName: "_closable" }] : []));
+    _type = signal(undefined, ...(ngDevMode ? [{ debugName: "_type" }] : []));
+    _animation = signal(undefined, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
     constructor(cdr, element, renderer, builder, localizationService) {
         this.cdr = cdr;
         this.element = element;
@@ -387,8 +459,8 @@ class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", notificationRole: "notificationRole", 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: "20.3.25", 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: "20.3.25", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", notificationRole: "notificationRole", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -437,9 +509,9 @@ class NotificationComponent {
         </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"] }] });
+    `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification',
@@ -495,7 +567,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => NotificationComponent) }
                     ],
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, NgClass, IconWrapperComponent, NgTemplateOutlet]
+                    imports: [LocalizedMessagesDirective, NgClass, IconWrapperComponent, NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.AnimationBuilder }, { type: i1.LocalizationService }], propDecorators: { container: [{
                 type: ViewChild,
@@ -533,16 +606,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 class NotificationContainerComponent {
     element;
     renderer;
-    ngZone;
+    injector;
     container;
     group;
-    id = '';
+    set id(value) {
+        this._id.set(value);
+    }
+    get id() {
+        return this._id();
+    }
     notifications = [];
+    _id = signal('', ...(ngDevMode ? [{ debugName: "_id" }] : []));
     position;
-    constructor(element, renderer, ngZone) {
+    constructor(element, renderer, injector) {
         this.element = element;
         this.renderer = renderer;
-        this.ngZone = ngZone;
+        this.injector = injector;
         /**/
     }
     ngOnDestroy() {
@@ -587,12 +666,9 @@ class NotificationContainerComponent {
         instance.templateString = null;
         notificationRef.destroy();
         if (this.notifications.length > 0) {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
+            afterNextRender(() => {
                 this.applyPosition();
-            });
+            }, { injector: this.injector });
         }
     }
     applyContainerWrap() {
@@ -666,14 +742,14 @@ class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: "20.3.25", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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 });
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',
@@ -683,8 +759,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         </div>
     `,
                     standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { container: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]
             }], group: [{
@@ -809,10 +886,10 @@ class NotificationService {
         }
         return container;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, deps: [{ token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, deps: [{ token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -886,11 +963,11 @@ const KENDO_NOTIFICATION = [
  * ```
  */
 class NotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_NOTIFICATION],

package/index.d.ts

@@ -2,13 +2,437 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { Position } from './models/position';
-export { Animation } from './models/animation';
-export { NotificationRef } from './models/notification-ref';
-export { Type } from './models/type';
-export { NotificationSettings } from './models/notification-settings';
-export { NotificationComponent } from './notification.component';
-export { NotificationService, NOTIFICATION_CONTAINER } from './services/notification.service';
-export { NotificationModule } from './notification.module';
-export { NotificationContainerComponent } from './notification.container.component';
-export * from './directives';
+import * as i0 from '@angular/core';
+import { ComponentRef, TemplateRef, ViewContainerRef, OnInit, OnDestroy, ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, InjectionToken, Injector } from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
+import { AnimationBuilder } from '@angular/animations';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+
+/**
+ * Specifies the position of the Notification in relation to the attached container
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
+ *
+ * The available options are:
+ * * `{ horizontal: 'left'|'center'|'right', vertical: 'top'|'bottom' }`
+ */
+type Position = {
+    horizontal: 'left' | 'center' | 'right';
+    vertical: 'top' | 'bottom';
+};
+
+/**
+ * Specifies the animation settings of the Notification
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
+ *
+ * The possible values are:
+ * * `duration`—Accepts a number in milliseconds (default: 500ms).
+ * * `type?: 'slide'|'fade' (default)`
+ */
+type Animation = {
+    duration: number;
+    type?: 'slide' | 'fade';
+};
+
+/**
+ * Holds references to the object instance of the Notification.
+ * Controls the Notifications which you open through `NotificationService`.
+ * For an example on sample usage, refer to the
+ * [`NotificationService.show`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice#show) method.
+ */
+interface NotificationRef {
+    /**
+     * Notifies when the Notification instance is hidden and the hiding animation ends.
+     */
+    afterHide?: Observable<any>;
+    /**
+     * A reference to the Notification instance.
+     */
+    notification?: ComponentRef<NotificationComponent>;
+    /**
+     * A reference to the child component of the Notification.
+     * Available when you show the Notification with
+     * [`content`](https://www.telerik.com/kendo-angular-ui/components/notification/content#rendering-a-component).
+     */
+    content?: ComponentRef<any>;
+    /**
+     * Hides and destroys the Notification.
+     */
+    hide: Function;
+}
+
+/**
+ * Specifies the Notification type
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
+ */
+type Type = {
+    /**
+     * Specifies the styling of the Notification.
+     *
+     * The possible values are:
+     * * `none` (Default)&mdash;Applies no predefined styling.
+     * * `base`&mdash;Applies base styling.
+     * * `primary`&mdash;Applies primary styling.
+     * * `secondary`&mdash;Applies secondary styling.
+     * * `tertiary`&mdash;Applies tertiary styling.
+     * * `info`&mdash;Applies info styling.
+     * * `success`&mdash;Applies success styling.
+     * * `warning`&mdash;Applies warning styling.
+     * * `error`&mdash;Applies error styling.
+     * * `inverse`&mdash;Applies inverse styling.
+     */
+    style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
+    /**
+     * Specifies whether to render an icon next to the Notification content. Defaults to `false`.
+     */
+    icon?: boolean;
+};
+
+/**
+ * Defines the settings for displaying a Notification.
+ */
+declare class NotificationSettings {
+    /**
+     * Defines the content of the Notification.
+     */
+    content: string | TemplateRef<any> | Function;
+    /**
+     * Specifies the time in milliseconds after which the
+     * Notification will hide
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-delay-before-hiding)).
+     *
+     * @default 5000
+     */
+    hideAfter?: number;
+    /**
+     * Defines the position of the Notification
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
+     *
+     * The possible values are:
+     * * `horizontal: 'left'|'center'|'right'`
+     * * `vertical: 'top'|'bottom'`
+     *
+     * @default { horizontal: 'right', vertical: 'top' }
+     */
+    position?: Position;
+    /**
+     * Specifies the animation settings of the Notification
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
+     *
+     * The possible values are:
+     * * `duration`&mdash;Accepts a number in milliseconds. Defaults to `500ms`.
+     * * `type?: 'slide'| (Default) 'fade'`
+     *
+     * @default { type: 'fade', duration: 500 }
+     */
+    animation?: Animation;
+    /**
+     * 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](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-closable-notification)).
+     *
+     * The possible values are:
+     * * (Default) `false`
+     * * `true`
+     *
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle?: string;
+    /**
+     * Specifies the type of the Notification
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
+     *
+     * The possible values are:
+     * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
+     * * `icon: 'true'|'false'`
+     *
+     * @default { style: 'none', icon: true }
+     */
+    type?: Type;
+    /**
+     * Specifies the width of the Notification.
+     */
+    width?: number;
+    /**
+     * Specifies the height of the Notification.
+     */
+    height?: number;
+    /**
+     * The value of the Notification element `aria-label` attribute.
+     *
+     * @default 'Notification'
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    notificationLabel?: string;
+    /**
+     * The value of the Notification element `role` attribute.
+     *
+     * @default 'status'
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    notificationRole?: string;
+    /**
+     * 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](https://www.telerik.com/kendo-angular-ui/components/notification)).
+     *
+     * > To style the content of the Notification, use the `cssClass` property binding.
+     */
+    cssClass?: string | Array<string> | object;
+    /**
+     * Defines the container to which the Notification will be appended
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/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?: ViewContainerRef;
+}
+
+/**
+ * @hidden
+ *
+ */
+declare class NotificationComponent implements OnInit, OnDestroy {
+    cdr: ChangeDetectorRef;
+    private element;
+    private renderer;
+    private builder;
+    private localizationService;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
+    contentId: string;
+    container: ViewContainerRef;
+    closeClickSubscription: Subscription;
+    close: EventEmitter<any>;
+    set templateRef(value: TemplateRef<any> | undefined | null);
+    get templateRef(): TemplateRef<any> | undefined;
+    set templateString(value: string | undefined | null);
+    get templateString(): string | undefined;
+    set width(value: number | undefined | null);
+    get width(): number | null;
+    set height(value: number | undefined | null);
+    get height(): number | null;
+    set notificationLabel(value: string);
+    get notificationLabel(): string;
+    set notificationRole(value: string);
+    get notificationRole(): string;
+    set cssClass(value: string | Array<string> | object | undefined);
+    get cssClass(): string | Array<string> | object | undefined;
+    set hideAfter(value: number | undefined);
+    get hideAfter(): number | undefined;
+    set closable(value: boolean | undefined);
+    get closable(): boolean | undefined;
+    set type(value: Type | undefined);
+    get type(): Type | undefined;
+    set animation(value: Animation | undefined | null);
+    get animation(): Animation | undefined;
+    closeTitle: string;
+    /**
+     * @hidden
+     */
+    direction: string;
+    get closeButtonTitle(): string;
+    private defaultHideAfter;
+    private hideTimeout;
+    private animationEnd;
+    private dynamicRTLSubscription;
+    private rtl;
+    private _templateRef;
+    private _templateString;
+    private _width;
+    private _height;
+    private _notificationLabel;
+    private _notificationRole;
+    private _cssClass;
+    private _hideAfter;
+    private _closable;
+    private _type;
+    private _animation;
+    constructor(cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, builder: AnimationBuilder, localizationService: LocalizationService);
+    notificationClasses(): string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    typeClass(): string;
+    typeIconClass(): string;
+    typeSVGIcon(): SVGIcon;
+    onCloseClick(): void;
+    hide(customComponent?: ComponentRef<any>): void;
+    private setHideTimeout;
+    private emitClose;
+    private play;
+    private animate;
+    private slideAnimation;
+    private fadeAnimation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": { "alias": "templateRef"; "required": false; }; "templateString": { "alias": "templateString"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "notificationLabel": { "alias": "notificationLabel"; "required": false; }; "notificationRole": { "alias": "notificationRole"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "hideAfter": { "alias": "hideAfter"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Injects the Notification container. When not provided, uses the first root component of
+ * the application.
+ *
+ * > Use `NOTIFICATION_CONTAINER` only with the [`NotificationService`](https://www.telerik.com/kendo-angular-ui/components/notification/api/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);
+ * ```
+ */
+declare const NOTIFICATION_CONTAINER: InjectionToken<ElementRef<any>>;
+/**
+ * A service for opening Notification components dynamically
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
+ *
+ * @export
+ * @class NotificationService
+ */
+declare class NotificationService {
+    private injector;
+    private container;
+    private notificationContainers;
+    private position;
+    private applicationRef;
+    /**
+     * @hidden
+     */
+    constructor(injector: Injector, container: ElementRef);
+    /**
+     * 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: NotificationSettings): NotificationRef;
+    private get appRef();
+    private findGroupContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+}
+
+/**
+ * @hidden
+ */
+declare class NotificationContainerComponent implements OnDestroy {
+    element: ElementRef;
+    renderer: Renderer2;
+    private injector;
+    container: ViewContainerRef;
+    group: ElementRef;
+    set id(value: string);
+    get id(): string;
+    notifications: NotificationComponent[];
+    private _id;
+    private position;
+    constructor(element: ElementRef, renderer: Renderer2, injector: Injector);
+    ngOnDestroy(): void;
+    addNotification(settings: NotificationSettings): NotificationRef;
+    hide(notificationRef: ComponentRef<NotificationComponent>): void;
+    private applyContainerWrap;
+    private applySettings;
+    private applyAbsolutePosition;
+    private applyPosition;
+    private setContainerPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the Notification component.
+ *
+ * The package exports:
+ * - `NotificationService`&mdash;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);
+ * ```
+ */
+declare class NotificationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, never, [typeof NotificationComponent, typeof NotificationContainerComponent], [typeof NotificationComponent, typeof NotificationContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
+}
+
+/**
+ * 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',
+ *     });
+ *   }
+ * }
+ * ```
+ */
+declare const KENDO_NOTIFICATION: readonly [typeof NotificationComponent, typeof NotificationContainerComponent];
+
+export { KENDO_NOTIFICATION, NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
+export type { Animation, NotificationRef, Position, Type };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1783511687,
-  "version": "24.2.2",
+  "publishDate": 1783688731,
+  "version": "25.0.0-develop.2",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "24.2.2",
+  "version": "25.0.0-develop.2",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,24 +17,24 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783511687,
+      "publishDate": 1783688731,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
   "peerDependencies": {
-    "@angular/animations": "19 - 22",
-    "@angular/common": "19 - 22",
-    "@angular/core": "19 - 22",
-    "@angular/platform-browser": "19 - 22",
+    "@angular/animations": "20 - 22",
+    "@angular/common": "20 - 22",
+    "@angular/core": "20 - 22",
+    "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.2.2",
-    "@progress/kendo-angular-l10n": "24.2.2",
-    "@progress/kendo-angular-icons": "24.2.2",
+    "@progress/kendo-angular-common": "25.0.0-develop.2",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.2",
+    "@progress/kendo-angular-icons": "25.0.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.2.2"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-notification.mjs",

package/directives.d.ts

@@ -1,32 +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 declare const KENDO_NOTIFICATION: readonly [typeof NotificationComponent, typeof NotificationContainerComponent];

package/localization/localized-messages.directive.d.ts

@@ -1,19 +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 { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class LocalizedMessagesDirective extends ComponentMessages {
-    protected service: LocalizationService;
-    /**
-     * The title of the close button.
-     */
-    closeTitle: string;
-    constructor(service: LocalizationService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoNotificationLocalizedMessages]", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; }, {}, never, never, true, never>;
-}

package/models/animation.d.ts

@@ -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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the animation settings of the Notification
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
- *
- * The possible values are:
- * * `duration`—Accepts a number in milliseconds (default: 500ms).
- * * `type?: 'slide'|'fade' (default)`
- */
-export type Animation = {
-    duration: number;
-    type?: 'slide' | 'fade';
-};

package/models/notification-ref.d.ts

@@ -1,33 +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 { ComponentRef } from '@angular/core';
-import { NotificationComponent } from '../index';
-import { Observable } from 'rxjs';
-/**
- * Holds references to the object instance of the Notification.
- * Controls the Notifications which you open through `NotificationService`.
- * For an example on sample usage, refer to the
- * [`NotificationService.show`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice#show) method.
- */
-export interface NotificationRef {
-    /**
-     * Notifies when the Notification instance is hidden and the hiding animation ends.
-     */
-    afterHide?: Observable<any>;
-    /**
-     * A reference to the Notification instance.
-     */
-    notification?: ComponentRef<NotificationComponent>;
-    /**
-     * A reference to the child component of the Notification.
-     * Available when you show the Notification with
-     * [`content`](https://www.telerik.com/kendo-angular-ui/components/notification/content#rendering-a-component).
-     */
-    content?: ComponentRef<any>;
-    /**
-     * Hides and destroys the Notification.
-     */
-    hide: Function;
-}

package/models/notification-settings.d.ts

@@ -1,116 +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 { TemplateRef, ViewContainerRef } from '@angular/core';
-import { Position } from './position';
-import { Animation } from './animation';
-import { Type } from './type';
-/**
- * Defines the settings for displaying a Notification.
- */
-export declare class NotificationSettings {
-    /**
-     * Defines the content of the Notification.
-     */
-    content: string | TemplateRef<any> | Function;
-    /**
-     * Specifies the time in milliseconds after which the
-     * Notification will hide
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-delay-before-hiding)).
-     *
-     * @default 5000
-     */
-    hideAfter?: number;
-    /**
-     * Defines the position of the Notification
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
-     *
-     * The possible values are:
-     * * `horizontal: 'left'|'center'|'right'`
-     * * `vertical: 'top'|'bottom'`
-     *
-     * @default { horizontal: 'right', vertical: 'top' }
-     */
-    position?: Position;
-    /**
-     * Specifies the animation settings of the Notification
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
-     *
-     * The possible values are:
-     * * `duration`&mdash;Accepts a number in milliseconds. Defaults to `500ms`.
-     * * `type?: 'slide'| (Default) 'fade'`
-     *
-     * @default { type: 'fade', duration: 500 }
-     */
-    animation?: Animation;
-    /**
-     * 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](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-closable-notification)).
-     *
-     * The possible values are:
-     * * (Default) `false`
-     * * `true`
-     *
-     * @default false
-     */
-    closable?: boolean;
-    /**
-     * Specifies the title of the close button.
-     */
-    closeTitle?: string;
-    /**
-     * Specifies the type of the Notification
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
-     *
-     * The possible values are:
-     * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
-     * * `icon: 'true'|'false'`
-     *
-     * @default { style: 'none', icon: true }
-     */
-    type?: Type;
-    /**
-     * Specifies the width of the Notification.
-     */
-    width?: number;
-    /**
-     * Specifies the height of the Notification.
-     */
-    height?: number;
-    /**
-     * The value of the Notification element `aria-label` attribute.
-     *
-     * @default 'Notification'
-     *
-     * @remarks
-     * This property is related to accessibility.
-     */
-    notificationLabel?: string;
-    /**
-     * The value of the Notification element `role` attribute.
-     *
-     * @default 'status'
-     *
-     * @remarks
-     * This property is related to accessibility.
-     */
-    notificationRole?: string;
-    /**
-     * 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](https://www.telerik.com/kendo-angular-ui/components/notification)).
-     *
-     * > To style the content of the Notification, use the `cssClass` property binding.
-     */
-    cssClass?: string | Array<string> | object;
-    /**
-     * Defines the container to which the Notification will be appended
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/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?: ViewContainerRef;
-}

package/models/position.d.ts

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the position of the Notification in relation to the attached container
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
- *
- * The available options are:
- * * `{ horizontal: 'left'|'center'|'right', vertical: 'top'|'bottom' }`
- */
-export type Position = {
-    horizontal: 'left' | 'center' | 'right';
-    vertical: 'top' | 'bottom';
-};

package/models/type.d.ts

@@ -1,30 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the Notification type
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
- */
-export type Type = {
-    /**
-     * Specifies the styling of the Notification.
-     *
-     * The possible values are:
-     * * `none` (Default)—Applies no predefined styling.
-     * * `base`—Applies base styling.
-     * * `primary`—Applies primary styling.
-     * * `secondary`—Applies secondary styling.
-     * * `tertiary`—Applies tertiary styling.
-     * * `info`—Applies info styling.
-     * * `success`—Applies success styling.
-     * * `warning`—Applies warning styling.
-     * * `error`—Applies error styling.
-     * * `inverse`—Applies inverse styling.
-     */
-    style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
-    /**
-     * Specifies whether to render an icon next to the Notification content. Defaults to `false`.
-     */
-    icon?: boolean;
-};

package/notification.component.d.ts

@@ -1,71 +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 { EventEmitter, TemplateRef, ChangeDetectorRef, ViewContainerRef, ElementRef, OnInit, ComponentRef, OnDestroy, Renderer2 } from '@angular/core';
-import { AnimationBuilder } from '@angular/animations';
-import { Subscription } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SVGIcon } from '@progress/kendo-svg-icons';
-import { Type } from './models/type';
-import { Animation } from './models/animation';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- *
- */
-export declare class NotificationComponent implements OnInit, OnDestroy {
-    cdr: ChangeDetectorRef;
-    private element;
-    private renderer;
-    private builder;
-    private localizationService;
-    /**
-     * @hidden
-     */
-    xIcon: SVGIcon;
-    contentId: string;
-    container: ViewContainerRef;
-    closeClickSubscription: Subscription;
-    close: EventEmitter<any>;
-    templateRef?: TemplateRef<any>;
-    templateString?: string;
-    width?: number;
-    height?: number;
-    notificationLabel: string;
-    notificationRole: string;
-    cssClass?: string | Array<string> | object;
-    hideAfter?: number;
-    closable?: boolean;
-    type?: Type;
-    animation?: Animation;
-    closeTitle: string;
-    /**
-     * @hidden
-     */
-    direction: string;
-    get closeButtonTitle(): string;
-    private defaultHideAfter;
-    private hideTimeout;
-    private animationEnd;
-    private dynamicRTLSubscription;
-    private rtl;
-    constructor(cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, builder: AnimationBuilder, localizationService: LocalizationService);
-    notificationClasses(): string;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    typeClass(): string;
-    typeIconClass(): string;
-    typeSVGIcon(): SVGIcon;
-    onCloseClick(): void;
-    hide(customComponent?: ComponentRef<any>): void;
-    private setHideTimeout;
-    private emitClose;
-    private play;
-    private animate;
-    private slideAnimation;
-    private fadeAnimation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": { "alias": "templateRef"; "required": false; }; "templateString": { "alias": "templateString"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "notificationLabel": { "alias": "notificationLabel"; "required": false; }; "notificationRole": { "alias": "notificationRole"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "hideAfter": { "alias": "hideAfter"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
-}

package/notification.container.component.d.ts

@@ -1,33 +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 { ElementRef, ViewContainerRef, OnDestroy, Renderer2, ComponentRef, NgZone } from '@angular/core';
-import { NotificationSettings } from './models/notification-settings';
-import { NotificationComponent } from './notification.component';
-import { NotificationRef } from './models/notification-ref';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class NotificationContainerComponent implements OnDestroy {
-    element: ElementRef;
-    renderer: Renderer2;
-    private ngZone;
-    container: ViewContainerRef;
-    group: ElementRef;
-    id: string;
-    notifications: NotificationComponent[];
-    private position;
-    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
-    ngOnDestroy(): void;
-    addNotification(settings: NotificationSettings): NotificationRef;
-    hide(notificationRef: ComponentRef<NotificationComponent>): void;
-    private applyContainerWrap;
-    private applySettings;
-    private applyAbsolutePosition;
-    private applyPosition;
-    private setContainerPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
-}

package/notification.module.d.ts

@@ -1,42 +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 * as i0 from "@angular/core";
-import * as i1 from "./notification.component";
-import * as i2 from "./notification.container.component";
-/**
- * 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 declare class NotificationModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, never, [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent], [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
-}

package/package-metadata.d.ts

@@ -1,9 +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 { type PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/services/notification.service.d.ts

@@ -1,72 +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 { Injector, InjectionToken, ElementRef } from '@angular/core';
-import { NotificationSettings } from '../models/notification-settings';
-import { NotificationRef } from '../models/notification-ref';
-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`](https://www.telerik.com/kendo-angular-ui/components/notification/api/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 declare const NOTIFICATION_CONTAINER: InjectionToken<ElementRef<any>>;
-/**
- * A service for opening Notification components dynamically
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
- *
- * @export
- * @class NotificationService
- */
-export declare class NotificationService {
-    private injector;
-    private container;
-    private notificationContainers;
-    private position;
-    private applicationRef;
-    /**
-     * @hidden
-     */
-    constructor(injector: Injector, container: ElementRef);
-    /**
-     * 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: NotificationSettings): NotificationRef;
-    private get appRef();
-    private findGroupContainer;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
-}

package/utils/animations.d.ts

@@ -1,20 +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 declare function slideAnimation(height: number, duration: number): any;
-/**
- * @hidden
- */
-export declare function slideCloseAnimation(height: number, duration: number): any;
-/**
- * @hidden
- */
-export declare function fadeAnimation(duration: number): any;
-/**
- * @hidden
- */
-export declare function fadeCloseAnimation(duration: number): any;