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

package/{dist/es2015 → esm2015}/notification.component.js

@@ -2,19 +2,22 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, HostBinding, Input, TemplateRef, ChangeDetectorRef, ViewChild, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
-import { AnimationBuilder } from '@angular/animations';
+import { Component, EventEmitter, HostBinding, Input, ViewChild, ViewContainerRef } from '@angular/core';
 import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import * 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";
 /**
  * @hidden
  *
  */
-let NotificationComponent = class NotificationComponent {
+export class NotificationComponent {
     constructor(cdr, element, renderer, builder, localizationService) {
         this.cdr = cdr;
         this.element = element;
@@ -137,60 +140,48 @@ let NotificationComponent = class NotificationComponent {
     fadeAnimation(duration, onclose) {
         return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
     }
-};
-tslib_1.__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: true }),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], NotificationComponent.prototype, "container", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], NotificationComponent.prototype, "templateRef", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], NotificationComponent.prototype, "templateString", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], NotificationComponent.prototype, "width", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], NotificationComponent.prototype, "height", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], NotificationComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], NotificationComponent.prototype, "hideAfter", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], NotificationComponent.prototype, "closable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], NotificationComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], NotificationComponent.prototype, "animation", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], NotificationComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-notification-container'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], NotificationComponent.prototype, "containerClass", null);
-NotificationComponent = tslib_1.__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.AnimationBuilder }, { token: i2.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: 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"] }] });
+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"
@@ -219,18 +210,39 @@ NotificationComponent = tslib_1.__decorate([
         </div>
     </div>
   `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.notification'
-            }
-        ]
-    }),
-    tslib_1.__metadata("design:paramtypes", [ChangeDetectorRef,
-        ElementRef,
-        Renderer2,
-        AnimationBuilder,
-        LocalizationService])
-], NotificationComponent);
-export { NotificationComponent };
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.notification'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.AnimationBuilder }, { type: i2.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']
+            }] } });

package/{dist/es2015 → esm2015}/notification.container.component.js

@@ -2,14 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ElementRef, ComponentFactoryResolver, ViewContainerRef, Renderer2, ViewChild, TemplateRef } from '@angular/core';
+import { Component, Input, ViewContainerRef, ViewChild, TemplateRef } from '@angular/core';
 import { NotificationComponent } from './notification.component';
+import * as i0 from "@angular/core";
 /**
  * @hidden
- *
  */
-let NotificationContainerComponent = class NotificationContainerComponent {
+export class NotificationContainerComponent {
     constructor(element, renderer, resolver) {
         this.element = element;
         this.renderer = renderer;
@@ -127,30 +126,29 @@ let NotificationContainerComponent = class NotificationContainerComponent {
         const vertical = positionLayout.vertical[position.vertical];
         return Object.assign({}, horizontal, vertical);
     }
-};
-tslib_1.__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: true }),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], NotificationContainerComponent.prototype, "container", void 0);
-tslib_1.__decorate([
-    ViewChild('group', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], NotificationContainerComponent.prototype, "group", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], NotificationContainerComponent.prototype, "id", void 0);
-NotificationContainerComponent = tslib_1.__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>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ComponentFactoryResolver])
-], NotificationContainerComponent);
-export { 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
+            }] } });

package/{dist/es → esm2015}/notification.module.js

@@ -2,13 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 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 * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Notification component.
@@ -39,18 +39,18 @@ import { LocalizedMessagesDirective } from './localization/localized-messages.di
  * platformBrowserDynamic().bootstrapModule(AppModule);
  * ```
  */
-var NotificationModule = /** @class */ (function () {
-    function NotificationModule() {
-    }
-    NotificationModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
-            entryComponents: [NotificationComponent, NotificationContainerComponent],
-            imports: [CommonModule],
-            exports: [NotificationComponent, NotificationContainerComponent],
-            providers: [NotificationService]
-        })
-    ], NotificationModule);
-    return NotificationModule;
-}());
-export { NotificationModule };
+export 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]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

package/{dist/es2015 → esm2015}/services/notification.service.js

@@ -2,9 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable, ComponentFactoryResolver, ApplicationRef, Injector, InjectionToken, ElementRef, Inject, Optional } from '@angular/core';
+import { Injectable, ApplicationRef, InjectionToken, Inject, Optional } from '@angular/core';
 import { NotificationContainerComponent } from '../notification.container.component';
+import * as i0 from "@angular/core";
 /**
  * Used to inject the Notification container. If not provided, the first root component of
  * the application is used.
@@ -52,7 +52,7 @@ export const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container
  * @export
  * @class NotificationService
  */
-let NotificationService = class NotificationService {
+export class NotificationService {
     /**
      * @hidden
      */
@@ -123,12 +123,14 @@ let NotificationService = class NotificationService {
         }
         return container;
     }
-};
-NotificationService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__param(2, Inject(NOTIFICATION_CONTAINER)), tslib_1.__param(2, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ComponentFactoryResolver,
-        Injector,
-        ElementRef])
-], NotificationService);
-export { NotificationService };
+}
+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
+                }] }]; } });