@progress/kendo-angular-notification 24.0.4-develop.1 → 24.1.0

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, ApplicationRef, Inject, Optional, Injectable, NgModule } 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 { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i1$1 from '@angular/animations';
 import { style, animate } from '@angular/animations';
@@ -129,8 +129,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1780381475,
-    version: '24.0.4-develop.1',
+    publishDate: 1780593910,
+    version: '24.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -184,15 +184,15 @@ class LocalizedMessagesDirective extends ComponentMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.24", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+    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: [
             {
                 provide: ComponentMessages,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -384,8 +384,8 @@ class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", 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.24", 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: "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: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -436,7 +436,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: "19.2.24", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification',
@@ -530,17 +530,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImpo
 class NotificationContainerComponent {
     element;
     renderer;
-    resolver;
     ngZone;
     container;
     group;
     id = '';
     notifications = [];
     position;
-    constructor(element, renderer, resolver, ngZone) {
+    constructor(element, renderer, ngZone) {
         this.element = element;
         this.renderer = renderer;
-        this.resolver = resolver;
         this.ngZone = ngZone;
         /**/
     }
@@ -555,13 +553,11 @@ class NotificationContainerComponent {
     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);
+        const notificationRef = this.container.createComponent(NotificationComponent);
         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);
+            customComponent = notificationRef.instance.container.createComponent(settings.content);
         }
         notificationRef.changeDetectorRef.detectChanges();
         this.notifications.push(notificationRef.instance);
@@ -667,14 +663,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.24", 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.24", 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.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: `
         <div #group class="k-notification-group">
             <ng-container #container></ng-container>
         </div>
     `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',
@@ -685,7 +681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImpo
     `,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }], propDecorators: { container: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]
             }], group: [{
@@ -736,7 +732,6 @@ const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container');
  * @class NotificationService
  */
 class NotificationService {
-    resolver;
     injector;
     container;
     notificationContainers = [];
@@ -745,8 +740,7 @@ class NotificationService {
     /**
      * @hidden
      */
-    constructor(resolver, injector, container) {
-        this.resolver = resolver;
+    constructor(injector, container) {
         this.injector = injector;
         this.container = container;
     }
@@ -769,9 +763,11 @@ class NotificationService {
         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);
+            const environmentInjector = this.injector.get(EnvironmentInjector);
+            container = createComponent(NotificationContainerComponent, {
+                environmentInjector,
+                elementInjector: this.injector
+            });
             notificationContainer = container.instance;
             this.appRef.attachView(container.hostView);
             const hostViewElement = container.location.nativeElement;
@@ -810,15 +806,15 @@ class NotificationService {
         }
         return container;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", 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.24", ngImport: i0, type: NotificationService, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
                     args: [NOTIFICATION_CONTAINER]
                 }, {
@@ -887,11 +883,11 @@ const KENDO_NOTIFICATION = [
  * ```
  */
 class NotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.24", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: NotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_NOTIFICATION],

package/notification.container.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, ComponentFactoryResolver, ViewContainerRef, OnDestroy, Renderer2, ComponentRef, NgZone } from '@angular/core';
+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';
@@ -13,14 +13,13 @@ import * as i0 from "@angular/core";
 export declare class NotificationContainerComponent implements OnDestroy {
     element: ElementRef;
     renderer: Renderer2;
-    private resolver;
     private ngZone;
     container: ViewContainerRef;
     group: ElementRef;
     id: string;
     notifications: NotificationComponent[];
     private position;
-    constructor(element: ElementRef, renderer: Renderer2, resolver: ComponentFactoryResolver, ngZone: NgZone);
+    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
     ngOnDestroy(): void;
     addNotification(settings: NotificationSettings): NotificationRef;
     hide(notificationRef: ComponentRef<NotificationComponent>): void;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1780381475,
-  "version": "24.0.4-develop.1",
+  "publishDate": 1780593910,
+  "version": "24.1.0",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "24.0.4-develop.1",
+  "version": "24.1.0",
   "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": 1780381475,
+      "publishDate": 1780593910,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
   "peerDependencies": {
-    "@angular/animations": "19 - 21",
-    "@angular/common": "19 - 21",
-    "@angular/core": "19 - 21",
-    "@angular/platform-browser": "19 - 21",
+    "@angular/animations": "19 - 22",
+    "@angular/common": "19 - 22",
+    "@angular/core": "19 - 22",
+    "@angular/platform-browser": "19 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.4-develop.1",
-    "@progress/kendo-angular-l10n": "24.0.4-develop.1",
-    "@progress/kendo-angular-icons": "24.0.4-develop.1",
+    "@progress/kendo-angular-common": "24.1.0",
+    "@progress/kendo-angular-l10n": "24.1.0",
+    "@progress/kendo-angular-icons": "24.1.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.4-develop.1"
+    "@progress/kendo-angular-schematics": "24.1.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-notification.mjs",

package/services/notification.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ComponentFactoryResolver, Injector, InjectionToken, ElementRef } from '@angular/core';
+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";
@@ -47,7 +47,6 @@ export declare const NOTIFICATION_CONTAINER: InjectionToken<ElementRef<any>>;
  * @class NotificationService
  */
 export declare class NotificationService {
-    private resolver;
     private injector;
     private container;
     private notificationContainers;
@@ -56,7 +55,7 @@ export declare class NotificationService {
     /**
      * @hidden
      */
-    constructor(resolver: ComponentFactoryResolver, injector: Injector, container: ElementRef);
+    constructor(injector: Injector, container: ElementRef);
     /**
      * Opens a Notification component. Created Notifications are mounted
      * in the DOM directly in the root application component.
@@ -68,6 +67,6 @@ export declare class NotificationService {
     show(settings: NotificationSettings): NotificationRef;
     private get appRef();
     private findGroupContainer;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
 }