@progress/kendo-angular-notification 3.0.3 → 4.0.0-next.202202241714

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-notification.js}

@@ -2,12 +2,15 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata, __param } from 'tslib';
-import { EventEmitter, ViewChild, ViewContainerRef, Input, TemplateRef, HostBinding, Component, ChangeDetectorRef, ElementRef, Renderer2, ComponentFactoryResolver, InjectionToken, ApplicationRef, Injectable, Inject, Optional, Injector, Directive, forwardRef, NgModule } from '@angular/core';
-import { style, animate, AnimationBuilder } from '@angular/animations';
+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 { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
+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 { CommonModule } from '@angular/common';
 
 class NotificationSettings {
@@ -66,7 +69,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635939877,
+    publishDate: 1645722791,
     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'
 };
@@ -108,11 +111,42 @@ function fadeCloseAnimation(duration) {
     ];
 }
 
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends ComponentMessages {
+    constructor(service) {
+        super();
+        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: [
+        {
+            provide: ComponentMessages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: ComponentMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `[kendoNotificationLocalizedMessages]`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
+                type: Input
+            }] } });
+
 /**
  * @hidden
  *
  */
-let NotificationComponent = class NotificationComponent {
+class NotificationComponent {
     constructor(cdr, element, renderer, builder, localizationService) {
         this.cdr = cdr;
         this.element = element;
@@ -235,60 +269,48 @@ let NotificationComponent = class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-};
-__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: true }),
-    __metadata("design:type", ViewContainerRef)
-], NotificationComponent.prototype, "container", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], NotificationComponent.prototype, "templateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], NotificationComponent.prototype, "templateString", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], NotificationComponent.prototype, "width", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], NotificationComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], NotificationComponent.prototype, "cssClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], NotificationComponent.prototype, "hideAfter", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], NotificationComponent.prototype, "closable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], NotificationComponent.prototype, "type", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], NotificationComponent.prototype, "animation", void 0);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String)
-], NotificationComponent.prototype, "direction", void 0);
-__decorate([
-    HostBinding('class.k-notification-container'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], NotificationComponent.prototype, "containerClass", null);
-NotificationComponent = __decorate([
-    Component({
-        selector: 'kendo-notification',
-        template: `
+}
+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: [
+        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"
+    >
+    </ng-container>
+    <div class="k-widget 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-close" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>
+        </div>
+    </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: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-notification',
+                    template: `
     <ng-container kendoNotificationLocalizedMessages
         i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
         closeTitle="Close"
@@ -317,26 +339,47 @@ NotificationComponent = __decorate([
         </div>
     </div>
   `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.notification'
-            }
-        ]
-    }),
-    __metadata("design:paramtypes", [ChangeDetectorRef,
-        ElementRef,
-        Renderer2,
-        AnimationBuilder,
-        LocalizationService])
-], NotificationComponent);
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.notification'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.AnimationBuilder }, { type: i1.LocalizationService }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }], templateRef: [{
+                type: Input
+            }], templateString: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], hideAfter: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], containerClass: [{
+                type: HostBinding,
+                args: ['class.k-notification-container']
+            }] } });
 
 /**
  * @hidden
- *
  */
-let NotificationContainerComponent = class NotificationContainerComponent {
+class NotificationContainerComponent {
     constructor(element, renderer, resolver) {
         this.element = element;
         this.renderer = renderer;
@@ -454,32 +497,32 @@ let NotificationContainerComponent = class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-};
-__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: true }),
-    __metadata("design:type", ViewContainerRef)
-], NotificationContainerComponent.prototype, "container", void 0);
-__decorate([
-    ViewChild('group', { static: true }),
-    __metadata("design:type", ElementRef)
-], NotificationContainerComponent.prototype, "group", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], NotificationContainerComponent.prototype, "id", void 0);
-NotificationContainerComponent = __decorate([
-    Component({
-        selector: 'kendo-notification-container',
-        template: `
+}
+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: `
+    <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: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-notification-container',
+                    template: `
     <div #group class="k-notification-group">
         <ng-container #container></ng-container>
     </div>
   `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ComponentFactoryResolver])
-], NotificationContainerComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }], group: [{
+                type: ViewChild,
+                args: ['group', { static: true }]
+            }], id: [{
+                type: Input
+            }] } });
 
 /**
  * Used to inject the Notification container. If not provided, the first root component of
@@ -528,7 +571,7 @@ const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container');
  * @export
  * @class NotificationService
  */
-let NotificationService = class NotificationService {
+class NotificationService {
     /**
      * @hidden
      */
@@ -599,41 +642,17 @@ let NotificationService = class NotificationService {
         }
         return container;
     }
-};
-NotificationService = __decorate([
-    Injectable(),
-    __param(2, Inject(NOTIFICATION_CONTAINER)), __param(2, Optional()),
-    __metadata("design:paramtypes", [ComponentFactoryResolver,
-        Injector,
-        ElementRef])
-], NotificationService);
-
-var LocalizedMessagesDirective_1;
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends ComponentMessages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-    Directive({
-        providers: [
-            {
-                provide: ComponentMessages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: `[kendoNotificationLocalizedMessages]`
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
+}
+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: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [NOTIFICATION_CONTAINER]
+                }, {
+                    type: Optional
+                }] }]; } });
 
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -665,20 +684,25 @@ LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
  * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
-let NotificationModule = class NotificationModule {
-};
-NotificationModule = __decorate([
-    NgModule({
-        declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
-        entryComponents: [NotificationComponent, NotificationContainerComponent],
-        imports: [CommonModule],
-        exports: [NotificationComponent, NotificationContainerComponent],
-        providers: [NotificationService]
-    })
-], NotificationModule);
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
+                    entryComponents: [NotificationComponent, NotificationContainerComponent],
+                    imports: [CommonModule],
+                    exports: [NotificationComponent, NotificationContainerComponent],
+                    providers: [NotificationService]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LocalizedMessagesDirective, NotificationContainerComponent, NotificationSettings, NotificationComponent, NotificationService, NOTIFICATION_CONTAINER, NotificationModule };
+export { NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
+

package/{dist/es/models/animation.js → kendo-angular-notification.d.ts}

@@ -2,3 +2,8 @@
 * Copyright © 2021 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';

package/{dist/es2015/localization → localization}/localized-messages.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -13,4 +14,6 @@ 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>;
 }

package/{dist/es2015/main.d.ts → main.d.ts}

@@ -10,3 +10,4 @@ export { NotificationSettings } from './models/notification-settings';
 export { NotificationComponent } from './notification.component';
 export { NotificationService, NOTIFICATION_CONTAINER } from './services/notification.service';
 export { NotificationModule } from './notification.module';
+export { NotificationContainerComponent } from './notification.container.component';

package/{dist/es2015/notification.component.d.ts → 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 * as i0 from "@angular/core";
 /**
  * @hidden
  *
@@ -35,8 +36,8 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
      * @hidden
      */
     direction: string;
-    readonly containerClass: boolean;
-    readonly closeButtonTitle: string;
+    get containerClass(): boolean;
+    get closeButtonTitle(): string;
     private defaultHideAfter;
     private hideTimeout;
     private animationEnd;
@@ -57,4 +58,6 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
     private animate;
     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"; "cssClass": "cssClass"; "hideAfter": "hideAfter"; "closable": "closable"; "type": "type"; "animation": "animation"; }, {}, never, never>;
 }

package/{dist/es2015/notification.container.component.d.ts → notification.container.component.d.ts}

@@ -6,9 +6,9 @@ import { ElementRef, ComponentFactoryResolver, ViewContainerRef, OnDestroy, Rend
 import { NotificationSettings } from './models/notification-settings';
 import { NotificationComponent } from './notification.component';
 import { NotificationRef } from './models/notification-ref';
+import * as i0 from "@angular/core";
 /**
  * @hidden
- *
  */
 export declare class NotificationContainerComponent implements OnDestroy {
     element: ElementRef;
@@ -28,4 +28,6 @@ export declare class NotificationContainerComponent implements OnDestroy {
     private applyAbsolutePosition;
     private applyPosition;
     private setContainerPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": "id"; }, {}, never, never>;
 }

package/{dist/es2015/notification.module.d.ts → notification.module.d.ts}

@@ -2,6 +2,11 @@
 * Copyright © 2021 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 * 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";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Notification component.
@@ -33,4 +38,7 @@
  * ```
  */
 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 ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
 }