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

package/dist/es/notification.component.js

@@ -1,222 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, HostBinding, Input, TemplateRef, ChangeDetectorRef, ViewChild, ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
-import { AnimationBuilder } from '@angular/animations';
-import { take } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- *
- */
-var NotificationComponent = /** @class */ (function () {
-    function NotificationComponent(cdr, element, renderer, builder, localizationService) {
-        var _this = this;
-        this.cdr = cdr;
-        this.element = element;
-        this.renderer = renderer;
-        this.builder = builder;
-        this.localizationService = localizationService;
-        this.close = new EventEmitter();
-        this.width = null;
-        this.height = null;
-        this.defaultHideAfter = 5000;
-        this.animationEnd = new EventEmitter();
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(NotificationComponent.prototype, "containerClass", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NotificationComponent.prototype, "closeButtonTitle", {
-        get: function () {
-            return this.closeTitle || this.localizationService.get('closeTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    NotificationComponent.prototype.notificationClasses = function () {
-        return (this.type ? this.typeClass() : '') + "\n            " + (this.closable ? 'k-notification-closable' : '');
-    };
-    NotificationComponent.prototype.ngOnInit = function () {
-        clearTimeout(this.hideTimeout);
-    };
-    NotificationComponent.prototype.ngOnDestroy = function () {
-        clearTimeout(this.hideTimeout);
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    NotificationComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        if (!this.closable && !this.animation) {
-            this.setHideTimeout();
-        }
-        if (!this.closable && this.animation) {
-            this.animationEnd.pipe(take(1))
-                .subscribe(function () { return _this.setHideTimeout(); });
-        }
-        if (this.animation) {
-            this.animate(this.animation);
-        }
-    };
-    NotificationComponent.prototype.typeClass = function () {
-        return {
-            'none': '',
-            'success': 'k-notification-success',
-            'warning': 'k-notification-warning',
-            'error': 'k-notification-error',
-            'info': 'k-notification-info'
-        }[this.type.style];
-    };
-    NotificationComponent.prototype.typeIconClass = function () {
-        return {
-            'none': '',
-            'success': 'k-i-success',
-            'warning': 'k-i-warning',
-            'error': 'k-i-error',
-            'info': 'k-i-info'
-        }[this.type.style];
-    };
-    NotificationComponent.prototype.onCloseClick = function () {
-        clearTimeout(this.hideTimeout);
-        this.hide();
-    };
-    NotificationComponent.prototype.hide = function (customComponent) {
-        var _this = this;
-        var elementHeight = getComputedStyle(this.element.nativeElement).height;
-        if (this.animation && elementHeight) {
-            this.animate(this.animation, true);
-            this.animationEnd.subscribe(function () {
-                _this.emitClose(customComponent);
-            });
-            return;
-        }
-        this.emitClose(customComponent);
-    };
-    NotificationComponent.prototype.setHideTimeout = function () {
-        var _this = this;
-        var hideAfter = this.hideAfter || this.defaultHideAfter;
-        this.hideTimeout = window.setTimeout(function () { return _this.onCloseClick(); }, hideAfter);
-    };
-    NotificationComponent.prototype.emitClose = function (customComponent) {
-        if (customComponent) {
-            customComponent.destroy();
-        }
-        this.close.emit();
-    };
-    NotificationComponent.prototype.play = function (animation, animatedElement) {
-        var _this = this;
-        var factory = this.builder.build(animation);
-        var element = this.element.nativeElement;
-        this.renderer.addClass(element, 'k-notification-container-animating');
-        var player = factory.create(animatedElement);
-        player.onDone(function () {
-            _this.renderer.removeClass(element, 'k-notification-container-animating');
-            _this.animationEnd.emit();
-            if (player) {
-                player.destroy();
-                player = null;
-            }
-        });
-        player.play();
-    };
-    NotificationComponent.prototype.animate = function (animation, onclose) {
-        var element = this.element.nativeElement;
-        var duration = animation.duration;
-        var height = element.offsetHeight;
-        var generatedAnimation = animation.type === 'slide' ?
-            this.slideAnimation(height, duration, onclose) :
-            this.fadeAnimation(duration, onclose);
-        this.play(generatedAnimation, element);
-    };
-    NotificationComponent.prototype.slideAnimation = function (height, duration, onclose) {
-        return onclose ? slideCloseAnimation(height, duration) : slideAnimation(height, duration);
-    };
-    NotificationComponent.prototype.fadeAnimation = function (duration, onclose) {
-        return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
-    };
-    tslib_1.__decorate([
-        ViewChild('container', { read: ViewContainerRef, static: true }),
-        tslib_1.__metadata("design:type", ViewContainerRef)
-    ], NotificationComponent.prototype, "container", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], NotificationComponent.prototype, "templateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], NotificationComponent.prototype, "templateString", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], NotificationComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], NotificationComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], NotificationComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], NotificationComponent.prototype, "hideAfter", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], NotificationComponent.prototype, "closable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], NotificationComponent.prototype, "type", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], NotificationComponent.prototype, "animation", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], NotificationComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-notification-container'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], NotificationComponent.prototype, "containerClass", null);
-    NotificationComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-notification',
-            template: "\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,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.notification'
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [ChangeDetectorRef,
-            ElementRef,
-            Renderer2,
-            AnimationBuilder,
-            LocalizationService])
-    ], NotificationComponent);
-    return NotificationComponent;
-}());
-export { NotificationComponent };

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

@@ -1,154 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ElementRef, ComponentFactoryResolver, ViewContainerRef, Renderer2, ViewChild, TemplateRef } from '@angular/core';
-import { NotificationComponent } from './notification.component';
-/**
- * @hidden
- *
- */
-var NotificationContainerComponent = /** @class */ (function () {
-    function NotificationContainerComponent(element, renderer, resolver) {
-        this.element = element;
-        this.renderer = renderer;
-        this.resolver = resolver;
-        this.id = '';
-        this.notifications = [];
-    }
-    NotificationContainerComponent.prototype.ngOnDestroy = function () {
-        this.notifications.forEach(function (notification) {
-            if (notification.closeClickSubscription) {
-                notification.closeClickSubscription.unsubscribe();
-            }
-        });
-        this.notifications = [];
-    };
-    NotificationContainerComponent.prototype.addNotification = function (settings) {
-        this.position = settings.position;
-        this.id = this.position.horizontal + " " + this.position.vertical;
-        var factory = this.resolver.resolveComponentFactory(NotificationComponent);
-        var notificationRef = this.container.createComponent(factory);
-        this.applySettings(notificationRef, settings);
-        var customComponent = null;
-        if (typeof settings.content === 'function') {
-            var customFactory = this.resolver.resolveComponentFactory(settings.content);
-            customComponent = notificationRef.instance.container.createComponent(customFactory);
-        }
-        notificationRef.changeDetectorRef.detectChanges();
-        this.notifications.push(notificationRef.instance);
-        if (settings.appendTo) {
-            this.applyAbsolutePosition(settings.appendTo);
-        }
-        this.applyPosition();
-        this.applyContainerWrap();
-        return {
-            afterHide: notificationRef.instance.close,
-            hide: function () { return notificationRef.instance.hide(customComponent); },
-            notification: notificationRef,
-            content: customComponent || null
-        };
-    };
-    NotificationContainerComponent.prototype.hide = function (notificationRef) {
-        var instance = notificationRef.instance;
-        var index = this.notifications.indexOf(instance);
-        this.notifications.splice(index, 1);
-        if (instance.closeClickSubscription) {
-            instance.closeClickSubscription.unsubscribe();
-        }
-        instance.templateRef = null;
-        instance.templateString = null;
-        notificationRef.destroy();
-    };
-    NotificationContainerComponent.prototype.applyContainerWrap = function () {
-        var value = this.position.horizontal === 'right' ? 'wrap-reverse' : 'wrap';
-        this.renderer.setStyle(this.group.nativeElement, 'flex-wrap', value);
-    };
-    NotificationContainerComponent.prototype.applySettings = function (notificationRef, settings) {
-        var _this = this;
-        var notification = notificationRef.instance;
-        var content = settings.content;
-        var animation = settings.animation || null;
-        notification.closeClickSubscription = notification.close
-            .subscribe(function () { return _this.hide(notificationRef); });
-        if (typeof content === 'string') {
-            notification.templateString = content;
-        }
-        if (content instanceof TemplateRef) {
-            notification.templateRef = content;
-        }
-        notification.animation = animation;
-        var type = settings.type;
-        if (type && type.style === undefined) {
-            type.style = 'none';
-        }
-        if (type && type.icon === undefined) {
-            type.icon = true;
-        }
-        notification.type = type;
-        notification.closeTitle = settings.closeTitle;
-        if (settings.cssClass) {
-            notification.cssClass = settings.cssClass;
-        }
-        notification.closable = settings.closable;
-        notification.hideAfter = settings.hideAfter;
-        notification.width = settings.width;
-        notification.height = settings.height;
-    };
-    NotificationContainerComponent.prototype.applyAbsolutePosition = function (appendToContainer) {
-        var appendTo = appendToContainer.element.nativeElement;
-        var el = this.element.nativeElement.children[0];
-        if (window.getComputedStyle(appendTo).position === 'static') {
-            this.renderer.setStyle(appendTo, 'position', 'relative');
-        }
-        this.renderer.setStyle(el, 'position', 'absolute');
-    };
-    NotificationContainerComponent.prototype.applyPosition = function () {
-        var element = this.element.nativeElement.children[0];
-        var elementHalfWidth = element.getBoundingClientRect().width / 2;
-        var positionStyles = this.setContainerPosition(this.position, elementHalfWidth);
-        Object.keys(positionStyles).forEach(function (cssStyle) {
-            element.style[cssStyle] = positionStyles[cssStyle];
-        });
-    };
-    NotificationContainerComponent.prototype.setContainerPosition = function (position, offsetMargin) {
-        var positionLayout = {
-            horizontal: {
-                left: { left: 0, alignItems: 'flex-start' },
-                right: { right: 0, alignItems: 'flex-start' },
-                center: { left: '50%', marginLeft: -offsetMargin + "px", alignItems: 'center' }
-            },
-            vertical: {
-                top: { top: 0 },
-                bottom: { bottom: 0 }
-            }
-        };
-        var horizontal = positionLayout.horizontal[position.horizontal];
-        var vertical = positionLayout.vertical[position.vertical];
-        return Object.assign({}, horizontal, vertical);
-    };
-    tslib_1.__decorate([
-        ViewChild('container', { read: ViewContainerRef, static: true }),
-        tslib_1.__metadata("design:type", ViewContainerRef)
-    ], NotificationContainerComponent.prototype, "container", void 0);
-    tslib_1.__decorate([
-        ViewChild('group', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], NotificationContainerComponent.prototype, "group", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], NotificationContainerComponent.prototype, "id", void 0);
-    NotificationContainerComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-notification-container',
-            template: "\n    <div #group class=\"k-notification-group\">\n        <ng-container #container></ng-container>\n    </div>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ComponentFactoryResolver])
-    ], NotificationContainerComponent);
-    return NotificationContainerComponent;
-}());
-export { NotificationContainerComponent };

package/dist/es/package-metadata.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-angular-notification',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642587164,
-    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,135 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable, ComponentFactoryResolver, ApplicationRef, Injector, InjectionToken, ElementRef, Inject, Optional } from '@angular/core';
-import { NotificationContainerComponent } from '../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);
- * ```
- */
-export var NOTIFICATION_CONTAINER = new 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(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(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([
-        Injectable(),
-        tslib_1.__param(2, Inject(NOTIFICATION_CONTAINER)), tslib_1.__param(2, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ComponentFactoryResolver,
-            Injector,
-            ElementRef])
-    ], NotificationService);
-    return NotificationService;
-}());
-export { NotificationService };

package/dist/es/utils/animations.js

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * @hidden
- */
-export function slideAnimation(height, duration) {
-    return [
-        style({ overflow: 'hidden', height: 0 }),
-        animate(duration + "ms ease-in", style({ height: height + "px" }))
-    ];
-}
-/**
- * @hidden
- */
-export function slideCloseAnimation(height, duration) {
-    return [
-        style({ height: height + "px" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', height: 0 }))
-    ];
-}
-/**
- * @hidden
- */
-export function fadeAnimation(duration) {
-    return [
-        style({ opacity: 0 }),
-        animate(duration + "ms ease-in", style({ opacity: 1 }))
-    ];
-}
-/**
- * @hidden
- */
-export function fadeCloseAnimation(duration) {
-    return [
-        style({ opacity: 1 }),
-        animate(duration + "ms ease-in", style({ opacity: 0 }))
-    ];
-}

package/dist/es2015/index.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-export { NotificationContainerComponent } from './notification.container.component';

package/dist/es2015/index.js

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-export { NotificationContainerComponent } from './notification.container.component';

package/dist/es2015/index.metadata.json

@@ -1 +0,0 @@
-{"__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"}