@progress/kendo-angular-notification 25.0.0-develop.1 → 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: 1783680012,
-    version: '25.0.0-develop.1',
+    publishDate: 1783688731,
+    version: '25.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -182,7 +182,13 @@ 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;
@@ -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;
@@ -437,7 +509,7 @@ 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: "20.3.25", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
@@ -495,7 +567,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.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: "20.3.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,12 +742,12 @@ class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-    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.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    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: "20.3.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
@@ -683,8 +759,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.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: [{

package/index.d.ts

@@ -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 { ComponentRef, TemplateRef, ViewContainerRef, OnInit, OnDestroy, ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, InjectionToken, Injector, NgZone } 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';
@@ -215,17 +215,28 @@ declare class NotificationComponent implements OnInit, OnDestroy {
     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;
+    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
@@ -237,6 +248,17 @@ declare class NotificationComponent implements OnInit, OnDestroy {
     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;
@@ -328,13 +350,15 @@ declare class NotificationService {
 declare class NotificationContainerComponent implements OnDestroy {
     element: ElementRef;
     renderer: Renderer2;
-    private ngZone;
+    private injector;
     container: ViewContainerRef;
     group: ElementRef;
-    id: string;
+    set id(value: string);
+    get id(): string;
     notifications: NotificationComponent[];
+    private _id;
     private position;
-    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    constructor(element: ElementRef, renderer: Renderer2, injector: Injector);
     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": 1783680012,
-  "version": "25.0.0-develop.1",
+  "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": "25.0.0-develop.1",
+  "version": "25.0.0-develop.2",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783680012,
+      "publishDate": 1783688731,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,14 +27,14 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.0.0-develop.1",
-    "@progress/kendo-angular-l10n": "25.0.0-develop.1",
-    "@progress/kendo-angular-icons": "25.0.0-develop.1",
+    "@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": "25.0.0-develop.1"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-notification.mjs",