@progress/kendo-angular-notification 16.5.0 → 16.6.0-develop.1

package/directives.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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";
+/**
+ * Utility array that contains all `@progress/kendo-angular-notification` related components and directives
+ */
+export declare const KENDO_NOTIFICATION: readonly [typeof NotificationComponent, typeof NotificationContainerComponent];

package/esm2020/directives.mjs

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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";
+/**
+ * Utility array that contains all `@progress/kendo-angular-notification` related components and directives
+ */
+export const KENDO_NOTIFICATION = [
+    NotificationComponent,
+    NotificationContainerComponent
+];

package/esm2020/index.mjs

@@ -8,3 +8,4 @@ export { NotificationService, NOTIFICATION_CONTAINER } from './services/notifica
 export { NotificationModule } from './notification.module';
 // WRT error NG3001: Unsupported private class
 export { NotificationContainerComponent } from './notification.container.component';
+export * from './directives';

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

@@ -16,7 +16,7 @@ export class LocalizedMessagesDirective extends ComponentMessages {
     }
 }
 LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
         {
             provide: ComponentMessages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -31,7 +31,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => LocalizedMessagesDirective)
                         }
                     ],
-                    selector: `[kendoNotificationLocalizedMessages]`
+                    selector: `[kendoNotificationLocalizedMessages]`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
                 type: Input

package/esm2020/models/notification-settings.mjs

@@ -7,7 +7,7 @@ export class NotificationSettings {
         /**
          * Specifies the time in milliseconds after which the
          * Notification will hide
-         * ([see example]({% slug hiding_notifications %}#toc-definig-a-delay-before-hiding)).
+         * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
          * Defaults to `5000`.
          */
         this.hideAfter = 5000;

package/esm2020/notification.component.mjs

@@ -3,20 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, EventEmitter, HostBinding, Input, TemplateRef, ChangeDetectorRef, ViewChild, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import { AnimationBuilder } from '@angular/animations';
 import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
 import { guid } from '@progress/kendo-angular-common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { packageMetadata } from './package-metadata';
+import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/animations";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
-import * as i5 from "./localization/localized-messages.directive";
 /**
  * @hidden
  *
@@ -158,7 +158,7 @@ export class NotificationComponent {
     }
 }
 NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -203,7 +203,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </span>
         </span>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: i5.LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -254,7 +254,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.notification'
                         }
-                    ]
+                    ],
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, NgClass, NgIf, IconWrapperComponent, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.AnimationBuilder }, { type: i2.LocalizationService }]; }, propDecorators: { container: [{
                 type: ViewChild,

package/esm2020/notification.container.component.mjs

@@ -128,7 +128,7 @@ export class NotificationContainerComponent {
     }
 }
 NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, 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: `
+NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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>
@@ -141,7 +141,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
     <div #group class="k-notification-group">
         <ng-container #container></ng-container>
     </div>
-  `
+  `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { container: [{
                 type: ViewChild,

package/esm2020/notification.module.mjs

@@ -3,13 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { IconsService } from '@progress/kendo-angular-icons';
 import { NotificationService } from './services/notification.service';
 import { NotificationComponent } from './notification.component';
 import { NotificationContainerComponent } from './notification.container.component';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_NOTIFICATION } from './directives';
 import * as i0 from "@angular/core";
+import * as i1 from "./notification.component";
+import * as i2 from "./notification.container.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Notification component.
@@ -43,15 +45,14 @@ import * as i0 from "@angular/core";
 export class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [CommonModule, IconsModule] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, imports: [i1.NotificationComponent, i2.NotificationContainerComponent], exports: [i1.NotificationComponent, i2.NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [KENDO_NOTIFICATION] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule, IconsModule],
-                    exports: [NotificationComponent, NotificationContainerComponent],
-                    providers: [NotificationService]
+                    imports: [...KENDO_NOTIFICATION],
+                    exports: [...KENDO_NOTIFICATION],
+                    providers: [NotificationService, IconsService]
                 }]
         }] });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814397,
-    version: '16.5.0',
+    publishDate: 1721828004,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/services/notification.service.mjs

@@ -126,9 +126,12 @@ export class NotificationService {
     }
 }
 NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
                     args: [NOTIFICATION_CONTAINER]

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

@@ -4,25 +4,23 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
 import { forwardRef, Directive, Input, EventEmitter, ViewContainerRef, Component, ViewChild, HostBinding, TemplateRef, InjectionToken, ApplicationRef, Injectable, Inject, Optional, NgModule } from '@angular/core';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
-import * as i1$1 from '@angular/animations';
-import { style, animate } from '@angular/animations';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
 import { guid } from '@progress/kendo-angular-common';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@progress/kendo-angular-icons';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
+import * as i1$1 from '@angular/animations';
+import { style, animate } from '@angular/animations';
 
 class NotificationSettings {
     constructor() {
         /**
          * Specifies the time in milliseconds after which the
          * Notification will hide
-         * ([see example]({% slug hiding_notifications %}#toc-definig-a-delay-before-hiding)).
+         * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
          * Defaults to `5000`.
          */
         this.hideAfter = 5000;
@@ -78,8 +76,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814397,
-    version: '16.5.0',
+    publishDate: 1721828004,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -130,7 +128,7 @@ class LocalizedMessagesDirective extends ComponentMessages {
     }
 }
 LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
         {
             provide: ComponentMessages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -145,7 +143,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => LocalizedMessagesDirective)
                         }
                     ],
-                    selector: `[kendoNotificationLocalizedMessages]`
+                    selector: `[kendoNotificationLocalizedMessages]`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
                 type: Input
@@ -292,7 +291,7 @@ class NotificationComponent {
     }
 }
 NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -337,7 +336,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </span>
         </span>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -388,7 +387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.notification'
                         }
-                    ]
+                    ],
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, NgClass, NgIf, IconWrapperComponent, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.AnimationBuilder }, { type: i1.LocalizationService }]; }, propDecorators: { container: [{
                 type: ViewChild,
@@ -541,7 +542,7 @@ class NotificationContainerComponent {
     }
 }
 NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, 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: `
+NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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>
@@ -554,7 +555,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
     <div #group class="k-notification-group">
         <ng-container #container></ng-container>
     </div>
-  `
+  `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { container: [{
                 type: ViewChild,
@@ -687,9 +689,12 @@ class NotificationService {
     }
 }
 NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () {
         return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                         type: Inject,
@@ -699,6 +704,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     }] }];
     } });
 
+/**
+ * Utility array that contains all `@progress/kendo-angular-notification` related components and directives
+ */
+const KENDO_NOTIFICATION = [
+    NotificationComponent,
+    NotificationContainerComponent
+];
+
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Notification component.
@@ -732,16 +746,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [CommonModule, IconsModule] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [KENDO_NOTIFICATION] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule, IconsModule],
-                    exports: [NotificationComponent, NotificationContainerComponent],
-                    providers: [NotificationService]
+                    imports: [...KENDO_NOTIFICATION],
+                    exports: [...KENDO_NOTIFICATION],
+                    providers: [NotificationService, IconsService]
                 }]
         }] });
 
@@ -749,5 +762,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
+export { KENDO_NOTIFICATION, NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
 

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
 import { forwardRef, Directive, Input, EventEmitter, ViewContainerRef, Component, ViewChild, HostBinding, TemplateRef, InjectionToken, ApplicationRef, Injectable, Inject, Optional, NgModule } from '@angular/core';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i1$1 from '@angular/animations';
 import { style, animate } from '@angular/animations';
 import { take } from 'rxjs/operators';
@@ -12,17 +13,14 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
 import { guid } from '@progress/kendo-angular-common';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@progress/kendo-angular-icons';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 
 class NotificationSettings {
     constructor() {
         /**
          * Specifies the time in milliseconds after which the
          * Notification will hide
-         * ([see example]({% slug hiding_notifications %}#toc-definig-a-delay-before-hiding)).
+         * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
          * Defaults to `5000`.
          */
         this.hideAfter = 5000;
@@ -78,8 +76,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814397,
-    version: '16.5.0',
+    publishDate: 1721828004,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -130,7 +128,7 @@ class LocalizedMessagesDirective extends ComponentMessages {
     }
 }
 LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
         {
             provide: ComponentMessages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -145,7 +143,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => LocalizedMessagesDirective)
                         }
                     ],
-                    selector: `[kendoNotificationLocalizedMessages]`
+                    selector: `[kendoNotificationLocalizedMessages]`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
                 type: Input
@@ -292,7 +291,7 @@ class NotificationComponent {
     }
 }
 NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -337,7 +336,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </span>
         </span>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -388,7 +387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.notification'
                         }
-                    ]
+                    ],
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, NgClass, NgIf, IconWrapperComponent, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.AnimationBuilder }, { type: i1.LocalizationService }]; }, propDecorators: { container: [{
                 type: ViewChild,
@@ -541,7 +542,7 @@ class NotificationContainerComponent {
     }
 }
 NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, 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: `
+NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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>
@@ -554,7 +555,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
     <div #group class="k-notification-group">
         <ng-container #container></ng-container>
     </div>
-  `
+  `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { container: [{
                 type: ViewChild,
@@ -687,9 +689,12 @@ class NotificationService {
     }
 }
 NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
                     args: [NOTIFICATION_CONTAINER]
@@ -697,6 +702,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     type: Optional
                 }] }]; } });
 
+/**
+ * Utility array that contains all `@progress/kendo-angular-notification` related components and directives
+ */
+const KENDO_NOTIFICATION = [
+    NotificationComponent,
+    NotificationContainerComponent
+];
+
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Notification component.
@@ -730,16 +744,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [CommonModule, IconsModule] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [KENDO_NOTIFICATION] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule, IconsModule],
-                    exports: [NotificationComponent, NotificationContainerComponent],
-                    providers: [NotificationService]
+                    imports: [...KENDO_NOTIFICATION],
+                    exports: [...KENDO_NOTIFICATION],
+                    providers: [NotificationService, IconsService]
                 }]
         }] });
 
@@ -747,5 +760,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
+export { KENDO_NOTIFICATION, NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
 

package/index.d.ts

@@ -11,3 +11,4 @@ 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';

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

@@ -15,5 +15,5 @@ export declare class LocalizedMessagesDirective extends ComponentMessages {
     closeTitle: string;
     constructor(service: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoNotificationLocalizedMessages]", never, { "closeTitle": "closeTitle"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoNotificationLocalizedMessages]", never, { "closeTitle": "closeTitle"; }, {}, never, never, true, never>;
 }

package/models/notification-settings.d.ts

@@ -14,7 +14,7 @@ export declare class NotificationSettings {
     /**
      * Specifies the time in milliseconds after which the
      * Notification will hide
-     * ([see example]({% slug hiding_notifications %}#toc-definig-a-delay-before-hiding)).
+     * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
      * Defaults to `5000`.
      */
     hideAfter?: number;
@@ -75,7 +75,7 @@ export declare class NotificationSettings {
     /**
      * Specifies a list of CSS classes that will be added to the Notification.
      * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
-     * ([see example]({% slug overview_notification %}#-toc-basic-example)).
+     * ([see example](slug:overview_notification)).
      *
      * > To style the content of the Notification, use the `cssClass` property binding.
      */

package/notification.component.d.ts

@@ -5,10 +5,10 @@
 import { EventEmitter, TemplateRef, ChangeDetectorRef, ViewContainerRef, ElementRef, OnInit, ComponentRef, OnDestroy, Renderer2 } from '@angular/core';
 import { AnimationBuilder } from '@angular/animations';
 import { Subscription } from 'rxjs';
-import { Type } from './models/type';
-import { Animation } from './models/animation';
 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
@@ -66,5 +66,5 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
     private slideAnimation;
     private fadeAnimation;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": "templateRef"; "templateString": "templateString"; "width": "width"; "height": "height"; "notificationLabel": "notificationLabel"; "cssClass": "cssClass"; "hideAfter": "hideAfter"; "closable": "closable"; "type": "type"; "animation": "animation"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": "templateRef"; "templateString": "templateString"; "width": "width"; "height": "height"; "notificationLabel": "notificationLabel"; "cssClass": "cssClass"; "hideAfter": "hideAfter"; "closable": "closable"; "type": "type"; "animation": "animation"; }, {}, never, never, true, never>;
 }

package/notification.container.component.d.ts

@@ -29,5 +29,5 @@ export declare class NotificationContainerComponent implements OnDestroy {
     private applyPosition;
     private setContainerPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": "id"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": "id"; }, {}, never, never, true, never>;
 }

package/notification.module.d.ts

@@ -5,9 +5,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./notification.component";
 import * as i2 from "./notification.container.component";
-import * as i3 from "./localization/localized-messages.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Notification component.
@@ -40,6 +37,6 @@ import * as i5 from "@progress/kendo-angular-icons";
  */
 export declare class NotificationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent, typeof i3.LocalizedMessagesDirective], [typeof i4.CommonModule, typeof i5.IconsModule], [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
+    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.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "16.5.0",
+  "version": "16.6.0-develop.1",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -21,14 +21,14 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.5.0",
-    "@progress/kendo-angular-l10n": "16.5.0",
-    "@progress/kendo-angular-icons": "16.5.0",
+    "@progress/kendo-angular-common": "16.6.0-develop.1",
+    "@progress/kendo-angular-l10n": "16.6.0-develop.1",
+    "@progress/kendo-angular-icons": "16.6.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.5.0"
+    "@progress/kendo-angular-schematics": "16.6.0-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-notification.mjs",