@progress/kendo-angular-notification 17.0.0-develop.9 → 17.0.0

package/fesm2015/progress-kendo-angular-notification.mjs

@@ -1,774 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as i0 from '@angular/core';
-import { forwardRef, Directive, Input, EventEmitter, ViewContainerRef, Component, ViewChild, HostBinding, TemplateRef, InjectionToken, ApplicationRef, Injectable, Inject, Optional, NgModule } from '@angular/core';
-import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
-import { take } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
-import * as i1 from '@progress/kendo-angular-l10n';
-import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
-import { guid } from '@progress/kendo-angular-common';
-import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
-import * as i1$1 from '@angular/animations';
-import { style, animate } from '@angular/animations';
-
-class NotificationSettings {
-    constructor() {
-        /**
-         * Specifies the time in milliseconds after which the
-         * Notification will hide
-         * ([see example](slug:hiding_notifications#toc-defining-a-delay-before-hiding)).
-         * Defaults to `5000`.
-         */
-        this.hideAfter = 5000;
-        /**
-         * Defines the position of the Notification
-         * ([see example]({% slug positioning_notification %})).
-         *
-         * The possible values are:
-         * * `horizontal: 'left'|'center'|'right'`
-         * * `vertical: 'top'|'bottom'`
-         */
-        this.position = { horizontal: 'right', vertical: 'top' };
-        /**
-         * Specifies the animation settings of the Notification
-         * ([see example]({% slug animations_notification %})).
-         *
-         * The possible values are:
-         * * `duration`—Accepts a number in milliseconds. Defaults to `500ms`.
-         * * `type?: 'slide'| (Default) 'fade'`
-         */
-        this.animation = { type: 'fade', duration: 500 };
-        /**
-         * Specifies if the Notification will require a user action to hide.
-         * If the property is set to `true`, the Notification renders a **Close** button
-         * ([see example]({% slug hiding_notifications %}#toc-defining-a-closable-notification)).
-         *
-         * The possible values are:
-         * * (Default) `false`
-         * * `true`
-         */
-        this.closable = false;
-        /**
-         * Specifies the type of the Notification
-         * ([see example]({% slug types_notification %})).
-         *
-         * The possible values are:
-         * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
-         * * `icon: 'true'|'false'`
-         */
-        this.type = { style: 'none', icon: true };
-        /**
-         * The value of the Notification element `aria-label` attribute.
-         * @default 'Notification'
-         */
-        this.notificationLabel = 'Notification';
-    }
-}
-
-/**
- * @hidden
- */
-const packageMetadata = {
-    name: '@progress/kendo-angular-notification',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174769,
-    version: '17.0.0-develop.9',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};
-
-/**
- * @hidden
- */
-function slideAnimation(height, duration) {
-    return [
-        style({ overflow: 'hidden', height: 0 }),
-        animate(`${duration}ms ease-in`, style({ height: `${height}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function slideCloseAnimation(height, duration) {
-    return [
-        style({ height: `${height}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', height: 0 }))
-    ];
-}
-/**
- * @hidden
- */
-function fadeAnimation(duration) {
-    return [
-        style({ opacity: 0 }),
-        animate(`${duration}ms ease-in`, style({ opacity: 1 }))
-    ];
-}
-/**
- * @hidden
- */
-function fadeCloseAnimation(duration) {
-    return [
-        style({ opacity: 1 }),
-        animate(`${duration}ms ease-in`, style({ opacity: 0 }))
-    ];
-}
-
-/**
- * @hidden
- */
-class LocalizedMessagesDirective extends ComponentMessages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-}
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
-        {
-            provide: ComponentMessages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: ComponentMessages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: `[kendoNotificationLocalizedMessages]`,
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { closeTitle: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- *
- */
-class NotificationComponent {
-    constructor(cdr, element, renderer, builder, localizationService) {
-        this.cdr = cdr;
-        this.element = element;
-        this.renderer = renderer;
-        this.builder = builder;
-        this.localizationService = localizationService;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        this.contentId = `k-${guid()}`;
-        this.close = new EventEmitter();
-        this.width = null;
-        this.height = null;
-        this.notificationLabel = 'Notification';
-        this.defaultHideAfter = 5000;
-        this.animationEnd = new EventEmitter();
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    get closeButtonTitle() {
-        return this.closeTitle || this.localizationService.get('closeTitle');
-    }
-    notificationClasses() {
-        return `${this.type ? this.typeClass() : ''}
-            ${this.closable ? 'k-notification-closable' : ''}`;
-    }
-    ngOnInit() {
-        clearTimeout(this.hideTimeout);
-    }
-    ngOnDestroy() {
-        clearTimeout(this.hideTimeout);
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    }
-    ngAfterViewInit() {
-        if (!this.closable && !this.animation) {
-            this.setHideTimeout();
-        }
-        if (!this.closable && this.animation) {
-            this.animationEnd.pipe(take(1))
-                .subscribe(() => this.setHideTimeout());
-        }
-        if (this.animation) {
-            this.animate(this.animation);
-        }
-    }
-    typeClass() {
-        return {
-            'none': '',
-            'success': 'k-notification-success',
-            'warning': 'k-notification-warning',
-            'error': 'k-notification-error',
-            'info': 'k-notification-info'
-        }[this.type.style];
-    }
-    typeIconClass() {
-        return {
-            'none': '',
-            'success': 'check-outline',
-            'warning': 'exclamation-circle',
-            'error': 'x-outline',
-            'info': 'info-circle'
-        }[this.type.style];
-    }
-    typeSVGIcon() {
-        return {
-            'none': null,
-            'success': checkOutlineIcon,
-            'warning': exclamationCircleIcon,
-            'error': xOutlineIcon,
-            'info': infoCircleIcon
-        }[this.type.style];
-    }
-    onCloseClick() {
-        clearTimeout(this.hideTimeout);
-        this.hide();
-    }
-    hide(customComponent) {
-        const elementHeight = getComputedStyle(this.element.nativeElement).height;
-        if (this.animation && elementHeight) {
-            this.animate(this.animation, true);
-            this.animationEnd.subscribe(() => {
-                this.emitClose(customComponent);
-            });
-            return;
-        }
-        this.emitClose(customComponent);
-    }
-    setHideTimeout() {
-        const hideAfter = this.hideAfter || this.defaultHideAfter;
-        this.hideTimeout = window.setTimeout(() => this.onCloseClick(), hideAfter);
-    }
-    emitClose(customComponent) {
-        if (customComponent) {
-            customComponent.destroy();
-        }
-        this.close.emit();
-    }
-    play(animation, animatedElement) {
-        const factory = this.builder.build(animation);
-        const element = this.element.nativeElement;
-        this.renderer.addClass(element, 'k-notification-container-animating');
-        let player = factory.create(animatedElement);
-        player.onDone(() => {
-            this.renderer.removeClass(element, 'k-notification-container-animating');
-            this.animationEnd.emit();
-            if (player) {
-                player.destroy();
-                player = null;
-            }
-        });
-        player.play();
-    }
-    animate(animation, onclose) {
-        const element = this.element.nativeElement;
-        const duration = animation.duration;
-        const height = element.offsetHeight;
-        const generatedAnimation = animation.type === 'slide' ?
-            this.slideAnimation(height, duration, onclose) :
-            this.fadeAnimation(duration, onclose);
-        this.play(generatedAnimation, element);
-    }
-    slideAnimation(height, duration, onclose) {
-        return onclose ? slideCloseAnimation(height, duration) : slideAnimation(height, duration);
-    }
-    fadeAnimation(duration, onclose) {
-        return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
-    }
-}
-NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.AnimationBuilder }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.notification'
-        }
-    ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
-    <ng-container kendoNotificationLocalizedMessages
-        i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
-        closeTitle="Close"
-    >
-    </ng-container>
-    <div class="k-notification k-notification-base {{ notificationClasses() }}"
-        [ngClass]="cssClass"
-        [style.height.px]="height"
-        [style.width.px]="width"
-        role="alert"
-        aria-live="polite"
-        [attr.aria-describedby]="contentId"
-        [attr.aria-label]="notificationLabel">
-        <kendo-icon-wrapper
-            *ngIf="type && type.icon && type.style !== 'none'"
-            innerCssClass="k-notification-status"
-            [name]="typeIconClass()"
-            [svgIcon]="typeSVGIcon()"
-            >
-        </kendo-icon-wrapper>
-        <div [id]="contentId" class="k-notification-content">
-            <ng-template
-                [ngIf]="templateRef"
-                [ngTemplateOutlet]="templateRef">
-            </ng-template>
-            <ng-template
-                [ngIf]="templateString">
-                {{ templateString }}
-            </ng-template>
-            <ng-container #container></ng-container>
-        </div>
-
-        <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
-            <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-            </span>
-        </span>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-notification',
-                    template: `
-    <ng-container kendoNotificationLocalizedMessages
-        i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
-        closeTitle="Close"
-    >
-    </ng-container>
-    <div class="k-notification k-notification-base {{ notificationClasses() }}"
-        [ngClass]="cssClass"
-        [style.height.px]="height"
-        [style.width.px]="width"
-        role="alert"
-        aria-live="polite"
-        [attr.aria-describedby]="contentId"
-        [attr.aria-label]="notificationLabel">
-        <kendo-icon-wrapper
-            *ngIf="type && type.icon && type.style !== 'none'"
-            innerCssClass="k-notification-status"
-            [name]="typeIconClass()"
-            [svgIcon]="typeSVGIcon()"
-            >
-        </kendo-icon-wrapper>
-        <div [id]="contentId" class="k-notification-content">
-            <ng-template
-                [ngIf]="templateRef"
-                [ngTemplateOutlet]="templateRef">
-            </ng-template>
-            <ng-template
-                [ngIf]="templateString">
-                {{ templateString }}
-            </ng-template>
-            <ng-container #container></ng-container>
-        </div>
-
-        <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
-            <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
-                <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-            </span>
-        </span>
-    </div>
-  `,
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.notification'
-                        }
-                    ],
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, NgClass, NgIf, IconWrapperComponent, NgTemplateOutlet]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.AnimationBuilder }, { type: i1.LocalizationService }]; }, propDecorators: { container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], templateRef: [{
-                type: Input
-            }], templateString: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], notificationLabel: [{
-                type: Input
-            }], cssClass: [{
-                type: Input
-            }], hideAfter: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], animation: [{
-                type: Input
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }] } });
-
-/**
- * @hidden
- */
-class NotificationContainerComponent {
-    constructor(element, renderer, resolver, ngZone) {
-        this.element = element;
-        this.renderer = renderer;
-        this.resolver = resolver;
-        this.ngZone = ngZone;
-        this.id = '';
-        this.notifications = [];
-        /**/
-    }
-    ngOnDestroy() {
-        this.notifications.forEach((notification) => {
-            if (notification.closeClickSubscription) {
-                notification.closeClickSubscription.unsubscribe();
-            }
-        });
-        this.notifications = [];
-    }
-    addNotification(settings) {
-        this.position = settings.position;
-        this.id = `${this.position.horizontal} ${this.position.vertical}`;
-        const factory = this.resolver.resolveComponentFactory(NotificationComponent);
-        const notificationRef = this.container.createComponent(factory);
-        this.applySettings(notificationRef, settings);
-        let customComponent = null;
-        if (typeof settings.content === 'function') {
-            const 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: () => notificationRef.instance.hide(customComponent),
-            notification: notificationRef,
-            content: customComponent || null,
-        };
-    }
-    hide(notificationRef) {
-        const instance = notificationRef.instance;
-        const index = this.notifications.indexOf(instance);
-        this.notifications.splice(index, 1);
-        if (instance.closeClickSubscription) {
-            instance.closeClickSubscription.unsubscribe();
-        }
-        instance.templateRef = null;
-        instance.templateString = null;
-        notificationRef.destroy();
-        if (this.notifications.length > 0) {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                this.applyPosition();
-            });
-        }
-    }
-    applyContainerWrap() {
-        const value = this.position.horizontal === 'right' ? 'wrap-reverse' : 'wrap';
-        this.renderer.setStyle(this.group.nativeElement, 'flex-wrap', value);
-    }
-    applySettings(notificationRef, settings) {
-        const notification = notificationRef.instance;
-        const content = settings.content;
-        const animation = settings.animation || null;
-        notification.closeClickSubscription = notification.close.subscribe(() => this.hide(notificationRef));
-        if (typeof content === 'string') {
-            notification.templateString = content;
-        }
-        if (content instanceof TemplateRef) {
-            notification.templateRef = content;
-        }
-        notification.animation = animation;
-        const 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;
-    }
-    applyAbsolutePosition(appendToContainer) {
-        const appendTo = appendToContainer.element.nativeElement;
-        const el = this.element.nativeElement.children[0];
-        if (window.getComputedStyle(appendTo).position === 'static') {
-            this.renderer.setStyle(appendTo, 'position', 'relative');
-        }
-        this.renderer.setStyle(el, 'position', 'absolute');
-    }
-    applyPosition() {
-        const element = this.element.nativeElement.children[0];
-        const elementHalfWidth = element.getBoundingClientRect().width / 2;
-        const positionStyles = this.setContainerPosition(this.position, elementHalfWidth);
-        Object.keys(positionStyles).forEach((cssStyle) => {
-            element.style[cssStyle] = positionStyles[cssStyle];
-        });
-    }
-    setContainerPosition(position, offsetMargin) {
-        const 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 },
-            },
-        };
-        const horizontal = positionLayout.horizontal[position.horizontal];
-        const vertical = positionLayout.vertical[position.vertical];
-        return Object.assign({}, horizontal, vertical);
-    }
-}
-NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, isStandalone: true, selector: "kendo-notification-container", inputs: { id: "id" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "group", first: true, predicate: ["group"], descendants: true, static: true }], ngImport: i0, template: `
-        <div #group class="k-notification-group">
-            <ng-container #container></ng-container>
-        </div>
-    `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-notification-container',
-                    template: `
-        <div #group class="k-notification-group">
-            <ng-container #container></ng-container>
-        </div>
-    `,
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }]; }, propDecorators: { container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }], group: [{
-                type: ViewChild,
-                args: ['group', { static: true }]
-            }], id: [{
-                type: Input
-            }] } });
-
-/**
- * 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);
- * ```
- */
-const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container');
-/**
- * A service for opening Notification components dynamically
- * ([see example]({% slug overview_notification %})).
- *
- * @export
- * @class NotificationService
- */
-class NotificationService {
-    /**
-     * @hidden
-     */
-    constructor(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.
-     */
-    show(settings) {
-        if (!settings) {
-            throw new Error('NotificationSettings settings are required');
-        }
-        const target = this.findGroupContainer(settings);
-        const position = settings.position || this.position;
-        const currentId = `${position.horizontal} ${position.vertical}`;
-        let container;
-        let notificationRef;
-        let notificationContainer = this.notificationContainers.find(c => 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);
-            const hostViewElement = container.location.nativeElement;
-            const groupContainer = this.findGroupContainer(settings);
-            if (!groupContainer) {
-                throw new Error(`
-                    View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via
-                    the appendTo option. See https://www.telerik.com/kendo-angular-ui/components/notification/api/NOTIFICATION_CONTAINER/
-                    for more details.
-                `);
-            }
-            groupContainer.nativeElement.appendChild(hostViewElement);
-            this.notificationContainers.push(notificationContainer);
-        }
-        settings.position = position;
-        // eslint-disable-next-line prefer-const
-        notificationRef = notificationContainer.addNotification(settings);
-        return notificationRef;
-    }
-    get appRef() {
-        if (!this.applicationRef) {
-            this.applicationRef = this.injector.get(ApplicationRef);
-        }
-        return this.applicationRef;
-    }
-    findGroupContainer(settings) {
-        let container;
-        if (settings.appendTo) {
-            container = settings.appendTo.element;
-        }
-        else if (this.container) {
-            container = this.container;
-        }
-        else {
-            const appRoot = this.appRef.components && this.appRef.components[0];
-            container = appRoot ? appRoot.location : null;
-        }
-        return container;
-    }
-}
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
-                        type: Inject,
-                        args: [NOTIFICATION_CONTAINER]
-                    }, {
-                        type: Optional
-                    }] }];
-    } });
-
-/**
- * Utility array that contains all `@progress/kendo-angular-notification` related components and directives
- */
-const KENDO_NOTIFICATION = [
-    NotificationComponent,
-    NotificationContainerComponent
-];
-
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Notification component.
- *
- * The package exports:
- * - `NotificationService`&mdash;The Notification service class.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Notification module
- * import { NotificationModule } from '@progress/kendo-angular-notification';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * _@NgModule{{
- *    declarations: [AppComponent], // declare app component
- *    imports:      [BrowserModule, NotificationModule], // import NotificationModule module
- *    bootstrap:    [AppComponent]
- * }}
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- * ```
- */
-class NotificationModule {
-}
-NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [KENDO_NOTIFICATION] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_NOTIFICATION],
-                    exports: [...KENDO_NOTIFICATION],
-                    providers: [NotificationService, IconsService]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { KENDO_NOTIFICATION, NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
-