@progress/kendo-angular-notification 3.0.6-dev.202203091018 → 4.0.0-dev.202204131907

package/dist/npm/services/notification.service.js

@@ -1,137 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var notification_container_component_1 = require("../notification.container.component");
-/**
- * Used to inject the Notification container. If not provided, the first root component of
- * the application is used.
- *
- * > The `NOTIFICATION_CONTAINER` can be used only with the [`NotificationService`]({% slug api_notification_notificationservice %}) class.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Notification module
- * import { NotificationModule, NOTIFICATION_CONTAINER } from '@progress/kendo-angular-notification';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { ElementRef, NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, NotificationModule], // import Notification module
- *     bootstrap:    [AppComponent],
- *     providers: [{
- *       provide: NOTIFICATION_CONTAINER,
- *       useFactory: () => {
- *          //return the container ElementRef, where the notification will be injected
- *          return { nativeElement: document.body } as ElementRef;
- *       }
- *     }]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- * ```
- */
-exports.NOTIFICATION_CONTAINER = new core_1.InjectionToken('Notification Container');
-/**
- * A service for opening Notification components dynamically
- * ([see example]({% slug overview_notification %})).
- *
- * @export
- * @class NotificationService
- */
-var NotificationService = /** @class */ (function () {
-    /**
-     * @hidden
-     */
-    function NotificationService(resolver, injector, container) {
-        this.resolver = resolver;
-        this.injector = injector;
-        this.container = container;
-        this.notificationContainers = [];
-        this.position = { horizontal: 'right', vertical: 'top' };
-    }
-    /**
-     * Opens a Notification component. Created Notification are mounted
-     * in the DOM directly in the root application component.
-     *
-     * @param {NotificationSettings} settings - The settings which define the Notification.
-     *
-     * @returns {NotificationRef} - A reference to the Notification object and the convenience properties.
-     */
-    NotificationService.prototype.show = function (settings) {
-        if (!settings) {
-            throw new Error('NotificationSettings settings are required');
-        }
-        var target = this.findGroupContainer(settings);
-        var position = settings.position || this.position;
-        var currentId = position.horizontal + " " + position.vertical;
-        var container;
-        var notificationRef;
-        var notificationContainer = this.notificationContainers.find(function (c) { return target.nativeElement.contains(c.element.nativeElement) && c.id === currentId; });
-        if (!notificationContainer) {
-            container = this.resolver
-                .resolveComponentFactory(notification_container_component_1.NotificationContainerComponent)
-                .create(this.injector);
-            notificationContainer = container.instance;
-            this.appRef.attachView(container.hostView);
-            var hostViewElement = container.location.nativeElement;
-            var groupContainer = this.findGroupContainer(settings);
-            if (!groupContainer) {
-                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                ");
-            }
-            groupContainer.nativeElement.appendChild(hostViewElement);
-            this.notificationContainers.push(notificationContainer);
-        }
-        settings.position = position;
-        notificationRef = notificationContainer.addNotification(settings);
-        return notificationRef;
-    };
-    Object.defineProperty(NotificationService.prototype, "appRef", {
-        get: function () {
-            if (!this.applicationRef) {
-                this.applicationRef = this.injector.get(core_1.ApplicationRef);
-            }
-            return this.applicationRef;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    NotificationService.prototype.findGroupContainer = function (settings) {
-        var container;
-        if (settings.appendTo) {
-            container = settings.appendTo.element;
-        }
-        else if (this.container) {
-            container = this.container;
-        }
-        else {
-            var appRoot = this.appRef.components && this.appRef.components[0];
-            container = appRoot ? appRoot.location : null;
-        }
-        return container;
-    };
-    NotificationService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__param(2, core_1.Inject(exports.NOTIFICATION_CONTAINER)), tslib_1.__param(2, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.ComponentFactoryResolver,
-            core_1.Injector,
-            core_1.ElementRef])
-    ], NotificationService);
-    return NotificationService;
-}());
-exports.NotificationService = NotificationService;

package/dist/npm/utils/animations.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var animations_1 = require("@angular/animations");
-/**
- * @hidden
- */
-function slideAnimation(height, duration) {
-    return [
-        animations_1.style({ overflow: 'hidden', height: 0 }),
-        animations_1.animate(duration + "ms ease-in", animations_1.style({ height: height + "px" }))
-    ];
-}
-exports.slideAnimation = slideAnimation;
-/**
- * @hidden
- */
-function slideCloseAnimation(height, duration) {
-    return [
-        animations_1.style({ height: height + "px" }),
-        animations_1.animate(duration + "ms ease-in", animations_1.style({ overflow: 'hidden', height: 0 }))
-    ];
-}
-exports.slideCloseAnimation = slideCloseAnimation;
-/**
- * @hidden
- */
-function fadeAnimation(duration) {
-    return [
-        animations_1.style({ opacity: 0 }),
-        animations_1.animate(duration + "ms ease-in", animations_1.style({ opacity: 1 }))
-    ];
-}
-exports.fadeAnimation = fadeAnimation;
-/**
- * @hidden
- */
-function fadeCloseAnimation(duration) {
-    return [
-        animations_1.style({ opacity: 1 }),
-        animations_1.animate(duration + "ms ease-in", animations_1.style({ opacity: 0 }))
-    ];
-}
-exports.fadeCloseAnimation = fadeCloseAnimation;

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

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