@progress/kendo-angular-notification 17.0.0-develop.9 → 17.0.0

package/{fesm2020 → fesm2022}/progress-kendo-angular-notification.mjs

@@ -16,57 +16,87 @@ import { guid } from '@progress/kendo-angular-common';
 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-defining-a-delay-before-hiding)).
-         * Defaults to `5000`.
-         */
-        this.hideAfter = 5000;
-        /**
-         * Defines the position of the Notification
-         * ([see example]({% slug positioning_notification %})).
-         *
-         * The possible values are:
-         * * `horizontal: 'left'|'center'|'right'`
-         * * `vertical: 'top'|'bottom'`
-         */
-        this.position = { horizontal: 'right', vertical: 'top' };
-        /**
-         * Specifies the animation settings of the Notification
-         * ([see example]({% slug animations_notification %})).
-         *
-         * The possible values are:
-         * * `duration`—Accepts a number in milliseconds. Defaults to `500ms`.
-         * * `type?: 'slide'| (Default) 'fade'`
-         */
-        this.animation = { type: 'fade', duration: 500 };
-        /**
-         * Specifies if the Notification will require a user action to hide.
-         * If the property is set to `true`, the Notification renders a **Close** button
-         * ([see example]({% slug hiding_notifications %}#toc-defining-a-closable-notification)).
-         *
-         * The possible values are:
-         * * (Default) `false`
-         * * `true`
-         */
-        this.closable = false;
-        /**
-         * Specifies the type of the Notification
-         * ([see example]({% slug types_notification %})).
-         *
-         * The possible values are:
-         * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
-         * * `icon: 'true'|'false'`
-         */
-        this.type = { style: 'none', icon: true };
-        /**
-         * The value of the Notification element `aria-label` attribute.
-         * @default 'Notification'
-         */
-        this.notificationLabel = 'Notification';
-    }
+    /**
+     * Defines the content of the Notification.
+     */
+    content;
+    /**
+     * Specifies the time in milliseconds after which the
+     * Notification will hide
+     * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
+     * Defaults to `5000`.
+     */
+    hideAfter = 5000;
+    /**
+     * Defines the position of the Notification
+     * ([see example]({% slug positioning_notification %})).
+     *
+     * The possible values are:
+     * * `horizontal: 'left'|'center'|'right'`
+     * * `vertical: 'top'|'bottom'`
+     */
+    position = { horizontal: 'right', vertical: 'top' };
+    /**
+     * Specifies the animation settings of the Notification
+     * ([see example]({% slug animations_notification %})).
+     *
+     * The possible values are:
+     * * `duration`—Accepts a number in milliseconds. Defaults to `500ms`.
+     * * `type?: 'slide'| (Default) 'fade'`
+     */
+    animation = { type: 'fade', duration: 500 };
+    /**
+     * Specifies if the Notification will require a user action to hide.
+     * If the property is set to `true`, the Notification renders a **Close** button
+     * ([see example]({% slug hiding_notifications %}#toc-defining-a-closable-notification)).
+     *
+     * The possible values are:
+     * * (Default) `false`
+     * * `true`
+     */
+    closable = false;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle;
+    /**
+     * Specifies the type of the Notification
+     * ([see example]({% slug types_notification %})).
+     *
+     * The possible values are:
+     * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
+     * * `icon: 'true'|'false'`
+     */
+    type = { style: 'none', icon: true };
+    /**
+     * Specifies the width of the Notification.
+     */
+    width;
+    /**
+     * Specifies the height of the Notification.
+     */
+    height;
+    /**
+     * The value of the Notification element `aria-label` attribute.
+     * @default 'Notification'
+     */
+    notificationLabel = 'Notification';
+    /**
+     * Specifies a list of CSS classes that will be added to the Notification.
+     * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
+     * ([see example](slug:overview_notification)).
+     *
+     * > To style the content of the Notification, use the `cssClass` property binding.
+     */
+    cssClass;
+    /**
+     * Defines the container to which the Notification will be appended
+     * ([see example]({% slug dynamic_containers %})).
+     *
+     * If not provided, the Notification will be placed in the root component
+     * of the application or in the `body` element of the document.
+     */
+    appendTo;
 }
 
 /**
@@ -76,8 +106,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174769,
-    version: '17.0.0-develop.9',
+    publishDate: 1731414215,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -122,19 +152,24 @@ function fadeCloseAnimation(duration) {
  * @hidden
  */
 class LocalizedMessagesDirective extends ComponentMessages {
+    service;
+    /**
+     * The title of the close button.
+     */
+    closeTitle;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+            {
+                provide: ComponentMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
-        {
-            provide: ComponentMessages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -155,33 +190,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  *
  */
 class NotificationComponent {
+    cdr;
+    element;
+    renderer;
+    builder;
+    localizationService;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    contentId = `k-${guid()}`;
+    container;
+    closeClickSubscription;
+    close = new EventEmitter();
+    templateRef;
+    templateString;
+    width = null;
+    height = null;
+    notificationLabel = 'Notification';
+    cssClass;
+    hideAfter;
+    closable;
+    type;
+    animation;
+    closeTitle;
+    /**
+     * @hidden
+     */
+    direction;
+    get closeButtonTitle() {
+        return this.closeTitle || this.localizationService.get('closeTitle');
+    }
+    defaultHideAfter = 5000;
+    hideTimeout;
+    animationEnd = new EventEmitter();
+    dynamicRTLSubscription;
+    rtl = false;
     constructor(cdr, element, renderer, builder, localizationService) {
         this.cdr = cdr;
         this.element = element;
         this.renderer = renderer;
         this.builder = builder;
         this.localizationService = localizationService;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        this.contentId = `k-${guid()}`;
-        this.close = new EventEmitter();
-        this.width = null;
-        this.height = null;
-        this.notificationLabel = 'Notification';
-        this.defaultHideAfter = 5000;
-        this.animationEnd = new EventEmitter();
-        this.rtl = false;
         validatePackage(packageMetadata);
         this.dynamicRTLSubscription = localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
             this.direction = this.rtl ? 'rtl' : 'ltr';
         });
     }
-    get closeButtonTitle() {
-        return this.closeTitle || this.localizationService.get('closeTitle');
-    }
     notificationClasses() {
         return `${this.type ? this.typeClass() : ''}
             ${this.closable ? 'k-notification-closable' : ''}`;
@@ -289,15 +345,14 @@ class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-}
-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, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.notification'
-        }
-    ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "14.0.0", version: "16.2.12", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.notification'
+            }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <ng-container kendoNotificationLocalizedMessages
         i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
         closeTitle="Close"
@@ -337,7 +392,8 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </span>
     </div>
   `, 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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification',
@@ -423,13 +479,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class NotificationContainerComponent {
+    element;
+    renderer;
+    resolver;
+    ngZone;
+    container;
+    group;
+    id = '';
+    notifications = [];
+    position;
     constructor(element, renderer, resolver, ngZone) {
         this.element = element;
         this.renderer = renderer;
         this.resolver = resolver;
         this.ngZone = ngZone;
-        this.id = '';
-        this.notifications = [];
         /**/
     }
     ngOnDestroy() {
@@ -549,14 +612,14 @@ class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-}
-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 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", 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: "15.2.10", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',
@@ -625,6 +688,12 @@ const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container');
  * @class NotificationService
  */
 class NotificationService {
+    resolver;
+    injector;
+    container;
+    notificationContainers = [];
+    position = { horizontal: 'right', vertical: 'top' };
+    applicationRef;
     /**
      * @hidden
      */
@@ -632,8 +701,6 @@ class NotificationService {
         this.resolver = resolver;
         this.injector = injector;
         this.container = container;
-        this.notificationContainers = [];
-        this.position = { horizontal: 'right', vertical: 'top' };
     }
     /**
      * Opens a Notification component. Created Notification are mounted
@@ -696,10 +763,10 @@ class NotificationService {
         }
         return container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
-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, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -751,11 +818,11 @@ const KENDO_NOTIFICATION = [
  * ```
  */
 class NotificationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
 }
-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, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_NOTIFICATION],

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, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoNotificationLocalizedMessages]", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; }, {}, never, never, true, never>;
 }

package/models/animation.d.ts

@@ -10,7 +10,7 @@
  * `duration`—Accepts a number in milliseconds (default: 500ms).
  * `type?: 'slide'|'fade' (default)`
  */
-export declare type Animation = {
+export type Animation = {
     duration: number;
     type?: 'slide' | 'fade';
 };

package/models/position.d.ts

@@ -9,7 +9,7 @@
  * The available options are:
  * * `{ horizontal: 'left'|'center'|'right', vertical: 'top'|'bottom' }`
  */
-export declare type Position = {
+export type Position = {
     horizontal: 'left' | 'center' | 'right';
     vertical: 'top' | 'bottom';
 };

package/models/type.d.ts

@@ -10,7 +10,7 @@
  * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
  * * `icon?: (Default) 'true'|'false'`
  */
-export declare type Type = {
+export type Type = {
     style?: 'none' | 'success' | 'warning' | 'error' | 'info';
     icon?: boolean;
 };

package/notification.component.d.ts

@@ -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, true, 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; }; "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

@@ -30,5 +30,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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "17.0.0-develop.9",
+  "version": "17.0.0",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -16,26 +16,22 @@
     "friendlyName": "Notification"
   },
   "peerDependencies": {
-    "@angular/animations": "15 - 18",
-    "@angular/common": "15 - 18",
-    "@angular/core": "15 - 18",
-    "@angular/platform-browser": "15 - 18",
+    "@angular/animations": "16 - 18",
+    "@angular/common": "16 - 18",
+    "@angular/core": "16 - 18",
+    "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.9",
-    "@progress/kendo-angular-icons": "17.0.0-develop.9",
+    "@progress/kendo-angular-common": "17.0.0",
+    "@progress/kendo-angular-l10n": "17.0.0",
+    "@progress/kendo-angular-icons": "17.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.9"
+    "@progress/kendo-angular-schematics": "17.0.0"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/progress-kendo-angular-notification.mjs",
-  "es2020": "fesm2020/progress-kendo-angular-notification.mjs",
-  "esm2020": "esm2020/progress-kendo-angular-notification.mjs",
-  "fesm2020": "fesm2020/progress-kendo-angular-notification.mjs",
-  "fesm2015": "fesm2015/progress-kendo-angular-notification.mjs",
+  "module": "fesm2022/progress-kendo-angular-notification.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -43,11 +39,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/progress-kendo-angular-notification.mjs",
-      "es2020": "./fesm2020/progress-kendo-angular-notification.mjs",
-      "es2015": "./fesm2015/progress-kendo-angular-notification.mjs",
-      "node": "./fesm2015/progress-kendo-angular-notification.mjs",
-      "default": "./fesm2020/progress-kendo-angular-notification.mjs"
+      "esm2022": "./esm2022/progress-kendo-angular-notification.mjs",
+      "esm": "./esm2022/progress-kendo-angular-notification.mjs",
+      "default": "./fesm2022/progress-kendo-angular-notification.mjs"
     }
   },
   "sideEffects": false

package/schematics/ngAdd/index.js

@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification', peerDependencies: {
             // Peer dependency of icons
-            '@progress/kendo-svg-icons': '^3.0.0'
+            '@progress/kendo-svg-icons': '^4.0.0'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/esm2020/models/notification-settings.mjs

@@ -1,57 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export class NotificationSettings {
-    constructor() {
-        /**
-         * Specifies the time in milliseconds after which the
-         * Notification will hide
-         * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
-         * Defaults to `5000`.
-         */
-        this.hideAfter = 5000;
-        /**
-         * Defines the position of the Notification
-         * ([see example]({% slug positioning_notification %})).
-         *
-         * The possible values are:
-         * * `horizontal: 'left'|'center'|'right'`
-         * * `vertical: 'top'|'bottom'`
-         */
-        this.position = { horizontal: 'right', vertical: 'top' };
-        /**
-         * Specifies the animation settings of the Notification
-         * ([see example]({% slug animations_notification %})).
-         *
-         * The possible values are:
-         * * `duration`—Accepts a number in milliseconds. Defaults to `500ms`.
-         * * `type?: 'slide'| (Default) 'fade'`
-         */
-        this.animation = { type: 'fade', duration: 500 };
-        /**
-         * Specifies if the Notification will require a user action to hide.
-         * If the property is set to `true`, the Notification renders a **Close** button
-         * ([see example]({% slug hiding_notifications %}#toc-defining-a-closable-notification)).
-         *
-         * The possible values are:
-         * * (Default) `false`
-         * * `true`
-         */
-        this.closable = false;
-        /**
-         * Specifies the type of the Notification
-         * ([see example]({% slug types_notification %})).
-         *
-         * The possible values are:
-         * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
-         * * `icon: 'true'|'false'`
-         */
-        this.type = { style: 'none', icon: true };
-        /**
-         * The value of the Notification element `aria-label` attribute.
-         * @default 'Notification'
-         */
-        this.notificationLabel = 'Notification';
-    }
-}