@progress/kendo-angular-notification 3.0.1-dev.202105050704 → 3.0.3-dev.202110271519

package/dist/cdn/js/kendo-angular-notification.js

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/animations","@progress/kendo-angular-l10n","rxjs/operators","@angular/common"],e):"object"==typeof exports?exports.KendoAngularNotification=e(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@angular/common")):t.KendoAngularNotification=e(t["@angular/core"],t["@angular/animations"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t["@angular/common"])}(window,(function(t,e,n,i,o){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},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=7)}([function(t,e,n){"use strict";n.r(e),n.d(e,"__extends",(function(){return o})),n.d(e,"__assign",(function(){return r})),n.d(e,"__rest",(function(){return a})),n.d(e,"__decorate",(function(){return s})),n.d(e,"__param",(function(){return c})),n.d(e,"__metadata",(function(){return l})),n.d(e,"__awaiter",(function(){return u})),n.d(e,"__generator",(function(){return f})),n.d(e,"__createBinding",(function(){return p})),n.d(e,"__exportStar",(function(){return d})),n.d(e,"__values",(function(){return h})),n.d(e,"__read",(function(){return y})),n.d(e,"__spread",(function(){return m})),n.d(e,"__spreadArrays",(function(){return v})),n.d(e,"__await",(function(){return g})),n.d(e,"__asyncGenerator",(function(){return _})),n.d(e,"__asyncDelegator",(function(){return b})),n.d(e,"__asyncValues",(function(){return x})),n.d(e,"__makeTemplateObject",(function(){return C})),n.d(e,"__importStar",(function(){return w})),n.d(e,"__importDefault",(function(){return O})),n.d(e,"__classPrivateFieldGet",(function(){return N})),n.d(e,"__classPrivateFieldSet",(function(){return I}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/animations","@progress/kendo-angular-l10n","rxjs/operators","@angular/common"],e):"object"==typeof exports?exports.KendoAngularNotification=e(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@angular/common")):t.KendoAngularNotification=e(t["@angular/core"],t["@angular/animations"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t["@angular/common"])}(window,(function(t,e,n,i,o){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},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=7)}([function(t,e,n){"use strict";n.r(e),n.d(e,"__extends",(function(){return o})),n.d(e,"__assign",(function(){return r})),n.d(e,"__rest",(function(){return a})),n.d(e,"__decorate",(function(){return s})),n.d(e,"__param",(function(){return c})),n.d(e,"__metadata",(function(){return l})),n.d(e,"__awaiter",(function(){return u})),n.d(e,"__generator",(function(){return f})),n.d(e,"__createBinding",(function(){return p})),n.d(e,"__exportStar",(function(){return d})),n.d(e,"__values",(function(){return h})),n.d(e,"__read",(function(){return y})),n.d(e,"__spread",(function(){return m})),n.d(e,"__spreadArrays",(function(){return g})),n.d(e,"__await",(function(){return v})),n.d(e,"__asyncGenerator",(function(){return _})),n.d(e,"__asyncDelegator",(function(){return b})),n.d(e,"__asyncValues",(function(){return x})),n.d(e,"__makeTemplateObject",(function(){return C})),n.d(e,"__importStar",(function(){return w})),n.d(e,"__importDefault",(function(){return O})),n.d(e,"__classPrivateFieldGet",(function(){return N})),n.d(e,"__classPrivateFieldSet",(function(){return I}));
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -17,4 +17,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function o(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var r=function(){return(r=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function a(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(n[i[o]]=t[i[o]])}return n}function s(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a}function c(t,e){return function(n,i){e(n,i,t)}}function l(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,i){return new(n||(n=Promise))((function(o,r){function a(t){try{c(i.next(t))}catch(t){r(t)}}function s(t){try{c(i.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((i=i.apply(t,e||[])).next())}))}function f(t,e){var n,i,o,r,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,i&&(o=2&r[0]?i.return:r[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;switch(i=0,o&&(r=[2&r[0],o.value]),r[0]){case 0:case 1:o=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,i=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!o||r[1]>o[0]&&r[1]<o[3])){a.label=r[1];break}if(6===r[0]&&a.label<o[1]){a.label=o[1],o=r;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(r);break}o[2]&&a.ops.pop(),a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t],i=0}finally{n=o=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}function p(t,e,n,i){void 0===i&&(i=n),t[i]=e[n]}function d(t,e){for(var n in t)"default"===n||e.hasOwnProperty(n)||(e[n]=t[n])}function h(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,o,r=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(t){o={error:t}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function m(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(y(arguments[e]));return t}function v(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var i=Array(t),o=0;for(e=0;e<n;e++)for(var r=arguments[e],a=0,s=r.length;a<s;a++,o++)i[o]=r[a];return i}function g(t){return this instanceof g?(this.v=t,this):new g(t)}function _(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i,o=n.apply(t,e||[]),r=[];return i={},a("next"),a("throw"),a("return"),i[Symbol.asyncIterator]=function(){return this},i;function a(t){o[t]&&(i[t]=function(e){return new Promise((function(n,i){r.push([t,e,n,i])>1||s(t,e)}))})}function s(t,e){try{(n=o[t](e)).value instanceof g?Promise.resolve(n.value.v).then(c,l):u(r[0][2],n)}catch(t){u(r[0][3],t)}var n}function c(t){s("next",t)}function l(t){s("throw",t)}function u(t,e){t(e),r.shift(),r.length&&s(r[0][0],r[0][1])}}function b(t){var e,n;return e={},i("next"),i("throw",(function(t){throw t})),i("return"),e[Symbol.iterator]=function(){return this},e;function i(i,o){e[i]=t[i]?function(e){return(n=!n)?{value:g(t[i](e)),done:"return"===i}:o?o(e):e}:o}}function x(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t=h(t),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(n){e[n]=t[n]&&function(e){return new Promise((function(i,o){(function(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)})(i,o,(e=t[n](e)).done,e.value)}))}}}function C(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function w(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function O(t){return t&&t.__esModule?t:{default:t}}function N(t,e){if(!e.has(t))throw new TypeError("attempted to get private field on non-instance");return e.get(t)}function I(t,e,n){if(!e.has(t))throw new TypeError("attempted to set private field on non-instance");return e.set(t,n),n}},function(e,n){e.exports=t},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(3),a=n(9),s=n(10),c=n(11),l=n(12),u=n(4),f=function(){function t(t,e,n,i,r){var a=this;this.cdr=t,this.element=e,this.renderer=n,this.builder=i,this.localizationService=r,this.close=new o.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new o.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=r.changes.subscribe((function(t){var e=t.rtl;a.rtl=e,a.direction=a.rtl?"rtl":"ltr"}))}return Object.defineProperty(t.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},t.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},t.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},t.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)},t.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},t.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},t.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},t.prototype.hide=function(t){var e=this,n=getComputedStyle(this.element.nativeElement).height;if(this.animation&&n)return this.animate(this.animation,!0),void this.animationEnd.subscribe((function(){e.emitClose(t)}));this.emitClose(t)},t.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout((function(){return t.onCloseClick()}),e)},t.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},t.prototype.play=function(t,e){var n=this,i=this.builder.build(t),o=this.element.nativeElement;this.renderer.addClass(o,"k-notification-container-animating");var r=i.create(e);r.onDone((function(){n.renderer.removeClass(o,"k-notification-container-animating"),n.animationEnd.emit(),r&&(r.destroy(),r=null)})),r.play()},t.prototype.animate=function(t,e){var n=this.element.nativeElement,i=t.duration,o=n.offsetHeight,r="slide"===t.type?this.slideAnimation(o,i,e):this.fadeAnimation(i,e);this.play(r,n)},t.prototype.slideAnimation=function(t,e,n){return n?l.slideCloseAnimation(t,e):l.slideAnimation(t,e)},t.prototype.fadeAnimation=function(t,e){return e?l.fadeCloseAnimation(t):l.fadeAnimation(t)},i.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),i.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),i.__decorate([o.Input(),i.__metadata("design:type",o.TemplateRef)],t.prototype,"templateRef",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],t.prototype,"templateString",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"height",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"cssClass",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"hideAfter",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"type",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"animation",void 0),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String)],t.prototype,"direction",void 0),i.__decorate([o.HostBinding("class.k-notification-container"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],t.prototype,"containerClass",null),t=i.__decorate([o.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">\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:[u.LocalizationService,{provide:u.L10N_PREFIX,useValue:"kendo.notification"}]}),i.__metadata("design:paramtypes",[o.ChangeDetectorRef,o.ElementRef,o.Renderer2,r.AnimationBuilder,u.LocalizationService])],t)}();e.NotificationComponent=f},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(6);e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container");var a=function(){function t(t,e,n){this.resolver=t,this.injector=e,this.container=n,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}return t.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e,n=this.findGroupContainer(t),i=t.position||this.position,o=i.horizontal+" "+i.vertical,a=this.notificationContainers.find((function(t){return n.nativeElement.contains(t.element.nativeElement)&&t.id===o}));if(!a){a=(e=this.resolver.resolveComponentFactory(r.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(e.hostView);var s=e.location.nativeElement,c=this.findGroupContainer(t);if(!c)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                ");c.nativeElement.appendChild(s),this.notificationContainers.push(a)}return t.position=i,a.addNotification(t)},Object.defineProperty(t.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),t.prototype.findGroupContainer=function(t){var e;if(t.appendTo)e=t.appendTo.element;else if(this.container)e=this.container;else{var n=this.appRef.components&&this.appRef.components[0];e=n?n.location:null}return e},t=i.__decorate([o.Injectable(),i.__param(2,o.Inject(e.NOTIFICATION_CONTAINER)),i.__param(2,o.Optional()),i.__metadata("design:paramtypes",[o.ComponentFactoryResolver,o.Injector,o.ElementRef])],t)}();e.NotificationService=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(2),a=function(){function t(t,e,n){this.element=t,this.renderer=e,this.resolver=n,this.id="",this.notifications=[]}return t.prototype.ngOnDestroy=function(){this.notifications.forEach((function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()})),this.notifications=[]},t.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(r.NotificationComponent),n=this.container.createComponent(e);this.applySettings(n,t);var i=null;if("function"==typeof t.content){var o=this.resolver.resolveComponentFactory(t.content);i=n.instance.container.createComponent(o)}return n.changeDetectorRef.detectChanges(),this.notifications.push(n.instance),t.appendTo&&this.applyAbsolutePosition(t.appendTo),this.applyPosition(),this.applyContainerWrap(),{afterHide:n.instance.close,hide:function(){return n.instance.hide(i)},notification:n,content:i||null}},t.prototype.hide=function(t){var e=t.instance,n=this.notifications.indexOf(e);this.notifications.splice(n,1),e.closeClickSubscription&&e.closeClickSubscription.unsubscribe(),e.templateRef=null,e.templateString=null,t.destroy()},t.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},t.prototype.applySettings=function(t,e){var n=this,i=t.instance,r=e.content,a=e.animation||null;i.closeClickSubscription=i.close.subscribe((function(){return n.hide(t)})),"string"==typeof r&&(i.templateString=r),r instanceof o.TemplateRef&&(i.templateRef=r),i.animation=a;var s=e.type;s&&void 0===s.style&&(s.style="none"),s&&void 0===s.icon&&(s.icon=!0),i.type=s,i.closeTitle=e.closeTitle,e.cssClass&&(i.cssClass=e.cssClass),i.closable=e.closable,i.hideAfter=e.hideAfter,i.width=e.width,i.height=e.height},t.prototype.applyAbsolutePosition=function(t){var e=t.element.nativeElement,n=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(n,"position","absolute")},t.prototype.applyPosition=function(){var t=this.element.nativeElement.children[0],e=t.getBoundingClientRect().width/2,n=this.setContainerPosition(this.position,e);Object.keys(n).forEach((function(e){t.style[e]=n[e]}))},t.prototype.setContainerPosition=function(t,e){var n={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=n.horizontal[t.horizontal],o=n.vertical[t.vertical];return Object.assign({},i,o)},i.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),i.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),i.__decorate([o.ViewChild("group",{static:!0}),i.__metadata("design:type",o.ElementRef)],t.prototype,"group",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],t.prototype,"id",void 0),t=i.__decorate([o.Component({selector:"kendo-notification-container",template:'\n    <div #group class="k-notification-group">\n        <ng-container #container></ng-container>\n    </div>\n  '}),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,o.ComponentFactoryResolver])],t)}();e.NotificationContainerComponent=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(8);e.NotificationSettings=i.NotificationSettings;var o=n(2);e.NotificationComponent=o.NotificationComponent;var r=n(5);e.NotificationService=r.NotificationService,e.NOTIFICATION_CONTAINER=r.NOTIFICATION_CONTAINER;var a=n(13);e.NotificationModule=a.NotificationModule},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=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}};e.NotificationSettings=i},function(t,e){t.exports=i},function(t,e,n){"use strict";n.r(e),n.d(e,"validatePackage",(function(){return l}));var i,o,r=["DhrPzK8=","CgfYC2u=","u2vLia==","BgLJzw5Zzuv4CgLYyxrPB25eyxrL","q2X1D1y=","tgLJzw5ZzsbHy3rPDMf0Aw9UigzHAwXLzcbMB3iG","zg9JC1vYBa==","zxHWAxj5rgf0zq==","rMrNr2W=","z3jVDxa=","wwPKqvC=","Dg9mB2nHBgvtDhjPBMC=","BMfTzq==","Cwzus0e=","tM8GBgLJzw5ZzsbMB3vUzc4k","igzVCIbTB3jLigLUzM9YBwf0Aw9UlGO=","veTjqvO=","swXxDwm=","D09PC2e=","re5rCfy=","AgfZ","DhLWzq==","D1vfwvu=","sKPkD2e=","A0XWz3i=","DMvYC2LVBG==","y2vzBKi=","C2v0","BgvUz3rO","Eu5Yt2y=","ww91CIbSAwnLBNnLigv4CgLYzwqGB24G","zwfwqLi=","z3jVDxbfBMq=","ChjVzhvJDhm=","lcb0AguGCgfJA2fNzsb3yxmGChvIBgLZAgvKig9Uia==","BMnyuLm=","BK1VugS=","zNvUy3rPB24=","s1LMuNe=","zgf0yq==","yK9pqNy=","BfbuEg0=","DgLTzxn0yw1W","D2fYBG==","r1zxqLq=","vgHLihbYB2r1y3qGAxmGBM90igLUy2X1zgvKigLUihrOzsbSAwnLBNnLlGO=","B2jQzwn0","uNHkrKi=","CgfJA2fNzu5HBwu=","y29Kzq==","C3z3CMm=","D29NvNG=","uhjVz3jLC3mG","BgLJzw5ZAw5Nrg9JC1vYBa==","v0nkq0q=","ChvIBgLZAerHDgu=","ChjVzhvJDenVzgvZ","z2v0","zMLUza==","wvLpyMG=","A3fbB0C=","ChjVzhvJDe5HBwu="];i=r,o=334,function(t){for(;--t;)i.push(i.shift())}(++o);var a=function(t,e){var n=r[t-=0];if(void 0===a.QMJAKQ){a.PnYrIu=function(t){for(var e=function(t){for(var e,n,i=String(t).replace(/=+$/,""),o="",r=0,a=0;n=i.charAt(a++);~n&&(e=r%4?64*e+n:n,r++%4)?o+=String.fromCharCode(255&e>>(-2*r&6)):0)n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(n);return o}(t),n=[],i=0,o=e.length;i<o;i++)n+="%"+("00"+e.charCodeAt(i).toString(16)).slice(-2);return decodeURIComponent(n)},a.TLHuwf={},a.QMJAKQ=!0}var i=a.TLHuwf[t];return void 0===i?(n=a.PnYrIu(n),a.TLHuwf[t]=n):n=i,n},s={data:'  {"timestamp":1620193668,"products":[{"trial":false,"code":"KENDOUIREACT","licenseExpirationDate":1636570800},{"trial":false,"code":"KENDOUICOMPLETE","licenseExpirationDate":1636570800},{"trial":false,"code":"KENDOUIVUE","licenseExpirationDate":1636570800},{"trial":false,"code":"KENDOUIANGULAR","licenseExpirationDate":1636570800}],"integrity":"6o9Eceda8u2pJ18VFwLR1BgEfgk="}  '},c=new Map;function l(t){if(c[a("0x3a")](t[a("0x32")])){if(a("0x11")==a("0x11"))return c[a("0x21")](t[a("0x32")])}var e,n=t[a("0x1")]?" v"+t[a("0x1")]:"",i=t[a("0x32")]+n,o=JSON[a("0x27")](s[a("0xf")]),r=!o[a("0x12")],l=function(t,e){var n=t[a("0x9")];if(!n||!n[a("0x4")]){if(a("0x1b")==a("0x1b"))return null}var i=new Set(e);return n[a("0x22")]((function(t){if(a("0x2a")!==a("0x1a"))return i[a("0x3a")](t[a("0x19")])}))}(o,t[a("0x20")]);if(r)if(a("0x2")!==a("0xe"))e={type:0,packageName:i,docsUrl:t[a("0x1d")]};else{}else if(a("0x10")===a("0x23")){}else if(l){if(a("0x2e")===a("0xb")){}else if(l[a("0x29")]<t[a("0x1f")])if(a("0x24")!=a("0x24")){}else e={type:2,packageName:i,publishDate:f(t[a("0x1f")]),expiryDate:f(l[a("0x29")]),docsUrl:t[a("0x1d")]}}else if(a("0x39")===a("0x5")){}else e={type:1,packageName:i,docsUrl:t[a("0x1d")]};if(e&&typeof console===a("0x16"))if(a("0x7")===a("0x3d")){}else{var p=a("0x1c")+t[a("0x25")],d=typeof console[a("0x2f")]===a("0xd");if(d)if(a("0x3c")!==a("0x37"))console[a("0x2f")](p);else{}else if(a("0x33")===a("0x26")){}else console[a("0x13")](p);if(console[a("0x13")](u(e)),d)if(a("0x30")!==a("0x1e"))console[a("0x8")]();else{}}var h=!e;return c[a("0x3")](t[a("0x32")],h),h}function u(t){var e=a("0x2b")+t[a("0x18")]+"\n";if(2===t[a("0x3b")])if(a("0x0")===a("0x36")){}else e+=a("0x6")+t[a("0x2d")][a("0x31")]()+a("0xa")+t[a("0x1f")][a("0x31")]()+".\n";else if(0===t[a("0x3b")])if(a("0x14")!==a("0x38"))e+=a("0x34");else{}else if(1===t[a("0x3b")])if(a("0x17")===a("0xc")){}else e+=a("0x15");return e+=a("0x28")+t[a("0x2c")]+a("0x35")}function f(t){return new Date(1e3*t)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-notification",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1620198257,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,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3);e.slideAnimation=function(t,e){return[i.style({overflow:"hidden",height:0}),i.animate(e+"ms ease-in",i.style({height:t+"px"}))]},e.slideCloseAnimation=function(t,e){return[i.style({height:t+"px"}),i.animate(e+"ms ease-in",i.style({overflow:"hidden",height:0}))]},e.fadeAnimation=function(t){return[i.style({opacity:0}),i.animate(t+"ms ease-in",i.style({opacity:1}))]},e.fadeCloseAnimation=function(t){return[i.style({opacity:1}),i.animate(t+"ms ease-in",i.style({opacity:0}))]}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(14),a=n(5),s=n(2),c=n(6),l=n(15),u=function(){function t(){}return t=i.__decorate([o.NgModule({declarations:[s.NotificationComponent,c.NotificationContainerComponent,l.LocalizedMessagesDirective],entryComponents:[s.NotificationComponent,c.NotificationContainerComponent],imports:[r.CommonModule],exports:[s.NotificationComponent,c.NotificationContainerComponent],providers:[a.NotificationService]})],t)}();e.NotificationModule=u},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(4),a=function(t){function e(e){var n=t.call(this)||this;return n.service=e,n}var n;return i.__extends(e,t),n=e,i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=n=i.__decorate([o.Directive({providers:[{provide:r.ComponentMessages,useExisting:o.forwardRef((function(){return n}))}],selector:"[kendoNotificationLocalizedMessages]"}),i.__metadata("design:paramtypes",[r.LocalizationService])],e)}(r.ComponentMessages);e.LocalizedMessagesDirective=a}])}));
+var i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function o(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var r=function(){return(r=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function a(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(n[i[o]]=t[i[o]])}return n}function s(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a}function c(t,e){return function(n,i){e(n,i,t)}}function l(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,i){return new(n||(n=Promise))((function(o,r){function a(t){try{c(i.next(t))}catch(t){r(t)}}function s(t){try{c(i.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((i=i.apply(t,e||[])).next())}))}function f(t,e){var n,i,o,r,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,i&&(o=2&r[0]?i.return:r[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;switch(i=0,o&&(r=[2&r[0],o.value]),r[0]){case 0:case 1:o=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,i=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!o||r[1]>o[0]&&r[1]<o[3])){a.label=r[1];break}if(6===r[0]&&a.label<o[1]){a.label=o[1],o=r;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(r);break}o[2]&&a.ops.pop(),a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t],i=0}finally{n=o=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}function p(t,e,n,i){void 0===i&&(i=n),t[i]=e[n]}function d(t,e){for(var n in t)"default"===n||e.hasOwnProperty(n)||(e[n]=t[n])}function h(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,o,r=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(t){o={error:t}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function m(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(y(arguments[e]));return t}function g(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var i=Array(t),o=0;for(e=0;e<n;e++)for(var r=arguments[e],a=0,s=r.length;a<s;a++,o++)i[o]=r[a];return i}function v(t){return this instanceof v?(this.v=t,this):new v(t)}function _(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i,o=n.apply(t,e||[]),r=[];return i={},a("next"),a("throw"),a("return"),i[Symbol.asyncIterator]=function(){return this},i;function a(t){o[t]&&(i[t]=function(e){return new Promise((function(n,i){r.push([t,e,n,i])>1||s(t,e)}))})}function s(t,e){try{(n=o[t](e)).value instanceof v?Promise.resolve(n.value.v).then(c,l):u(r[0][2],n)}catch(t){u(r[0][3],t)}var n}function c(t){s("next",t)}function l(t){s("throw",t)}function u(t,e){t(e),r.shift(),r.length&&s(r[0][0],r[0][1])}}function b(t){var e,n;return e={},i("next"),i("throw",(function(t){throw t})),i("return"),e[Symbol.iterator]=function(){return this},e;function i(i,o){e[i]=t[i]?function(e){return(n=!n)?{value:v(t[i](e)),done:"return"===i}:o?o(e):e}:o}}function x(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t=h(t),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(n){e[n]=t[n]&&function(e){return new Promise((function(i,o){(function(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)})(i,o,(e=t[n](e)).done,e.value)}))}}}function C(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function w(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function O(t){return t&&t.__esModule?t:{default:t}}function N(t,e){if(!e.has(t))throw new TypeError("attempted to get private field on non-instance");return e.get(t)}function I(t,e,n){if(!e.has(t))throw new TypeError("attempted to set private field on non-instance");return e.set(t,n),n}},function(e,n){e.exports=t},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(3),a=n(9),s=n(10),c=n(11),l=n(12),u=n(4),f=function(){function t(t,e,n,i,r){var a=this;this.cdr=t,this.element=e,this.renderer=n,this.builder=i,this.localizationService=r,this.close=new o.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new o.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=r.changes.subscribe((function(t){var e=t.rtl;a.rtl=e,a.direction=a.rtl?"rtl":"ltr"}))}return Object.defineProperty(t.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},t.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},t.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},t.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)},t.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},t.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},t.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},t.prototype.hide=function(t){var e=this,n=getComputedStyle(this.element.nativeElement).height;if(this.animation&&n)return this.animate(this.animation,!0),void this.animationEnd.subscribe((function(){e.emitClose(t)}));this.emitClose(t)},t.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout((function(){return t.onCloseClick()}),e)},t.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},t.prototype.play=function(t,e){var n=this,i=this.builder.build(t),o=this.element.nativeElement;this.renderer.addClass(o,"k-notification-container-animating");var r=i.create(e);r.onDone((function(){n.renderer.removeClass(o,"k-notification-container-animating"),n.animationEnd.emit(),r&&(r.destroy(),r=null)})),r.play()},t.prototype.animate=function(t,e){var n=this.element.nativeElement,i=t.duration,o=n.offsetHeight,r="slide"===t.type?this.slideAnimation(o,i,e):this.fadeAnimation(i,e);this.play(r,n)},t.prototype.slideAnimation=function(t,e,n){return n?l.slideCloseAnimation(t,e):l.slideAnimation(t,e)},t.prototype.fadeAnimation=function(t,e){return e?l.fadeCloseAnimation(t):l.fadeAnimation(t)},i.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),i.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),i.__decorate([o.Input(),i.__metadata("design:type",o.TemplateRef)],t.prototype,"templateRef",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],t.prototype,"templateString",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"height",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"cssClass",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],t.prototype,"hideAfter",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"type",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],t.prototype,"animation",void 0),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String)],t.prototype,"direction",void 0),i.__decorate([o.HostBinding("class.k-notification-container"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],t.prototype,"containerClass",null),t=i.__decorate([o.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:[u.LocalizationService,{provide:u.L10N_PREFIX,useValue:"kendo.notification"}]}),i.__metadata("design:paramtypes",[o.ChangeDetectorRef,o.ElementRef,o.Renderer2,r.AnimationBuilder,u.LocalizationService])],t)}();e.NotificationComponent=f},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(6);e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container");var a=function(){function t(t,e,n){this.resolver=t,this.injector=e,this.container=n,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}return t.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e,n=this.findGroupContainer(t),i=t.position||this.position,o=i.horizontal+" "+i.vertical,a=this.notificationContainers.find((function(t){return n.nativeElement.contains(t.element.nativeElement)&&t.id===o}));if(!a){a=(e=this.resolver.resolveComponentFactory(r.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(e.hostView);var s=e.location.nativeElement,c=this.findGroupContainer(t);if(!c)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                ");c.nativeElement.appendChild(s),this.notificationContainers.push(a)}return t.position=i,a.addNotification(t)},Object.defineProperty(t.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),t.prototype.findGroupContainer=function(t){var e;if(t.appendTo)e=t.appendTo.element;else if(this.container)e=this.container;else{var n=this.appRef.components&&this.appRef.components[0];e=n?n.location:null}return e},t=i.__decorate([o.Injectable(),i.__param(2,o.Inject(e.NOTIFICATION_CONTAINER)),i.__param(2,o.Optional()),i.__metadata("design:paramtypes",[o.ComponentFactoryResolver,o.Injector,o.ElementRef])],t)}();e.NotificationService=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(2),a=function(){function t(t,e,n){this.element=t,this.renderer=e,this.resolver=n,this.id="",this.notifications=[]}return t.prototype.ngOnDestroy=function(){this.notifications.forEach((function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()})),this.notifications=[]},t.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(r.NotificationComponent),n=this.container.createComponent(e);this.applySettings(n,t);var i=null;if("function"==typeof t.content){var o=this.resolver.resolveComponentFactory(t.content);i=n.instance.container.createComponent(o)}return n.changeDetectorRef.detectChanges(),this.notifications.push(n.instance),t.appendTo&&this.applyAbsolutePosition(t.appendTo),this.applyPosition(),this.applyContainerWrap(),{afterHide:n.instance.close,hide:function(){return n.instance.hide(i)},notification:n,content:i||null}},t.prototype.hide=function(t){var e=t.instance,n=this.notifications.indexOf(e);this.notifications.splice(n,1),e.closeClickSubscription&&e.closeClickSubscription.unsubscribe(),e.templateRef=null,e.templateString=null,t.destroy()},t.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},t.prototype.applySettings=function(t,e){var n=this,i=t.instance,r=e.content,a=e.animation||null;i.closeClickSubscription=i.close.subscribe((function(){return n.hide(t)})),"string"==typeof r&&(i.templateString=r),r instanceof o.TemplateRef&&(i.templateRef=r),i.animation=a;var s=e.type;s&&void 0===s.style&&(s.style="none"),s&&void 0===s.icon&&(s.icon=!0),i.type=s,i.closeTitle=e.closeTitle,e.cssClass&&(i.cssClass=e.cssClass),i.closable=e.closable,i.hideAfter=e.hideAfter,i.width=e.width,i.height=e.height},t.prototype.applyAbsolutePosition=function(t){var e=t.element.nativeElement,n=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(n,"position","absolute")},t.prototype.applyPosition=function(){var t=this.element.nativeElement.children[0],e=t.getBoundingClientRect().width/2,n=this.setContainerPosition(this.position,e);Object.keys(n).forEach((function(e){t.style[e]=n[e]}))},t.prototype.setContainerPosition=function(t,e){var n={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=n.horizontal[t.horizontal],o=n.vertical[t.vertical];return Object.assign({},i,o)},i.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),i.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),i.__decorate([o.ViewChild("group",{static:!0}),i.__metadata("design:type",o.ElementRef)],t.prototype,"group",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],t.prototype,"id",void 0),t=i.__decorate([o.Component({selector:"kendo-notification-container",template:'\n    <div #group class="k-notification-group">\n        <ng-container #container></ng-container>\n    </div>\n  '}),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,o.ComponentFactoryResolver])],t)}();e.NotificationContainerComponent=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(8);e.NotificationSettings=i.NotificationSettings;var o=n(2);e.NotificationComponent=o.NotificationComponent;var r=n(5);e.NotificationService=r.NotificationService,e.NOTIFICATION_CONTAINER=r.NOTIFICATION_CONTAINER;var a=n(13);e.NotificationModule=a.NotificationModule},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=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}};e.NotificationSettings=i},function(t,e){t.exports=i},function(t,e,n){"use strict";n.r(e),n.d(e,"setScriptKey",(function(){return l})),n.d(e,"validatePackage",(function(){return u}));var i,o,r=["EMfOwhq=","z3jVDxbfBMq=","B2jQzwn0","u2vLia==","BKDQzKK=","zNvUy3rPB24=","zgf0yq==","D1rPsKq=","z2v0","BgLJzw5Zzuv4CgLYyxrPB25eyxrL","DgLTzxn0yw1W","y29Kzq==","DhLWzq==","C2v0","DMvYC2LVBG==","ChjVzhvJDenVzgvZ","u3PgAeu=","BMfTzq==","sg94tgG=","zun0Beq=","z3jVDxa=","ChjVzhvJDhm=","CgfYC2u=","BfP2zKS=","lcb0AguGCgfJA2fNzsb3yxmGChvIBgLZAgvKig9Uia==","Cfj6wKC=","tM8GBgLJzw5ZzsbMB3vUzc4k","ChjVzhvJDe5HBwu=","uwrAy0q=","BefHr0m=","t3jquwq=","s1Ldrvi=","CNvlCgC=","AgfZ","zxHWAxj5rgf0zq==","CgfJA2fNzu5HBwu=","y3LqC08=","CMr1Aui=","CNvHzve=","zg9JC1vYBa==","uhjVz3jLC3mG","ChvIBgLZAerHDgu=","vgHLihbYB2r1y3qGAxmGBM90igLUy2X1zgvKigLUihrOzsbSAwnLBNnLlGO=","D2fYBG==","B3nTvxa=","swTrwfO=","CLfMrLm=","igzVCIbTB3jLigLUzM9YBwf0Aw9UlGO=","whv2wMO=","rLbJyLa=","ww91CIbSAwnLBNnLigv4CgLYzwqGB24G","C2nYAxb0s2v5","BgLJzw5ZAw5Nrg9JC1vYBa==","tgLJzw5ZzsbHy3rPDMf0Aw9UigzHAwXLzcbMB3iG","EfbArNi=","zMLUza==","Dw5KzwzPBMvK","Dg9mB2nHBgvtDhjPBMC=","BgvUz3rO"];i=r,o=131,function(t){for(;--t;)i.push(i.shift())}(++o);var a=function(t,e){var n=r[t-=0];if(void 0===a.eVebMg){a.JsjtEd=function(t){for(var e=function(t){for(var e,n,i=String(t).replace(/=+$/,""),o="",r=0,a=0;n=i.charAt(a++);~n&&(e=r%4?64*e+n:n,r++%4)?o+=String.fromCharCode(255&e>>(-2*r&6)):0)n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(n);return o}(t),n=[],i=0,o=e.length;i<o;i++)n+="%"+("00"+e.charCodeAt(i).toString(16)).slice(-2);return decodeURIComponent(n)},a.rqrXoU={},a.eVebMg=!0}var i=a.rqrXoU[t];return void 0===i?(n=a.JsjtEd(n),a.rqrXoU[t]=n):n=i,n},s={data:'  {"timestamp":1635163540,"products":[{"trial":false,"code":"KENDOUIREACT","licenseExpirationDate":1642770000},{"trial":false,"code":"KENDOUICOMPLETE","licenseExpirationDate":1642770000},{"trial":false,"code":"KENDOUIVUE","licenseExpirationDate":1642770000},{"trial":false,"code":"KENDOUIANGULAR","licenseExpirationDate":1642770000}],"integrity":"Iq+/hmrfWBiuOSBY/c3zb/zGgBg="}  '},c=new Map;function l(t){}function u(t){if(c[a("0x14")](t[a("0x4")])){if(a("0x35")==a("0x35"))return c[a("0x36")](t[a("0x4")])}var e,n=t[a("0x1")]?" v"+t[a("0x1")]:"",i=t[a("0x4")]+n,o=JSON[a("0x9")](s[a("0x34")]),r=!o[a("0x26")]&&!o[a("0x38")],l=o[a("0x26")]&&typeof KendoLicensing===a("0x2b"),u=function(t,e){var n=t[a("0x8")];if(!n||!n[a("0x2d")]){if(a("0x11")==a("0x11"))return null}var i=new Set(e);return n[a("0x2a")]((function(t){if(a("0xa")!==a("0x18"))return i[a("0x14")](t[a("0x39")])}))}(o,t[a("0x2")]);if(r||l)if(a("0x29")!=a("0x29")){}else e={type:0,packageName:i,docsUrl:t[a("0x27")]};else if(a("0xf")===a("0x24")){}else if(u){if(a("0x12")!=a("0x12")){}else if(u[a("0x37")]<t[a("0x1c")])if(a("0x21")===a("0x32")){}else e={type:2,packageName:i,publishDate:f(t[a("0x1c")]),expiryDate:f(u[a("0x37")]),docsUrl:t[a("0x27")]}}else if(a("0x6")!=a("0x6")){}else e={type:1,packageName:i,docsUrl:t[a("0x27")]};if(e&&typeof console===a("0x30"))if(a("0x5")===a("0x3")){}else{var p=a("0x1b")+t[a("0xe")],d=typeof console[a("0x7")]===a("0x33");if(d)if(a("0xc")!=a("0xc")){}else console[a("0x7")](p);else if(a("0x17")!=a("0x17")){}else console[a("0x1e")](p);if(console[a("0x1e")](function(t){var e=a("0x28")+t[a("0x16")]+"\n";if(2===t[a("0x3a")])if(a("0x20")!=a("0x20")){}else e+=a("0x25")+t[a("0x15")][a("0x2c")]()+a("0xb")+t[a("0x1c")][a("0x2c")]()+".\n";else if(0===t[a("0x3a")])if(a("0x13")!==a("0x10"))e+=a("0xd");else{}else if(1===t[a("0x3a")])if(a("0x2e")===a("0x23")){}else e+=a("0x1d");return e+=a("0x31")+t[a("0x1a")]+a("0x22")}(e)),d)if(a("0x1f")!==a("0x19"))console[a("0x2f")]();else{}}var h=!e;return c[a("0x0")](t[a("0x4")],h),h}function f(t){return new Date(1e3*t)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-notification",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1635347962,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,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3);e.slideAnimation=function(t,e){return[i.style({overflow:"hidden",height:0}),i.animate(e+"ms ease-in",i.style({height:t+"px"}))]},e.slideCloseAnimation=function(t,e){return[i.style({height:t+"px"}),i.animate(e+"ms ease-in",i.style({overflow:"hidden",height:0}))]},e.fadeAnimation=function(t){return[i.style({opacity:0}),i.animate(t+"ms ease-in",i.style({opacity:1}))]},e.fadeCloseAnimation=function(t){return[i.style({opacity:1}),i.animate(t+"ms ease-in",i.style({opacity:0}))]}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(14),a=n(5),s=n(2),c=n(6),l=n(15),u=function(){function t(){}return t=i.__decorate([o.NgModule({declarations:[s.NotificationComponent,c.NotificationContainerComponent,l.LocalizedMessagesDirective],entryComponents:[s.NotificationComponent,c.NotificationContainerComponent],imports:[r.CommonModule],exports:[s.NotificationComponent,c.NotificationContainerComponent],providers:[a.NotificationService]})],t)}();e.NotificationModule=u},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),o=n(1),r=n(4),a=function(t){function e(e){var n=t.call(this)||this;return n.service=e,n}var n;return i.__extends(e,t),n=e,i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=n=i.__decorate([o.Directive({providers:[{provide:r.ComponentMessages,useExisting:o.forwardRef((function(){return n}))}],selector:"[kendoNotificationLocalizedMessages]"}),i.__metadata("design:paramtypes",[r.LocalizationService])],e)}(r.ComponentMessages);e.LocalizedMessagesDirective=a}])}));

package/dist/cdn/main.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("tslib"),require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/animations","@progress/kendo-angular-l10n","rxjs/operators","@progress/kendo-licensing","@angular/common"],e):"object"==typeof exports?exports.KendoAngularNotification=e(require("tslib"),require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/common")):t.KendoAngularNotification=e(t.tslib,t["@angular/core"],t["@angular/animations"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t["@progress/kendo-licensing"],t["@angular/common"])}(window,(function(t,e,i,n,o,r,a){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=7)}([function(e,i){e.exports=t},function(t,i){t.exports=e},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),r=i(3),a=i(9),s=i(10),c=i(11),l=i(12),p=i(4),u=function(){function t(t,e,i,n,r){var a=this;this.cdr=t,this.element=e,this.renderer=i,this.builder=n,this.localizationService=r,this.close=new o.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new o.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=r.changes.subscribe((function(t){var e=t.rtl;a.rtl=e,a.direction=a.rtl?"rtl":"ltr"}))}return Object.defineProperty(t.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},t.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},t.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},t.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)},t.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},t.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},t.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},t.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)},t.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout((function(){return t.onCloseClick()}),e)},t.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},t.prototype.play=function(t,e){var i=this,n=this.builder.build(t),o=this.element.nativeElement;this.renderer.addClass(o,"k-notification-container-animating");var r=n.create(e);r.onDone((function(){i.renderer.removeClass(o,"k-notification-container-animating"),i.animationEnd.emit(),r&&(r.destroy(),r=null)})),r.play()},t.prototype.animate=function(t,e){var i=this.element.nativeElement,n=t.duration,o=i.offsetHeight,r="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(r,i)},t.prototype.slideAnimation=function(t,e,i){return i?l.slideCloseAnimation(t,e):l.slideAnimation(t,e)},t.prototype.fadeAnimation=function(t,e){return e?l.fadeCloseAnimation(t):l.fadeAnimation(t)},n.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),n.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),n.__decorate([o.Input(),n.__metadata("design:type",o.TemplateRef)],t.prototype,"templateRef",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],t.prototype,"templateString",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"width",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"height",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"cssClass",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"hideAfter",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"type",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"animation",void 0),n.__decorate([o.HostBinding("attr.dir"),n.__metadata("design:type",String)],t.prototype,"direction",void 0),n.__decorate([o.HostBinding("class.k-notification-container"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],t.prototype,"containerClass",null),t=n.__decorate([o.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">\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:[p.LocalizationService,{provide:p.L10N_PREFIX,useValue:"kendo.notification"}]}),n.__metadata("design:paramtypes",[o.ChangeDetectorRef,o.ElementRef,o.Renderer2,r.AnimationBuilder,p.LocalizationService])],t)}();e.NotificationComponent=u},function(t,e){t.exports=i},function(t,e){t.exports=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),r=i(6);e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container");var a=function(){function t(t,e,i){this.resolver=t,this.injector=e,this.container=i,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}return t.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e,i=this.findGroupContainer(t),n=t.position||this.position,o=n.horizontal+" "+n.vertical,a=this.notificationContainers.find((function(t){return i.nativeElement.contains(t.element.nativeElement)&&t.id===o}));if(!a){a=(e=this.resolver.resolveComponentFactory(r.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(e.hostView);var s=e.location.nativeElement,c=this.findGroupContainer(t);if(!c)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                ");c.nativeElement.appendChild(s),this.notificationContainers.push(a)}return t.position=n,a.addNotification(t)},Object.defineProperty(t.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),t.prototype.findGroupContainer=function(t){var e;if(t.appendTo)e=t.appendTo.element;else if(this.container)e=this.container;else{var i=this.appRef.components&&this.appRef.components[0];e=i?i.location:null}return e},t=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])],t)}();e.NotificationService=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),r=i(2),a=function(){function t(t,e,i){this.element=t,this.renderer=e,this.resolver=i,this.id="",this.notifications=[]}return t.prototype.ngOnDestroy=function(){this.notifications.forEach((function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()})),this.notifications=[]},t.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(r.NotificationComponent),i=this.container.createComponent(e);this.applySettings(i,t);var n=null;if("function"==typeof t.content){var o=this.resolver.resolveComponentFactory(t.content);n=i.instance.container.createComponent(o)}return 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}},t.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()},t.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},t.prototype.applySettings=function(t,e){var i=this,n=t.instance,r=e.content,a=e.animation||null;n.closeClickSubscription=n.close.subscribe((function(){return i.hide(t)})),"string"==typeof r&&(n.templateString=r),r instanceof o.TemplateRef&&(n.templateRef=r),n.animation=a;var s=e.type;s&&void 0===s.style&&(s.style="none"),s&&void 0===s.icon&&(s.icon=!0),n.type=s,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},t.prototype.applyAbsolutePosition=function(t){var e=t.element.nativeElement,i=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(i,"position","absolute")},t.prototype.applyPosition=function(){var t=this.element.nativeElement.children[0],e=t.getBoundingClientRect().width/2,i=this.setContainerPosition(this.position,e);Object.keys(i).forEach((function(e){t.style[e]=i[e]}))},t.prototype.setContainerPosition=function(t,e){var i={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}}},n=i.horizontal[t.horizontal],o=i.vertical[t.vertical];return Object.assign({},n,o)},n.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),n.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),n.__decorate([o.ViewChild("group",{static:!0}),n.__metadata("design:type",o.ElementRef)],t.prototype,"group",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],t.prototype,"id",void 0),t=n.__decorate([o.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",[o.ElementRef,o.Renderer2,o.ComponentFactoryResolver])],t)}();e.NotificationContainerComponent=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(8);e.NotificationSettings=n.NotificationSettings;var o=i(2);e.NotificationComponent=o.NotificationComponent;var r=i(5);e.NotificationService=r.NotificationService,e.NOTIFICATION_CONTAINER=r.NOTIFICATION_CONTAINER;var a=i(13);e.NotificationModule=a.NotificationModule},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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}};e.NotificationSettings=n},function(t,e){t.exports=o},function(t,e){t.exports=r},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:1620198257,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,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(3);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});var n=i(0),o=i(1),r=i(14),a=i(5),s=i(2),c=i(6),l=i(15),p=function(){function t(){}return t=n.__decorate([o.NgModule({declarations:[s.NotificationComponent,c.NotificationContainerComponent,l.LocalizedMessagesDirective],entryComponents:[s.NotificationComponent,c.NotificationContainerComponent],imports:[r.CommonModule],exports:[s.NotificationComponent,c.NotificationContainerComponent],providers:[a.NotificationService]})],t)}();e.NotificationModule=p},function(t,e){t.exports=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),r=i(4),a=function(t){function e(e){var i=t.call(this)||this;return i.service=e,i}var i;return n.__extends(e,t),i=e,n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=i=n.__decorate([o.Directive({providers:[{provide:r.ComponentMessages,useExisting:o.forwardRef((function(){return i}))}],selector:"[kendoNotificationLocalizedMessages]"}),n.__metadata("design:paramtypes",[r.LocalizationService])],e)}(r.ComponentMessages);e.LocalizedMessagesDirective=a}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("tslib"),require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/animations","@progress/kendo-angular-l10n","rxjs/operators","@progress/kendo-licensing","@angular/common"],e):"object"==typeof exports?exports.KendoAngularNotification=e(require("tslib"),require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/common")):t.KendoAngularNotification=e(t.tslib,t["@angular/core"],t["@angular/animations"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t["@progress/kendo-licensing"],t["@angular/common"])}(window,(function(t,e,i,n,o,a,r){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=7)}([function(e,i){e.exports=t},function(t,i){t.exports=e},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),a=i(3),r=i(9),s=i(10),c=i(11),l=i(12),p=i(4),u=function(){function t(t,e,i,n,a){var r=this;this.cdr=t,this.element=e,this.renderer=i,this.builder=n,this.localizationService=a,this.close=new o.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new o.EventEmitter,this.rtl=!1,s.validatePackage(c.packageMetadata),this.dynamicRTLSubscription=a.changes.subscribe((function(t){var e=t.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"}))}return Object.defineProperty(t.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n            "+(this.closable?"k-notification-closable":"")},t.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},t.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},t.prototype.ngAfterViewInit=function(){var t=this;this.closable||this.animation||this.setHideTimeout(),!this.closable&&this.animation&&this.animationEnd.pipe(r.take(1)).subscribe((function(){return t.setHideTimeout()})),this.animation&&this.animate(this.animation)},t.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},t.prototype.typeIconClass=function(){return{none:"",success:"k-i-success",warning:"k-i-warning",error:"k-i-error",info:"k-i-info"}[this.type.style]},t.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},t.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)},t.prototype.setHideTimeout=function(){var t=this,e=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout((function(){return t.onCloseClick()}),e)},t.prototype.emitClose=function(t){t&&t.destroy(),this.close.emit()},t.prototype.play=function(t,e){var i=this,n=this.builder.build(t),o=this.element.nativeElement;this.renderer.addClass(o,"k-notification-container-animating");var a=n.create(e);a.onDone((function(){i.renderer.removeClass(o,"k-notification-container-animating"),i.animationEnd.emit(),a&&(a.destroy(),a=null)})),a.play()},t.prototype.animate=function(t,e){var i=this.element.nativeElement,n=t.duration,o=i.offsetHeight,a="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(a,i)},t.prototype.slideAnimation=function(t,e,i){return i?l.slideCloseAnimation(t,e):l.slideAnimation(t,e)},t.prototype.fadeAnimation=function(t,e){return e?l.fadeCloseAnimation(t):l.fadeAnimation(t)},n.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),n.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),n.__decorate([o.Input(),n.__metadata("design:type",o.TemplateRef)],t.prototype,"templateRef",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],t.prototype,"templateString",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"width",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"height",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"cssClass",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],t.prototype,"hideAfter",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"type",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],t.prototype,"animation",void 0),n.__decorate([o.HostBinding("attr.dir"),n.__metadata("design:type",String)],t.prototype,"direction",void 0),n.__decorate([o.HostBinding("class.k-notification-container"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],t.prototype,"containerClass",null),t=n.__decorate([o.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:[p.LocalizationService,{provide:p.L10N_PREFIX,useValue:"kendo.notification"}]}),n.__metadata("design:paramtypes",[o.ChangeDetectorRef,o.ElementRef,o.Renderer2,a.AnimationBuilder,p.LocalizationService])],t)}();e.NotificationComponent=u},function(t,e){t.exports=i},function(t,e){t.exports=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),a=i(6);e.NOTIFICATION_CONTAINER=new o.InjectionToken("Notification Container");var r=function(){function t(t,e,i){this.resolver=t,this.injector=e,this.container=i,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}return t.prototype.show=function(t){if(!t)throw new Error("NotificationSettings settings are required");var e,i=this.findGroupContainer(t),n=t.position||this.position,o=n.horizontal+" "+n.vertical,r=this.notificationContainers.find((function(t){return i.nativeElement.contains(t.element.nativeElement)&&t.id===o}));if(!r){r=(e=this.resolver.resolveComponentFactory(a.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(e.hostView);var s=e.location.nativeElement,c=this.findGroupContainer(t);if(!c)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                ");c.nativeElement.appendChild(s),this.notificationContainers.push(r)}return t.position=n,r.addNotification(t)},Object.defineProperty(t.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(o.ApplicationRef)),this.applicationRef},enumerable:!0,configurable:!0}),t.prototype.findGroupContainer=function(t){var e;if(t.appendTo)e=t.appendTo.element;else if(this.container)e=this.container;else{var i=this.appRef.components&&this.appRef.components[0];e=i?i.location:null}return e},t=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])],t)}();e.NotificationService=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),a=i(2),r=function(){function t(t,e,i){this.element=t,this.renderer=e,this.resolver=i,this.id="",this.notifications=[]}return t.prototype.ngOnDestroy=function(){this.notifications.forEach((function(t){t.closeClickSubscription&&t.closeClickSubscription.unsubscribe()})),this.notifications=[]},t.prototype.addNotification=function(t){this.position=t.position,this.id=this.position.horizontal+" "+this.position.vertical;var e=this.resolver.resolveComponentFactory(a.NotificationComponent),i=this.container.createComponent(e);this.applySettings(i,t);var n=null;if("function"==typeof t.content){var o=this.resolver.resolveComponentFactory(t.content);n=i.instance.container.createComponent(o)}return 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}},t.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()},t.prototype.applyContainerWrap=function(){var t="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",t)},t.prototype.applySettings=function(t,e){var i=this,n=t.instance,a=e.content,r=e.animation||null;n.closeClickSubscription=n.close.subscribe((function(){return i.hide(t)})),"string"==typeof a&&(n.templateString=a),a instanceof o.TemplateRef&&(n.templateRef=a),n.animation=r;var s=e.type;s&&void 0===s.style&&(s.style="none"),s&&void 0===s.icon&&(s.icon=!0),n.type=s,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},t.prototype.applyAbsolutePosition=function(t){var e=t.element.nativeElement,i=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(i,"position","absolute")},t.prototype.applyPosition=function(){var t=this.element.nativeElement.children[0],e=t.getBoundingClientRect().width/2,i=this.setContainerPosition(this.position,e);Object.keys(i).forEach((function(e){t.style[e]=i[e]}))},t.prototype.setContainerPosition=function(t,e){var i={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}}},n=i.horizontal[t.horizontal],o=i.vertical[t.vertical];return Object.assign({},n,o)},n.__decorate([o.ViewChild("container",{read:o.ViewContainerRef,static:!0}),n.__metadata("design:type",o.ViewContainerRef)],t.prototype,"container",void 0),n.__decorate([o.ViewChild("group",{static:!0}),n.__metadata("design:type",o.ElementRef)],t.prototype,"group",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],t.prototype,"id",void 0),t=n.__decorate([o.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",[o.ElementRef,o.Renderer2,o.ComponentFactoryResolver])],t)}();e.NotificationContainerComponent=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(8);e.NotificationSettings=n.NotificationSettings;var o=i(2);e.NotificationComponent=o.NotificationComponent;var a=i(5);e.NotificationService=a.NotificationService,e.NOTIFICATION_CONTAINER=a.NOTIFICATION_CONTAINER;var r=i(13);e.NotificationModule=r.NotificationModule},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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}};e.NotificationSettings=n},function(t,e){t.exports=o},function(t,e){t.exports=a},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:1635347962,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,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(3);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});var n=i(0),o=i(1),a=i(14),r=i(5),s=i(2),c=i(6),l=i(15),p=function(){function t(){}return t=n.__decorate([o.NgModule({declarations:[s.NotificationComponent,c.NotificationContainerComponent,l.LocalizedMessagesDirective],entryComponents:[s.NotificationComponent,c.NotificationContainerComponent],imports:[a.CommonModule],exports:[s.NotificationComponent,c.NotificationContainerComponent],providers:[r.NotificationService]})],t)}();e.NotificationModule=p},function(t,e){t.exports=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(0),o=i(1),a=i(4),r=function(t){function e(e){var i=t.call(this)||this;return i.service=e,i}var i;return n.__extends(e,t),i=e,n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=i=n.__decorate([o.Directive({providers:[{provide:a.ComponentMessages,useExisting:o.forwardRef((function(){return i}))}],selector:"[kendoNotificationLocalizedMessages]"}),n.__metadata("design:paramtypes",[a.LocalizationService])],e)}(a.ComponentMessages);e.LocalizedMessagesDirective=r}])}));

package/dist/es/index.js

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

package/dist/es/localization/localized-messages.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es/main.js

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

package/dist/es/models/animation.js

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

package/dist/es/models/notification-ref.js

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

package/dist/es/models/notification-settings.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 var NotificationSettings = /** @class */ (function () {

package/dist/es/models/position.js

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

package/dist/es/models/type.js

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

package/dist/es/notification.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";
@@ -202,7 +202,7 @@ var NotificationComponent = /** @class */ (function () {
     NotificationComponent = tslib_1.__decorate([
         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\">\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  ",
+            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: [
                 LocalizationService,
                 {

package/dist/es/notification.container.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es/notification.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620198257,
+    publishDate: 1635347962,
     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/es/services/notification.service.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es/utils/animations.js

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

package/dist/es2015/index.d.ts

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

package/dist/es2015/index.js

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

package/dist/es2015/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"Position":{"__symbolic":"interface"},"Animation":{"__symbolic":"interface"},"NotificationRef":{"__symbolic":"interface"},"Type":{"__symbolic":"interface"},"NotificationSettings":{"__symbolic":"class","members":{}},"NotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"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\">\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":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":69,"character":4},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":71,"character":17},"useValue":"kendo.notification"}]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":77,"character":36},"static":true}]}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"hideAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":103,"character":5},"arguments":["attr.dir"]}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":5},"arguments":["class.k-notification-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":121,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":122,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":123,"character":26},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":124,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":125,"character":37}]}],"notificationClasses":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"typeClass":[{"__symbolic":"method"}],"typeIconClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"setHideTimeout":[{"__symbolic":"method"}],"emitClose":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"slideAnimation":[{"__symbolic":"method"}],"fadeAnimation":[{"__symbolic":"method"}]}},"NotificationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":64,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":9},"arguments":[{"__symbolic":"reference","name":"NOTIFICATION_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":76,"character":41}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":74,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":76,"character":71}]}],"show":[{"__symbolic":"method"}],"findGroupContainer":[{"__symbolic":"method"}]}},"NOTIFICATION_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":55,"character":42},"arguments":["Notification Container"]},"NotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":40,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}],"entryComponents":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":14}],"exports":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"}],"providers":[{"__symbolic":"reference","name":"NotificationService"}]}]}],"members":{}},"NotificationContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"kendo-notification-container","template":"\n    <div #group class=\"k-notification-group\">\n        <ng-container #container></ng-container>\n    </div>\n  "}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":32,"character":36},"static":true}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["group",{"static":true}]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":46,"character":26}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addNotification":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"applyContainerWrap":[{"__symbolic":"method"}],"applySettings":[{"__symbolic":"method"}],"applyAbsolutePosition":[{"__symbolic":"method"}],"applyPosition":[{"__symbolic":"method"}],"setContainerPosition":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoNotificationLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"Position":"./models/position","Animation":"./models/animation","NotificationRef":"./models/notification-ref","Type":"./models/type","NotificationSettings":"./models/notification-settings","NotificationComponent":"./notification.component","NotificationService":"./services/notification.service","NOTIFICATION_CONTAINER":"./services/notification.service","NotificationModule":"./notification.module","NotificationContainerComponent":"./notification.container.component","LocalizedMessagesDirective":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-notification"}
+{"__symbolic":"module","version":4,"metadata":{"Position":{"__symbolic":"interface"},"Animation":{"__symbolic":"interface"},"NotificationRef":{"__symbolic":"interface"},"Type":{"__symbolic":"interface"},"NotificationSettings":{"__symbolic":"class","members":{}},"NotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"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":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":69,"character":4},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":71,"character":17},"useValue":"kendo.notification"}]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":77,"character":36},"static":true}]}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"hideAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":103,"character":5},"arguments":["attr.dir"]}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":5},"arguments":["class.k-notification-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":121,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":122,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":123,"character":26},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":124,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":125,"character":37}]}],"notificationClasses":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"typeClass":[{"__symbolic":"method"}],"typeIconClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"setHideTimeout":[{"__symbolic":"method"}],"emitClose":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"slideAnimation":[{"__symbolic":"method"}],"fadeAnimation":[{"__symbolic":"method"}]}},"NotificationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":64,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":9},"arguments":[{"__symbolic":"reference","name":"NOTIFICATION_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":76,"character":41}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":74,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":76,"character":71}]}],"show":[{"__symbolic":"method"}],"findGroupContainer":[{"__symbolic":"method"}]}},"NOTIFICATION_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":55,"character":42},"arguments":["Notification Container"]},"NotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":40,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}],"entryComponents":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":14}],"exports":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationContainerComponent"}],"providers":[{"__symbolic":"reference","name":"NotificationService"}]}]}],"members":{}},"NotificationContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"kendo-notification-container","template":"\n    <div #group class=\"k-notification-group\">\n        <ng-container #container></ng-container>\n    </div>\n  "}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":32,"character":36},"static":true}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["group",{"static":true}]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":46,"character":26}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addNotification":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"applyContainerWrap":[{"__symbolic":"method"}],"applySettings":[{"__symbolic":"method"}],"applyAbsolutePosition":[{"__symbolic":"method"}],"applyPosition":[{"__symbolic":"method"}],"setContainerPosition":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoNotificationLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"Position":"./models/position","Animation":"./models/animation","NotificationRef":"./models/notification-ref","Type":"./models/type","NotificationSettings":"./models/notification-settings","NotificationComponent":"./notification.component","NotificationService":"./services/notification.service","NOTIFICATION_CONTAINER":"./services/notification.service","NotificationModule":"./notification.module","NotificationContainerComponent":"./notification.container.component","LocalizedMessagesDirective":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-notification"}

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/localization/localized-messages.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es2015/main.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/main.js

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

package/dist/es2015/models/animation.d.ts

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

package/dist/es2015/models/animation.js

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

package/dist/es2015/models/notification-ref.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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';

package/dist/es2015/models/notification-ref.js

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

package/dist/es2015/models/notification-settings.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/models/notification-settings.js

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

package/dist/es2015/models/position.d.ts

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

package/dist/es2015/models/position.js

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

package/dist/es2015/models/type.d.ts

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

package/dist/es2015/models/type.js

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

package/dist/es2015/notification.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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';

package/dist/es2015/notification.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";
@@ -200,7 +200,7 @@ NotificationComponent = tslib_1.__decorate([
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <div class="k-notification-wrap">
+        <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">

package/dist/es2015/notification.container.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/notification.container.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es2015/notification.module.d.ts

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

package/dist/es2015/notification.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es2015/package-metadata.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620198257,
+    publishDate: 1635347962,
     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/services/notification.service.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 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/dist/es2015/services/notification.service.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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";

package/dist/es2015/utils/animations.d.ts

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

package/dist/es2015/utils/animations.js

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

package/dist/fesm2015/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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';
@@ -66,7 +66,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620198257,
+    publishDate: 1635347962,
     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'
 };
@@ -298,7 +298,7 @@ NotificationComponent = __decorate([
         [ngClass]="cssClass"
         [style.height.px]="height"
         [style.width.px]="width">
-        <div class="k-notification-wrap">
+        <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">

package/dist/fesm5/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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, __extends } from 'tslib';
@@ -67,7 +67,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620198257,
+    publishDate: 1635347962,
     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'
 };
@@ -301,7 +301,7 @@ var NotificationComponent = /** @class */ (function () {
     NotificationComponent = __decorate([
         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\">\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  ",
+            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: [
                 LocalizationService,
                 {

package/dist/npm/index.js

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

package/dist/npm/localization/localized-messages.directive.js

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

package/dist/npm/main.js

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

package/dist/npm/models/animation.js

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

package/dist/npm/models/notification-ref.js

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

package/dist/npm/models/notification-settings.js

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

package/dist/npm/models/position.js

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

package/dist/npm/models/type.js

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

package/dist/npm/notification.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
@@ -204,7 +204,7 @@ var NotificationComponent = /** @class */ (function () {
     NotificationComponent = tslib_1.__decorate([
         core_1.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\">\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  ",
+            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: [
                 kendo_angular_l10n_1.LocalizationService,
                 {

package/dist/npm/notification.container.component.js

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

package/dist/npm/notification.module.js

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

package/dist/npm/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620198257,
+    publishDate: 1635347962,
     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/services/notification.service.js

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

package/dist/npm/utils/animations.js

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

package/dist/systemjs/kendo-angular-notification.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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",["@angular/core","@angular/animations","tslib","@progress/kendo-licensing","rxjs/operators","@progress/kendo-angular-l10n","@angular/common"],function(a){var r,s,c,l,p,d,u;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){r=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;o={},n.m=i=[function(t,e){t.exports=r},function(t,e){t.exports=c},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),i=(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;this.renderer.addClass(n,"k-notification-container-animating");var o=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,e="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(e,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">\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=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),r=i(0),o=i(2),n=(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);this.applySettings(i,t);var n=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;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;a=e.type;a&&void 0===a.style&&(a.style="none"),a&&void 0===a.icon&&(a.icon=!0),n.type=a,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 e=t.element.nativeElement,t=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(t,"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 i={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}}},e=i.horizontal[t.horizontal],t=i.vertical[t.vertical];return Object.assign({},e,t)},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=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),o=i(0),s=i(3);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=(r=this.resolver.resolveComponentFactory(s.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(r.hostView);var a=r.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=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=n},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),i=(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=i},function(t,e){t.exports=u},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),r=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]})],function(){});e.NotificationModule=r},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:1620198257,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=l},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=i(14);e.NotificationSettings=n.NotificationSettings;n=i(2);e.NotificationComponent=n.NotificationComponent;n=i(4);e.NotificationService=n.NotificationService,e.NOTIFICATION_CONTAINER=n.NOTIFICATION_CONTAINER;i=i(9);e.NotificationModule=i.NotificationModule,function(t){for(var e in t)a(e,t[e])}(e)}],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/animations","@progress/kendo-licensing","@angular/core","@progress/kendo-angular-l10n","rxjs/operators","@angular/common"],function(a){var r,s,c,l,p,d,u;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){r=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=l},function(t,e){t.exports=r},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),i=(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;this.renderer.addClass(n,"k-notification-container-animating");var o=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,e="slide"===t.type?this.slideAnimation(o,n,e):this.fadeAnimation(n,e);this.play(e,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=i},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),r=i(0),o=i(2),n=(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);this.applySettings(i,t);var n=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;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;a=e.type;a&&void 0===a.style&&(a.style="none"),a&&void 0===a.icon&&(a.icon=!0),n.type=a,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 e=t.element.nativeElement,t=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(t,"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 i={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}}},e=i.horizontal[t.horizontal],t=i.vertical[t.vertical];return Object.assign({},e,t)},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=n},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(1),o=i(0),s=i(3);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=(r=this.resolver.resolveComponentFactory(s.NotificationContainerComponent).create(this.injector)).instance,this.appRef.attachView(r.hostView);var a=r.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=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=n},function(t,e){t.exports=p},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),i=(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=i},function(t,e){t.exports=u},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),r=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=r},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:1635347962,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=c},function(t,e){t.exports=d},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=i(14);e.NotificationSettings=n.NotificationSettings;n=i(2);e.NotificationComponent=n.NotificationComponent;n=i(4);e.NotificationService=n.NotificationService,e.NOTIFICATION_CONTAINER=n.NOTIFICATION_CONTAINER;i=i(9);e.NotificationModule=i.NotificationModule,function(t){for(var e in t)a(e,t[e])}(e)}],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.1-dev.202105050704",
+  "version": "3.0.3-dev.202110271519",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",
@@ -30,13 +30,13 @@
     "Angular"
   ],
   "peerDependencies": {
-    "@angular/animations": "8 - 12",
-    "@angular/common": "8 - 12",
-    "@angular/core": "8 - 12",
+    "@angular/animations": "8 - 13",
+    "@angular/common": "8 - 13",
+    "@angular/core": "8 - 13",
     "@progress/kendo-angular-common": "^2.0.0",
     "@progress/kendo-angular-l10n": "^3.0.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "rxjs": "^6.4.0"
+    "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
     "@progress/kendo-schematics": "^1.0.0",
@@ -59,7 +59,7 @@
     "@progress/kendo-angular-e2e": "^2.2.0",
     "@progress/kendo-angular-jest-preset": "^2.0.0",
     "@progress/kendo-angular-l10n": "^3.0.0",
-    "@progress/kendo-angular-tasks": "^18.0.2",
+    "@progress/kendo-angular-tasks": "^18.0.18",
     "@progress/kendo-licensing": "^1.0.2",
     "@progress/kendo-theme-bootstrap": "^4.19.0",
     "@progress/kendo-theme-default": "^4.21.0",