@progress/kendo-angular-notification 4.0.1 → 11.0.0-develop.101

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

@@ -1,16 +1,19 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 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 { take } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$1 from '@angular/animations';
 import { style, animate } from '@angular/animations';
+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,9 +72,9 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1668698763,
+    publishDate: 1673510433,
     version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
@@ -120,14 +123,14 @@ class LocalizedMessagesDirective extends ComponentMessages {
         this.service = service;
     }
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
         {
             provide: ComponentMessages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -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() {
@@ -270,8 +286,8 @@ class NotificationComponent {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
 }
-NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
+NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "12.0.0", version: "13.3.11", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -283,30 +299,37 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         closeTitle="Close"
     >
     </ng-container>
-    <div class="k-widget k-notification {{ notificationClasses() }}"
+    <div class="k-notification {{ notificationClasses() }}"
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <div class="k-notification-wrap k-hstack">
-            <span *ngIf="type && type.icon && type.style !== 'none'" class="k-icon" [ngClass]="typeIconClass()"></span>
-
-            <div class="k-notification-content">
-                <ng-template
-                    [ngIf]="templateRef"
-                    [ngTemplateOutlet]="templateRef">
-                </ng-template>
-                <ng-template
-                    [ngIf]="templateString">
-                    {{ templateString }}
-                </ng-template>
-                <ng-container #container></ng-container>
-            </div>
-
-            <a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>
+        <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"
+                [ngTemplateOutlet]="templateRef">
+            </ng-template>
+            <ng-template
+                [ngIf]="templateString">
+                {{ templateString }}
+            </ng-template>
+            <ng-container #container></ng-container>
         </div>
+
+        <span *ngIf="closable" class="k-notification-actions">
+            <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
+                <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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationComponent, decorators: [{
+  `, 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: [{
                     selector: 'kendo-notification',
@@ -316,27 +339,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         closeTitle="Close"
     >
     </ng-container>
-    <div class="k-widget k-notification {{ notificationClasses() }}"
+    <div class="k-notification {{ notificationClasses() }}"
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <div class="k-notification-wrap k-hstack">
-            <span *ngIf="type && type.icon && type.style !== 'none'" class="k-icon" [ngClass]="typeIconClass()"></span>
-
-            <div class="k-notification-content">
-                <ng-template
-                    [ngIf]="templateRef"
-                    [ngTemplateOutlet]="templateRef">
-                </ng-template>
-                <ng-template
-                    [ngIf]="templateString">
-                    {{ templateString }}
-                </ng-template>
-                <ng-container #container></ng-container>
-            </div>
-
-            <a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>
+        <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"
+                [ngTemplateOutlet]="templateRef">
+            </ng-template>
+            <ng-template
+                [ngIf]="templateString">
+                {{ templateString }}
+            </ng-template>
+            <ng-container #container></ng-container>
         </div>
+
+        <span *ngIf="closable" class="k-notification-actions">
+            <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
+                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
+            </span>
+        </span>
     </div>
   `,
                     providers: [
@@ -448,7 +478,7 @@ class NotificationContainerComponent {
             notification.templateRef = content;
         }
         notification.animation = animation;
-        let type = settings.type;
+        const type = settings.type;
         if (type && type.style === undefined) {
             type.style = 'none';
         }
@@ -498,13 +528,13 @@ class NotificationContainerComponent {
         return Object.assign({}, horizontal, vertical);
     }
 }
-NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: `
     <div #group class="k-notification-group">
         <ng-container #container></ng-container>
     </div>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',
@@ -594,7 +624,7 @@ class NotificationService {
         if (!settings) {
             throw new Error('NotificationSettings settings are required');
         }
-        let target = this.findGroupContainer(settings);
+        const target = this.findGroupContainer(settings);
         const position = settings.position || this.position;
         const currentId = `${position.horizontal} ${position.vertical}`;
         let container;
@@ -607,7 +637,7 @@ class NotificationService {
             notificationContainer = container.instance;
             this.appRef.attachView(container.hostView);
             const hostViewElement = container.location.nativeElement;
-            let groupContainer = this.findGroupContainer(settings);
+            const groupContainer = this.findGroupContainer(settings);
             if (!groupContainer) {
                 throw new Error(`
                     View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via
@@ -619,6 +649,7 @@ class NotificationService {
             this.notificationContainers.push(notificationContainer);
         }
         settings.position = position;
+        // eslint-disable-next-line prefer-const
         notificationRef = notificationContainer.addNotification(settings);
         return notificationRef;
     }
@@ -643,9 +674,9 @@ class NotificationService {
         return container;
     }
 }
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: NotificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationService, decorators: [{
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: NotificationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
@@ -686,15 +717,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  */
 class NotificationModule {
 }
-NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NotificationModule, decorators: [{
+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, 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/{main.d.ts → index.d.ts}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { Position } from './models/position';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';

package/models/animation.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/models/notification-ref.d.ts

@@ -1,9 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentRef } from '@angular/core';
-import { NotificationComponent } from '../main';
+import { NotificationComponent } from '../index';
 import { Observable } from 'rxjs';
 /**
  * Holds references to the object instance of the Notification.

package/models/notification-settings.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef, ViewContainerRef } from '@angular/core';

package/models/position.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/models/type.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/notification.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, TemplateRef, ChangeDetectorRef, ViewContainerRef, ElementRef, OnInit, ComponentRef, OnDestroy, Renderer2 } from '@angular/core';
@@ -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.container.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, ComponentFactoryResolver, ViewContainerRef, OnDestroy, Renderer2, ComponentRef } from '@angular/core';

package/notification.module.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
@@ -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-metadata.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PackageMetadata } from '@progress/kendo-licensing';

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "4.0.1",
+  "version": "11.0.0-develop.101",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
   "homepage": "https://www.telerik.com/kendo-angular-ui/components/",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-angular-notification.git"
-  },
   "bugs": {
     "url": "https://github.com/telerik/kendo-angular"
   },
@@ -19,62 +15,40 @@
   "@progress": {
     "friendlyName": "Notification"
   },
-  "dependencies": {
-    "@progress/kendo-schematics": "^3.0.0",
-    "tslib": "^2.3.1"
-  },
   "peerDependencies": {
-    "@angular/animations": "12 - 15",
-    "@angular/common": "12 - 15",
-    "@angular/core": "12 - 15",
-    "@progress/kendo-angular-common": "^3.0.0",
-    "@progress/kendo-angular-l10n": "^4.0.0",
+    "@angular/animations": "13 - 15",
+    "@angular/common": "13 - 15",
+    "@angular/core": "13 - 15",
+    "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
+    "@progress/kendo-angular-common": "11.0.0-develop.101",
+    "@progress/kendo-angular-l10n": "11.0.0-develop.101",
+    "@progress/kendo-angular-icons": "11.0.0-develop.101",
+    "@progress/kendo-angular-schematics": "11.0.0-develop.101",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    },
-    "ghooks": {
-      "commit-msg": "validate-commit-msg"
-    },
-    "validate-commit-msg": {
-      "types": [
-        "feat",
-        "fix",
-        "docs",
-        "style",
-        "refactor",
-        "perf",
-        "test",
-        "chore",
-        "revert"
-      ],
-      "warnOnFail": false,
-      "maxSubjectLength": 100
-    }
+  "dependencies": {
+    "tslib": "^2.3.1"
   },
   "schematics": "./schematics/collection.json",
-  "release": {
-    "debug": false,
-    "branchTags": {
-      "develop": "dev"
+  "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",
+  "typings": "progress-kendo-angular-notification.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
     },
-    "fallbackTags": {
-      "dev": "latest"
-    },
-    "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
-    "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
-    "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
-    "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
-    "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
+    ".": {
+      "types": "./progress-kendo-angular-notification.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"
+    }
   },
-  "main": "bundles/kendo-angular-notification.umd.js",
-  "module": "fesm2015/kendo-angular-notification.js",
-  "es2015": "fesm2015/kendo-angular-notification.js",
-  "esm2015": "esm2015/kendo-angular-notification.js",
-  "fesm2015": "fesm2015/kendo-angular-notification.js",
-  "typings": "kendo-angular-notification.d.ts",
   "sideEffects": false
 }

package/{kendo-angular-notification.d.ts → progress-kendo-angular-notification.d.ts}

@@ -1,9 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
  * Generated bundle index. Do not edit.
  */
 /// <amd-module name="@progress/kendo-angular-notification" />
-export * from './main';
+export * from './index';

package/schematics/ngAdd/index.js

@@ -1,13 +1,11 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
 "use strict";
 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
-     });
-    return schematics_1.externalSchematic('@progress/kendo-schematics', 'ng-add', finalOptions);
+    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;

package/services/notification.service.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentFactoryResolver, Injector, InjectionToken, ElementRef } from '@angular/core';

package/utils/animations.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**