@progress/kendo-angular-notification 3.0.5-dev.202202251415 → 3.0.5

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645798499,
+    publishDate: 1646219065,
     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/fesm2015/index.js

@@ -66,7 +66,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645798499,
+    publishDate: 1646219065,
     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/fesm5/index.js

@@ -67,7 +67,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645798499,
+    publishDate: 1646219065,
     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/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645798499,
+    publishDate: 1646219065,
     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/systemjs/kendo-angular-notification.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-notification",["tslib","@angular/animations","@angular/core","rxjs/operators","@progress/kendo-licensing","@progress/kendo-angular-l10n","@angular/common"],function(r){var a,s,c,l,p,d,u;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){a=e(t)},function(t){s=e(t)},function(t){c=e(t)},function(t){l=e(t)},function(t){p=e(t)},function(t){d=e(t)},function(t){u=e(t)}],execute:function(){function n(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return i[t].call(e.exports,e,e.exports,n),e.l=!0,e.exports}var i,o;i=[function(t,e){t.exports=c},function(t,e){t.exports=a},function(p,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=e(1),r=e(0),n=e(6),o=e(13),s=e(12),c=e(11),a=e(10),e=e(5),i=(Object.defineProperty(l.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(l.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),l.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},l.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},l.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},l.prototype.ngAfterViewInit=function(){var t=this;this.closable||this.animation||this.setHideTimeout(),!this.closable&&this.animation&&this.animationEnd.pipe(o.take(1)).subscribe(function(){return t.setHideTimeout()}),this.animation&&this.animate(this.animation)},l.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},l.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},l.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},l.prototype.hide=function(t){var e=this,i=getComputedStyle(this.element.nativeElement).height;if(this.animation&&i)return this.animate(this.animation,!0),void this.animationEnd.subscribe(function(){e.emitClose(t)});this.emitClose(t)},l.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout(function(){return t.onCloseClick()},e)},l.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},l.prototype.play=function(t,e){var i=this,t=this.builder.build(t),n=this.element.nativeElement,o=(this.renderer.addClass(n,"k-notification-container-animating"),t.create(e));o.onDone(function(){i.renderer.removeClass(n,"k-notification-container-animating"),i.animationEnd.emit(),o&&(o.destroy(),o=null)}),o.play()},l.prototype.animate=function(t,e){var i=this.element.nativeElement,n=t.duration,o=i.offsetHeight,t="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(t,i)},l.prototype.slideAnimation=function(t,e,i){return i?a.slideCloseAnimation(t,e):a.slideAnimation(t,e)},l.prototype.fadeAnimation=function(t,e){return e?a.fadeCloseAnimation(t):a.fadeAnimation(t)},i.__decorate([r.ViewChild("container",{read:r.ViewContainerRef,static:!0}),i.__metadata("design:type",r.ViewContainerRef)],l.prototype,"container",void 0),i.__decorate([r.Input(),i.__metadata("design:type",r.TemplateRef)],l.prototype,"templateRef",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],l.prototype,"templateString",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number)],l.prototype,"width",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number)],l.prototype,"height",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],l.prototype,"cssClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number)],l.prototype,"hideAfter",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],l.prototype,"closable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],l.prototype,"type",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],l.prototype,"animation",void 0),i.__decorate([r.HostBinding("attr.dir"),i.__metadata("design:type",String)],l.prototype,"direction",void 0),i.__decorate([r.HostBinding("class.k-notification-container"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],l.prototype,"containerClass",null),i.__decorate([r.Component({selector:"kendo-notification",template:'\n    <ng-container kendoNotificationLocalizedMessages\n        i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"\n        closeTitle="Close"\n    >\n    </ng-container>\n    <div class="k-widget k-notification {{ notificationClasses() }}"\n        [ngClass]="cssClass"\n        [style.height.px]="height"\n        [style.width.px]="width">\n        <div class="k-notification-wrap k-hstack">\n            <span *ngIf="type && type.icon && type.style !== \'none\'" class="k-icon" [ngClass]="typeIconClass()"></span>\n\n            <div class="k-notification-content">\n                <ng-template\n                    [ngIf]="templateRef"\n                    [ngTemplateOutlet]="templateRef">\n                </ng-template>\n                <ng-template\n                    [ngIf]="templateString">\n                    {{ templateString }}\n                </ng-template>\n                <ng-container #container></ng-container>\n            </div>\n\n            <a *ngIf="closable" class="k-icon k-i-close" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>\n        </div>\n    </div>\n  ',providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.notification"}]}),i.__metadata("design:paramtypes",[r.ChangeDetectorRef,r.ElementRef,r.Renderer2,n.AnimationBuilder,e.LocalizationService])],l));function l(t,e,i,n,o){var a=this;this.cdr=t,this.element=e,this.renderer=i,this.builder=n,this.localizationService=o,this.close=new r.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new r.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=o.changes.subscribe(function(t){t=t.rtl;a.rtl=t,a.direction=a.rtl?"rtl":"ltr"})}t.NotificationComponent=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),r=i(0),o=i(2),i=(a.prototype.ngOnDestroy=function(){this.notifications.forEach(function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()}),this.notifications=[]},a.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(o.NotificationComponent),i=this.container.createComponent(e),n=(this.applySettings(i,t),null);return"function"==typeof t.content&&(e=this.resolver.resolveComponentFactory(t.content),n=i.instance.container.createComponent(e)),i.changeDetectorRef.detectChanges(),this.notifications.push(i.instance),t.appendTo&&this.applyAbsolutePosition(t.appendTo),this.applyPosition(),this.applyContainerWrap(),{afterHide:i.instance.close,hide:function(){return i.instance.hide(n)},notification:i,content:n||null}},a.prototype.hide=function(t){var e=t.instance,i=this.notifications.indexOf(e);this.notifications.splice(i,1),e.closeClickSubscription&&e.closeClickSubscription.unsubscribe(),e.templateRef=null,e.templateString=null,t.destroy()},a.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},a.prototype.applySettings=function(t,e){var i=this,n=t.instance,o=e.content,a=e.animation||null,o=(n.closeClickSubscription=n.close.subscribe(function(){return i.hide(t)}),"string"==typeof o&&(n.templateString=o),o instanceof r.TemplateRef&&(n.templateRef=o),n.animation=a,e.type);o&&void 0===o.style&&(o.style="none"),o&&void 0===o.icon&&(o.icon=!0),n.type=o,n.closeTitle=e.closeTitle,e.cssClass&&(n.cssClass=e.cssClass),n.closable=e.closable,n.hideAfter=e.hideAfter,n.width=e.width,n.height=e.height},a.prototype.applyAbsolutePosition=function(t){var t=t.element.nativeElement,e=this.element.nativeElement.children[0];"static"===window.getComputedStyle(t).position&&this.renderer.setStyle(t,"position","relative"),this.renderer.setStyle(e,"position","absolute")},a.prototype.applyPosition=function(){var e=this.element.nativeElement.children[0],t=e.getBoundingClientRect().width/2,i=this.setContainerPosition(this.position,t);Object.keys(i).forEach(function(t){e.style[t]=i[t]})},a.prototype.setContainerPosition=function(t,e){var e={horizontal:{left:{left:0,alignItems:"flex-start"},right:{right:0,alignItems:"flex-start"},center:{left:"50%",marginLeft:-e+"px",alignItems:"center"}},vertical:{top:{top:0},bottom:{bottom:0}}},i=e.horizontal[t.horizontal],e=e.vertical[t.vertical];return Object.assign({},i,e)},n.__decorate([r.ViewChild("container",{read:r.ViewContainerRef,static:!0}),n.__metadata("design:type",r.ViewContainerRef)],a.prototype,"container",void 0),n.__decorate([r.ViewChild("group",{static:!0}),n.__metadata("design:type",r.ElementRef)],a.prototype,"group",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],a.prototype,"id",void 0),n.__decorate([r.Component({selector:"kendo-notification-container",template:'\n    <div #group class="k-notification-group">\n        <ng-container #container></ng-container>\n    </div>\n  '}),n.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2,r.ComponentFactoryResolver])],a));function a(t,e,i){this.element=t,this.renderer=e,this.resolver=i,this.id="",this.notifications=[]}e.NotificationContainerComponent=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),o=i(0),s=i(3),i=(e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container"),a.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e=this.findGroupContainer(t),i=t.position||this.position,n=i.horizontal+" "+i.vertical,o=this.notificationContainers.find(function(t){return e.nativeElement.contains(t.element.nativeElement)&&t.id===n});if(!o){o=(a=this.resolver.resolveComponentFactory(s.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(a.hostView);var a=a.location.nativeElement,r=this.findGroupContainer(t);if(!r)throw new Error("\n                    View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via\n                    the appendTo option. See http://www.telerik.com/kendo-angular-ui/components/notification/api/NOTIFICATION_CONTAINER/\n                    for more details.\n                ");r.nativeElement.appendChild(a),this.notificationContainers.push(o)}return t.position=i,o.addNotification(t)},Object.defineProperty(a.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),a.prototype.findGroupContainer=function(t){return t.appendTo?t.appendTo.element:this.container||((t=this.appRef.components&&this.appRef.components[0])?t.location:null)},n.__decorate([o.Injectable(),n.__param(2,o.Inject(e.NOTIFICATION_CONTAINER)),n.__param(2,o.Optional()),n.__metadata("design:paramtypes",[o.ComponentFactoryResolver,o.Injector,o.ElementRef])],a));function a(t,e,i){this.resolver=t,this.injector=e,this.container=i,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}e.NotificationService=i},function(t,e){t.exports=d},function(t,e){t.exports=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,o,a=i(1),r=i(0),i=i(5),r=(n=i.ComponentMessages,a.__extends(s,n),o=s,a.__decorate([r.Input(),a.__metadata("design:type",String)],s.prototype,"closeTitle",void 0),o=a.__decorate([r.Directive({providers:[{provide:i.ComponentMessages,useExisting:r.forwardRef(function(){return o})}],selector:"[kendoNotificationLocalizedMessages]"}),a.__metadata("design:paramtypes",[i.LocalizationService])],s));function s(t){var e=n.call(this)||this;return e.service=t,e}e.LocalizedMessagesDirective=r},function(t,e){t.exports=u},function(l,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=e(1),n=e(0),o=e(8),a=e(4),r=e(2),s=e(3),e=e(7),i=i.__decorate([n.NgModule({declarations:[r.NotificationComponent,s.NotificationContainerComponent,e.LocalizedMessagesDirective],entryComponents:[r.NotificationComponent,s.NotificationContainerComponent],imports:[o.CommonModule],exports:[r.NotificationComponent,s.NotificationContainerComponent],providers:[a.NotificationService]})],c);function c(){}t.NotificationModule=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(6);e.slideAnimation=function(t,e){return[n.style({overflow:"hidden",height:0}),n.animate(e+"ms ease-in",n.style({height:t+"px"}))]},e.slideCloseAnimation=function(t,e){return[n.style({height:t+"px"}),n.animate(e+"ms ease-in",n.style({overflow:"hidden",height:0}))]},e.fadeAnimation=function(t){return[n.style({opacity:0}),n.animate(t+"ms ease-in",n.style({opacity:1}))]},e.fadeCloseAnimation=function(t){return[n.style({opacity:1}),n.animate(t+"ms ease-in",n.style({opacity:0}))]}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-notification",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1645798499,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"}},function(t,e){t.exports=p},function(t,e){t.exports=l},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationSettings=function(){this.hideAfter=5e3,this.position={horizontal:"right",vertical:"top"},this.animation={type:"fade",duration:500},this.closable=!1,this.type={style:"none",icon:!0}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,o=i(14),o=(e.NotificationSettings=o.NotificationSettings,i(2)),o=(e.NotificationComponent=o.NotificationComponent,i(4)),o=(e.NotificationService=o.NotificationService,e.NOTIFICATION_CONTAINER=o.NOTIFICATION_CONTAINER,i(9)),a=(e.NotificationModule=o.NotificationModule,e);for(n in a)r(n,a[n])}],o={},n.m=i,n.c=o,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=15)}}});
+System.register("@progress/kendo-angular-notification",["tslib","@angular/core","@angular/common","@angular/animations","rxjs/operators","@progress/kendo-licensing","@progress/kendo-angular-l10n"],function(r){var a,s,c,l,p,d,u;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){a=e(t)},function(t){s=e(t)},function(t){c=e(t)},function(t){l=e(t)},function(t){p=e(t)},function(t){d=e(t)},function(t){u=e(t)}],execute:function(){function n(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return i[t].call(e.exports,e,e.exports,n),e.l=!0,e.exports}var i,o;i=[function(t,e){t.exports=s},function(t,e){t.exports=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),r=i(0),o=i(6),a=i(13),s=i(12),c=i(11),l=i(10),i=i(5),n=(Object.defineProperty(p.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),p.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},p.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},p.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},p.prototype.ngAfterViewInit=function(){var t=this;this.closable||this.animation||this.setHideTimeout(),!this.closable&&this.animation&&this.animationEnd.pipe(a.take(1)).subscribe(function(){return t.setHideTimeout()}),this.animation&&this.animate(this.animation)},p.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},p.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},p.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},p.prototype.hide=function(t){var e=this,i=getComputedStyle(this.element.nativeElement).height;if(this.animation&&i)return this.animate(this.animation,!0),void this.animationEnd.subscribe(function(){e.emitClose(t)});this.emitClose(t)},p.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout(function(){return t.onCloseClick()},e)},p.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},p.prototype.play=function(t,e){var i=this,t=this.builder.build(t),n=this.element.nativeElement,o=(this.renderer.addClass(n,"k-notification-container-animating"),t.create(e));o.onDone(function(){i.renderer.removeClass(n,"k-notification-container-animating"),i.animationEnd.emit(),o&&(o.destroy(),o=null)}),o.play()},p.prototype.animate=function(t,e){var i=this.element.nativeElement,n=t.duration,o=i.offsetHeight,t="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(t,i)},p.prototype.slideAnimation=function(t,e,i){return i?l.slideCloseAnimation(t,e):l.slideAnimation(t,e)},p.prototype.fadeAnimation=function(t,e){return e?l.fadeCloseAnimation(t):l.fadeAnimation(t)},n.__decorate([r.ViewChild("container",{read:r.ViewContainerRef,static:!0}),n.__metadata("design:type",r.ViewContainerRef)],p.prototype,"container",void 0),n.__decorate([r.Input(),n.__metadata("design:type",r.TemplateRef)],p.prototype,"templateRef",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],p.prototype,"templateString",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Number)],p.prototype,"width",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Number)],p.prototype,"height",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],p.prototype,"cssClass",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Number)],p.prototype,"hideAfter",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],p.prototype,"closable",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],p.prototype,"type",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],p.prototype,"animation",void 0),n.__decorate([r.HostBinding("attr.dir"),n.__metadata("design:type",String)],p.prototype,"direction",void 0),n.__decorate([r.HostBinding("class.k-notification-container"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],p.prototype,"containerClass",null),n.__decorate([r.Component({selector:"kendo-notification",template:'\n    <ng-container kendoNotificationLocalizedMessages\n        i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"\n        closeTitle="Close"\n    >\n    </ng-container>\n    <div class="k-widget k-notification {{ notificationClasses() }}"\n        [ngClass]="cssClass"\n        [style.height.px]="height"\n        [style.width.px]="width">\n        <div class="k-notification-wrap k-hstack">\n            <span *ngIf="type && type.icon && type.style !== \'none\'" class="k-icon" [ngClass]="typeIconClass()"></span>\n\n            <div class="k-notification-content">\n                <ng-template\n                    [ngIf]="templateRef"\n                    [ngTemplateOutlet]="templateRef">\n                </ng-template>\n                <ng-template\n                    [ngIf]="templateString">\n                    {{ templateString }}\n                </ng-template>\n                <ng-container #container></ng-container>\n            </div>\n\n            <a *ngIf="closable" class="k-icon k-i-close" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>\n        </div>\n    </div>\n  ',providers:[i.LocalizationService,{provide:i.L10N_PREFIX,useValue:"kendo.notification"}]}),n.__metadata("design:paramtypes",[r.ChangeDetectorRef,r.ElementRef,r.Renderer2,o.AnimationBuilder,i.LocalizationService])],p));function p(t,e,i,n,o){var a=this;this.cdr=t,this.element=e,this.renderer=i,this.builder=n,this.localizationService=o,this.close=new r.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new r.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=o.changes.subscribe(function(t){t=t.rtl;a.rtl=t,a.direction=a.rtl?"rtl":"ltr"})}e.NotificationComponent=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),r=i(0),o=i(2),i=(a.prototype.ngOnDestroy=function(){this.notifications.forEach(function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()}),this.notifications=[]},a.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(o.NotificationComponent),i=this.container.createComponent(e),n=(this.applySettings(i,t),null);return"function"==typeof t.content&&(e=this.resolver.resolveComponentFactory(t.content),n=i.instance.container.createComponent(e)),i.changeDetectorRef.detectChanges(),this.notifications.push(i.instance),t.appendTo&&this.applyAbsolutePosition(t.appendTo),this.applyPosition(),this.applyContainerWrap(),{afterHide:i.instance.close,hide:function(){return i.instance.hide(n)},notification:i,content:n||null}},a.prototype.hide=function(t){var e=t.instance,i=this.notifications.indexOf(e);this.notifications.splice(i,1),e.closeClickSubscription&&e.closeClickSubscription.unsubscribe(),e.templateRef=null,e.templateString=null,t.destroy()},a.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},a.prototype.applySettings=function(t,e){var i=this,n=t.instance,o=e.content,a=e.animation||null,o=(n.closeClickSubscription=n.close.subscribe(function(){return i.hide(t)}),"string"==typeof o&&(n.templateString=o),o instanceof r.TemplateRef&&(n.templateRef=o),n.animation=a,e.type);o&&void 0===o.style&&(o.style="none"),o&&void 0===o.icon&&(o.icon=!0),n.type=o,n.closeTitle=e.closeTitle,e.cssClass&&(n.cssClass=e.cssClass),n.closable=e.closable,n.hideAfter=e.hideAfter,n.width=e.width,n.height=e.height},a.prototype.applyAbsolutePosition=function(t){var t=t.element.nativeElement,e=this.element.nativeElement.children[0];"static"===window.getComputedStyle(t).position&&this.renderer.setStyle(t,"position","relative"),this.renderer.setStyle(e,"position","absolute")},a.prototype.applyPosition=function(){var e=this.element.nativeElement.children[0],t=e.getBoundingClientRect().width/2,i=this.setContainerPosition(this.position,t);Object.keys(i).forEach(function(t){e.style[t]=i[t]})},a.prototype.setContainerPosition=function(t,e){var e={horizontal:{left:{left:0,alignItems:"flex-start"},right:{right:0,alignItems:"flex-start"},center:{left:"50%",marginLeft:-e+"px",alignItems:"center"}},vertical:{top:{top:0},bottom:{bottom:0}}},i=e.horizontal[t.horizontal],e=e.vertical[t.vertical];return Object.assign({},i,e)},n.__decorate([r.ViewChild("container",{read:r.ViewContainerRef,static:!0}),n.__metadata("design:type",r.ViewContainerRef)],a.prototype,"container",void 0),n.__decorate([r.ViewChild("group",{static:!0}),n.__metadata("design:type",r.ElementRef)],a.prototype,"group",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],a.prototype,"id",void 0),n.__decorate([r.Component({selector:"kendo-notification-container",template:'\n    <div #group class="k-notification-group">\n        <ng-container #container></ng-container>\n    </div>\n  '}),n.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2,r.ComponentFactoryResolver])],a));function a(t,e,i){this.element=t,this.renderer=e,this.resolver=i,this.id="",this.notifications=[]}e.NotificationContainerComponent=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),o=i(0),s=i(3),i=(e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container"),a.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e=this.findGroupContainer(t),i=t.position||this.position,n=i.horizontal+" "+i.vertical,o=this.notificationContainers.find(function(t){return e.nativeElement.contains(t.element.nativeElement)&&t.id===n});if(!o){o=(a=this.resolver.resolveComponentFactory(s.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(a.hostView);var a=a.location.nativeElement,r=this.findGroupContainer(t);if(!r)throw new Error("\n                    View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via\n                    the appendTo option. See http://www.telerik.com/kendo-angular-ui/components/notification/api/NOTIFICATION_CONTAINER/\n                    for more details.\n                ");r.nativeElement.appendChild(a),this.notificationContainers.push(o)}return t.position=i,o.addNotification(t)},Object.defineProperty(a.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),a.prototype.findGroupContainer=function(t){return t.appendTo?t.appendTo.element:this.container||((t=this.appRef.components&&this.appRef.components[0])?t.location:null)},n.__decorate([o.Injectable(),n.__param(2,o.Inject(e.NOTIFICATION_CONTAINER)),n.__param(2,o.Optional()),n.__metadata("design:paramtypes",[o.ComponentFactoryResolver,o.Injector,o.ElementRef])],a));function a(t,e,i){this.resolver=t,this.injector=e,this.container=i,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}e.NotificationService=i},function(t,e){t.exports=u},function(t,e){t.exports=l},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,o,a=i(1),r=i(0),i=i(5),r=(n=i.ComponentMessages,a.__extends(s,n),o=s,a.__decorate([r.Input(),a.__metadata("design:type",String)],s.prototype,"closeTitle",void 0),o=a.__decorate([r.Directive({providers:[{provide:i.ComponentMessages,useExisting:r.forwardRef(function(){return o})}],selector:"[kendoNotificationLocalizedMessages]"}),a.__metadata("design:paramtypes",[i.LocalizationService])],s));function s(t){var e=n.call(this)||this;return e.service=t,e}e.LocalizedMessagesDirective=r},function(t,e){t.exports=c},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),o=i(0),a=i(8),r=i(4),s=i(2),c=i(3),i=i(7),n=n.__decorate([o.NgModule({declarations:[s.NotificationComponent,c.NotificationContainerComponent,i.LocalizedMessagesDirective],entryComponents:[s.NotificationComponent,c.NotificationContainerComponent],imports:[a.CommonModule],exports:[s.NotificationComponent,c.NotificationContainerComponent],providers:[r.NotificationService]})],l);function l(){}e.NotificationModule=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(6);e.slideAnimation=function(t,e){return[n.style({overflow:"hidden",height:0}),n.animate(e+"ms ease-in",n.style({height:t+"px"}))]},e.slideCloseAnimation=function(t,e){return[n.style({height:t+"px"}),n.animate(e+"ms ease-in",n.style({overflow:"hidden",height:0}))]},e.fadeAnimation=function(t){return[n.style({opacity:0}),n.animate(t+"ms ease-in",n.style({opacity:1}))]},e.fadeCloseAnimation=function(t){return[n.style({opacity:1}),n.animate(t+"ms ease-in",n.style({opacity:0}))]}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-notification",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1646219065,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"}},function(t,e){t.exports=d},function(t,e){t.exports=p},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationSettings=function(){this.hideAfter=5e3,this.position={horizontal:"right",vertical:"top"},this.animation={type:"fade",duration:500},this.closable=!1,this.type={style:"none",icon:!0}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,o=i(14),o=(e.NotificationSettings=o.NotificationSettings,i(2)),o=(e.NotificationComponent=o.NotificationComponent,i(4)),o=(e.NotificationService=o.NotificationService,e.NOTIFICATION_CONTAINER=o.NOTIFICATION_CONTAINER,i(9)),a=(e.NotificationModule=o.NotificationModule,e);for(n in a)r(n,a[n])}],o={},n.m=i,n.c=o,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=15)}}});

package/package.json

@@ -3,7 +3,7 @@
   "description": "Kendo UI Notification for Angular",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "3.0.5-dev.202202251415",
+  "version": "3.0.5",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",