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

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -10,19 +10,24 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends ComponentMessages {
+    service;
+    /**
+     * The title of the close button.
+     */
+    closeTitle;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+            {
+                provide: ComponentMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/models/notification-settings.mjs

@@ -0,0 +1,87 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export class NotificationSettings {
+    /**
+     * Defines the content of the Notification.
+     */
+    content;
+    /**
+     * 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`.
+     */
+    hideAfter = 5000;
+    /**
+     * Defines the position of the Notification
+     * ([see example]({% slug positioning_notification %})).
+     *
+     * The possible values are:
+     * * `horizontal: 'left'|'center'|'right'`
+     * * `vertical: 'top'|'bottom'`
+     */
+    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'`
+     */
+    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`
+     */
+    closable = false;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle;
+    /**
+     * 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'`
+     */
+    type = { style: 'none', icon: true };
+    /**
+     * Specifies the width of the Notification.
+     */
+    width;
+    /**
+     * Specifies the height of the Notification.
+     */
+    height;
+    /**
+     * The value of the Notification element `aria-label` attribute.
+     * @default 'Notification'
+     */
+    notificationLabel = 'Notification';
+    /**
+     * Specifies a list of CSS classes that will be added to the Notification.
+     * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
+     * ([see example](slug:overview_notification)).
+     *
+     * > To style the content of the Notification, use the `cssClass` property binding.
+     */
+    cssClass;
+    /**
+     * Defines the container to which the Notification will be appended
+     * ([see example]({% slug dynamic_containers %})).
+     *
+     * If not provided, the Notification will be placed in the root component
+     * of the application or in the `body` element of the document.
+     */
+    appendTo;
+}

package/{esm2020 → esm2022}/notification.component.mjs

@@ -22,33 +22,54 @@ import * as i2 from "@progress/kendo-angular-l10n";
  *
  */
 export class NotificationComponent {
+    cdr;
+    element;
+    renderer;
+    builder;
+    localizationService;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    contentId = `k-${guid()}`;
+    container;
+    closeClickSubscription;
+    close = new EventEmitter();
+    templateRef;
+    templateString;
+    width = null;
+    height = null;
+    notificationLabel = 'Notification';
+    cssClass;
+    hideAfter;
+    closable;
+    type;
+    animation;
+    closeTitle;
+    /**
+     * @hidden
+     */
+    direction;
+    get closeButtonTitle() {
+        return this.closeTitle || this.localizationService.get('closeTitle');
+    }
+    defaultHideAfter = 5000;
+    hideTimeout;
+    animationEnd = new EventEmitter();
+    dynamicRTLSubscription;
+    rtl = false;
     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' : ''}`;
@@ -156,15 +177,14 @@ export class NotificationComponent {
     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.AnimationBuilder }, { token: i2.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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"
@@ -204,7 +224,8 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification',

package/{esm2020 → esm2022}/notification.container.component.mjs

@@ -10,13 +10,20 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class NotificationContainerComponent {
+    element;
+    renderer;
+    resolver;
+    ngZone;
+    container;
+    group;
+    id = '';
+    notifications = [];
+    position;
     constructor(element, renderer, resolver, ngZone) {
         this.element = element;
         this.renderer = renderer;
         this.resolver = resolver;
         this.ngZone = ngZone;
-        this.id = '';
-        this.notifications = [];
         /**/
     }
     ngOnDestroy() {
@@ -136,14 +143,14 @@ export class NotificationContainerComponent {
         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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-notification-container',

package/{esm2020 → esm2022}/notification.module.mjs

@@ -41,11 +41,11 @@ import * as i2 from "./notification.container.component";
  * ```
  */
 export class NotificationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, imports: [i1.NotificationComponent, i2.NotificationContainerComponent], exports: [i1.NotificationComponent, i2.NotificationContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [i1.NotificationComponent] });
 }
-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: [i1.NotificationComponent, i2.NotificationContainerComponent], exports: [i1.NotificationComponent, i2.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_NOTIFICATION],

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-notification',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174769,
-    version: '17.0.0-develop.9',
+    publishDate: 1731414215,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/services/notification.service.mjs

@@ -53,6 +53,12 @@ export const NOTIFICATION_CONTAINER = new InjectionToken('Notification Container
  * @class NotificationService
  */
 export class NotificationService {
+    resolver;
+    injector;
+    container;
+    notificationContainers = [];
+    position = { horizontal: 'right', vertical: 'top' };
+    applicationRef;
     /**
      * @hidden
      */
@@ -60,8 +66,6 @@ export class NotificationService {
         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
@@ -124,10 +128,10 @@ export class NotificationService {
         }
         return container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'