@progress/kendo-angular-notification 11.0.0-develop.98 → 11.0.0

package/NOTICE.txt

@@ -1,6 +1,6 @@
 Progress Kendo UI for Angular 2023
 
-Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
+Copyright © 2016-2023 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
 
 Portions of the Product include certain open source and commercial third-party
@@ -65,7 +65,7 @@ the Product:
 
 (1) 	The Apache Software License, Version 2.0:
 
-Progress Kendo UI for Angular 2022 incorporates TsLib v1.9.3. Such technology
+Progress Kendo UI for Angular 2023 incorporates TsLib v1.9.3. Such technology
 is subject to the following terms and conditions: Apache Software License Version 2.0.
 
                                  Apache License
@@ -290,7 +290,7 @@ is subject to the following terms and conditions: Apache Software License Versio
 
 (2) 	BSD-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates xlf-translate v2.0.4.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates xlf-translate v2.0.4.  Such
 technology is subject to the following terms and conditions:
 
    BSD 3-Clause License
@@ -325,7 +325,7 @@ technology is subject to the following terms and conditions:
 
 (3) 	The ISC License:
 
-(a) Progress Kendo UI for Angular 2022 incorporates glob v7.1.3.  Such technology
+(a) Progress Kendo UI for Angular 2023 incorporates glob v7.1.3.  Such technology
 is subject to the following terms and conditions:
 
     The ISC License
@@ -352,7 +352,7 @@ is subject to the following terms and conditions:
 
 (4)	MIT-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates HammerJS v2.0.8.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates HammerJS v2.0.8.  Such
 technology is subject to the following terms and conditions:
 
    The MIT License (MIT)
@@ -377,7 +377,7 @@ technology is subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(b) Progress Kendo UI for Angular 2022 incorporates prosemirror-commands v1*,
+(b) Progress Kendo UI for Angular 2023 incorporates prosemirror-commands v1*,
 prosemirror-cursor v1*, prosemirror-gapcursor v1*, prosemirror-history v1*,
 prosemirror-inputrules v1*, prosemirror-keymap v1*, prosemirror-model v1*,
 prosemirror-schema-list v1*, prosemirror-state v1*, prosemirror-tables v0.7*,
@@ -404,7 +404,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.
 
-(c) Progress Kendo UI for Angular 2022 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
+(c) Progress Kendo UI for Angular 2023 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
 
    MIT License
 
@@ -428,7 +428,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(d) Progress Kendo UI for Angular 2022 incorporates @types/prosemirror-commands v1*,
+(d) Progress Kendo UI for Angular 2023 incorporates @types/prosemirror-commands v1*,
 @types/prosemirror-dropcursor v1*, @types/prosemirror-gapcursor v1*, @types/prosemirror-history v1*,
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
@@ -457,7 +457,7 @@ subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     SOFTWARE.
 
-(e) Progress Kendo UI for Angular 2022 incorporates pako-esm v1.0.0.  Such
+(e) Progress Kendo UI for Angular 2023 incorporates pako-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
   Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -483,7 +483,7 @@ technology is subject to the following terms and conditions:
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 
-(f) Progress Kendo UI for Angular 2022 incorporates jszip-esm v1.0.0.  Such
+(f) Progress Kendo UI for Angular 2023 incorporates jszip-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
     Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -510,7 +510,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(g) Progress Kendo UI for Angular 2022 incorporates data.task v3.1.2.  Such
+(g) Progress Kendo UI for Angular 2023 incorporates data.task v3.1.2.  Such
 technology is subject to the following terms and conditions:
 
     The MIT License
@@ -535,7 +535,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(h) Progress Kendo UI for Angular 2022 incorporates ramda v0.23.  Such technology
+(h) Progress Kendo UI for Angular 2023 incorporates ramda v0.23.  Such technology
 is subject to the following terms and conditions:
 
     The MIT License (MIT)
@@ -560,7 +560,7 @@ is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(i) Progress Kendo UI for Angular 2022 incorporates js-yaml v3.14.0.  Such
+(i) Progress Kendo UI for Angular 2023 incorporates js-yaml v3.14.0.  Such
 technology is subject to the following terms and conditions:
 
     (The MIT License)
@@ -587,7 +587,7 @@ technology is subject to the following terms and conditions:
 
 (5)	UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE:
 
-Progress Kendo UI for Angular 2022 incorporates Unicode CLDR Database v33.
+Progress Kendo UI for Angular 2023 incorporates Unicode CLDR Database v33.
 Such technology is subject to the following terms and conditions:
 
    UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE
@@ -605,7 +605,7 @@ Such technology is subject to the following terms and conditions:
 
    COPYRIGHT AND PERMISSION NOTICE
 
-   Copyright © 1991-2021 Unicode, Inc. All rights reserved.
+   Copyright © 1991-2019 Unicode, Inc. All rights reserved.
    Distributed under the Terms of Use in https://www.unicode.org/copyright.html.
 
    Permission is hereby granted, free of charge, to any person obtaining
@@ -642,7 +642,7 @@ incorporated into the Product:  NONE
 
 3. Special Notices Regarding Progress Products incorporated into the Product:
 
-(a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
+(a) Progress Kendo UI for Angular 2023 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for
 third-party license information.
 
@@ -651,4 +651,4 @@ the release notes or other documentation that accompanies updates received in
 connection with support of the Product.
 
 
-Updated 1/6/2022
+Updated 13.Jan.2023

package/esm2020/notification.component.mjs

@@ -9,11 +9,13 @@ 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 * as i0 from "@angular/core";
 import * as i1 from "@angular/animations";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "./localization/localized-messages.directive";
-import * as i4 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-icons";
+import * as i4 from "./localization/localized-messages.directive";
+import * as i5 from "@angular/common";
 /**
  * @hidden
  *
@@ -25,6 +27,10 @@ export class NotificationComponent {
         this.renderer = renderer;
         this.builder = builder;
         this.localizationService = localizationService;
+        /**
+         * @hidden
+         */
+        this.xIcon = xIcon;
         this.close = new EventEmitter();
         this.width = null;
         this.height = null;
@@ -80,10 +86,19 @@ export class NotificationComponent {
     typeIconClass() {
         return {
             'none': '',
-            'success': 'k-i-check-outline',
-            'warning': 'k-i-exclamation-circle',
-            'error': 'k-i-x-outline',
-            'info': 'k-i-info-circle'
+            'success': 'check-outline',
+            'warning': 'exclamation-circle',
+            'error': 'x-outline',
+            'info': 'info-circle'
+        }[this.type.style];
+    }
+    typeSVGIcon() {
+        return {
+            'none': null,
+            'success': checkOutlineIcon,
+            'warning': exclamationCircleIcon,
+            'error': xOutlineIcon,
+            'info': infoCircleIcon
         }[this.type.style];
     }
     onCloseClick() {
@@ -159,8 +174,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -175,11 +195,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>
-  `, isInline: true, directives: [{ type: i3.LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+  `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -194,8 +214,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -210,7 +235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>

package/esm2020/notification.module.mjs

@@ -8,6 +8,7 @@ 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 * as i0 from "@angular/core";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -42,14 +43,14 @@ import * as i0 from "@angular/core";
 export class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule],
+                    imports: [CommonModule, IconsModule],
                     exports: [NotificationComponent, NotificationContainerComponent],
                     providers: [NotificationService]
                 }]

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: 1673460663,
-    version: '',
+    publishDate: 1674032260,
+    version: '11.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -10,7 +10,10 @@ 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 * as i4 from '@angular/common';
+import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
+import * as i3 from '@progress/kendo-angular-icons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class NotificationSettings {
@@ -69,8 +72,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1673460663,
-    version: '',
+    publishDate: 1674032260,
+    version: '11.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -153,6 +156,10 @@ class NotificationComponent {
         this.renderer = renderer;
         this.builder = builder;
         this.localizationService = localizationService;
+        /**
+         * @hidden
+         */
+        this.xIcon = xIcon;
         this.close = new EventEmitter();
         this.width = null;
         this.height = null;
@@ -208,10 +215,19 @@ class NotificationComponent {
     typeIconClass() {
         return {
             'none': '',
-            'success': 'k-i-check-outline',
-            'warning': 'k-i-exclamation-circle',
-            'error': 'k-i-x-outline',
-            'info': 'k-i-info-circle'
+            'success': 'check-outline',
+            'warning': 'exclamation-circle',
+            'error': 'x-outline',
+            'info': 'info-circle'
+        }[this.type.style];
+    }
+    typeSVGIcon() {
+        return {
+            'none': null,
+            'success': checkOutlineIcon,
+            'warning': exclamationCircleIcon,
+            'error': xOutlineIcon,
+            'info': infoCircleIcon
         }[this.type.style];
     }
     onCloseClick() {
@@ -287,8 +303,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -303,11 +324,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>
-  `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+  `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -322,8 +343,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -338,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>
@@ -694,14 +720,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule],
+                    imports: [CommonModule, IconsModule],
                     exports: [NotificationComponent, NotificationContainerComponent],
                     providers: [NotificationService]
                 }]

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

@@ -10,7 +10,10 @@ import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import * as i4 from '@angular/common';
+import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
+import * as i3 from '@progress/kendo-angular-icons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class NotificationSettings {
@@ -69,8 +72,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1673460663,
-    version: '',
+    publishDate: 1674032260,
+    version: '11.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -153,6 +156,10 @@ class NotificationComponent {
         this.renderer = renderer;
         this.builder = builder;
         this.localizationService = localizationService;
+        /**
+         * @hidden
+         */
+        this.xIcon = xIcon;
         this.close = new EventEmitter();
         this.width = null;
         this.height = null;
@@ -208,10 +215,19 @@ class NotificationComponent {
     typeIconClass() {
         return {
             'none': '',
-            'success': 'k-i-check-outline',
-            'warning': 'k-i-exclamation-circle',
-            'error': 'k-i-x-outline',
-            'info': 'k-i-info-circle'
+            'success': 'check-outline',
+            'warning': 'exclamation-circle',
+            'error': 'x-outline',
+            'info': 'info-circle'
+        }[this.type.style];
+    }
+    typeSVGIcon() {
+        return {
+            'none': null,
+            'success': checkOutlineIcon,
+            'warning': exclamationCircleIcon,
+            'error': xOutlineIcon,
+            'info': infoCircleIcon
         }[this.type.style];
     }
     onCloseClick() {
@@ -287,8 +303,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -303,11 +324,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>
-  `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+  `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
@@ -322,8 +343,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
-
+        <kendo-icon-wrapper
+            *ngIf="type && type.icon && type.style !== 'none'"
+            innerCssClass="k-notification-status"
+            [name]="typeIconClass()"
+            [svgIcon]="typeSVGIcon()"
+            >
+        </kendo-icon-wrapper>
         <div class="k-notification-content">
             <ng-template
                 [ngIf]="templateRef"
@@ -338,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
         <span *ngIf="closable" class="k-notification-actions">
             <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <span class="k-icon k-i-x"></span>
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
             </span>
         </span>
     </div>
@@ -692,14 +718,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class NotificationModule {
 }
 NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
                     entryComponents: [NotificationComponent, NotificationContainerComponent],
-                    imports: [CommonModule],
+                    imports: [CommonModule, IconsModule],
                     exports: [NotificationComponent, NotificationContainerComponent],
                     providers: [NotificationService]
                 }]

package/notification.component.d.ts

@@ -8,6 +8,7 @@ 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 * as i0 from "@angular/core";
 /**
  * @hidden
@@ -19,6 +20,10 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
     private renderer;
     private builder;
     private localizationService;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     container: ViewContainerRef;
     closeClickSubscription: Subscription;
     close: EventEmitter<any>;
@@ -50,6 +55,7 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
     ngAfterViewInit(): void;
     typeClass(): string;
     typeIconClass(): string;
+    typeSVGIcon(): SVGIcon;
     onCloseClick(): void;
     hide(customComponent?: ComponentRef<any>): void;
     private setHideTimeout;

package/notification.module.d.ts

@@ -7,6 +7,7 @@ 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.
@@ -39,6 +40,6 @@ import * as i4 from "@angular/common";
  */
 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 i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
 }

package/package.json

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

package/schematics/ngAdd/index.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
-    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification' //package name, e.g grid
-     });
+    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification', peerDependencies: {
+            // Peer dependency of icons
+            '@progress/kendo-svg-icons': '^1.0.0'
+        } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }
 exports.default = default_1;