@progress/kendo-angular-notification 24.2.2 → 25.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -132,8 +132,8 @@ const packageMetadata = {
132
132
  productName: 'Kendo UI for Angular',
133
133
  productCode: 'KENDOUIANGULAR',
134
134
  productCodes: ['KENDOUIANGULAR'],
135
- publishDate: 1783511687,
136
- version: '24.2.2',
135
+ publishDate: 1783680012,
136
+ version: '25.0.0-develop.1',
137
137
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
138
138
  };
139
139
 
@@ -187,15 +187,15 @@ class LocalizedMessagesDirective extends ComponentMessages {
187
187
  super();
188
188
  this.service = service;
189
189
  }
190
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
191
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
190
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
191
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
192
192
  {
193
193
  provide: ComponentMessages,
194
194
  useExisting: forwardRef(() => LocalizedMessagesDirective)
195
195
  }
196
196
  ], usesInheritance: true, ngImport: i0 });
197
197
  }
198
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
198
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
199
199
  type: Directive,
200
200
  args: [{
201
201
  providers: [
@@ -387,8 +387,8 @@ class NotificationComponent {
387
387
  fadeAnimation(duration, onclose) {
388
388
  return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
389
389
  }
390
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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 });
391
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", notificationRole: "notificationRole", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
390
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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 });
391
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NotificationComponent, isStandalone: true, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", notificationRole: "notificationRole", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
392
392
  LocalizationService,
393
393
  {
394
394
  provide: L10N_PREFIX,
@@ -439,7 +439,7 @@ class NotificationComponent {
439
439
  </div>
440
440
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
441
441
  }
442
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationComponent, decorators: [{
442
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationComponent, decorators: [{
443
443
  type: Component,
444
444
  args: [{
445
445
  selector: 'kendo-notification',
@@ -666,14 +666,14 @@ class NotificationContainerComponent {
666
666
  const vertical = positionLayout.vertical[position.vertical];
667
667
  return Object.assign({}, horizontal, vertical);
668
668
  }
669
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
670
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: `
669
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
670
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: `
671
671
  <div #group class="k-notification-group">
672
672
  <ng-container #container></ng-container>
673
673
  </div>
674
674
  `, isInline: true });
675
675
  }
676
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
676
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationContainerComponent, decorators: [{
677
677
  type: Component,
678
678
  args: [{
679
679
  selector: 'kendo-notification-container',
@@ -809,10 +809,10 @@ class NotificationService {
809
809
  }
810
810
  return container;
811
811
  }
812
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, deps: [{ token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
813
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, providedIn: 'root' });
812
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, deps: [{ token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
813
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, providedIn: 'root' });
814
814
  }
815
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationService, decorators: [{
815
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationService, decorators: [{
816
816
  type: Injectable,
817
817
  args: [{
818
818
  providedIn: 'root'
@@ -886,11 +886,11 @@ const KENDO_NOTIFICATION = [
886
886
  * ```
887
887
  */
888
888
  class NotificationModule {
889
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
890
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
891
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
889
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
890
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, imports: [NotificationComponent, NotificationContainerComponent], exports: [NotificationComponent, NotificationContainerComponent] });
891
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, providers: [NotificationService, IconsService], imports: [NotificationComponent] });
892
892
  }
893
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotificationModule, decorators: [{
893
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NotificationModule, decorators: [{
894
894
  type: NgModule,
895
895
  args: [{
896
896
  imports: [...KENDO_NOTIFICATION],
package/index.d.ts CHANGED
@@ -2,13 +2,413 @@
2
2
  * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- export { Position } from './models/position';
6
- export { Animation } from './models/animation';
7
- export { NotificationRef } from './models/notification-ref';
8
- export { Type } from './models/type';
9
- export { NotificationSettings } from './models/notification-settings';
10
- export { NotificationComponent } from './notification.component';
11
- export { NotificationService, NOTIFICATION_CONTAINER } from './services/notification.service';
12
- export { NotificationModule } from './notification.module';
13
- export { NotificationContainerComponent } from './notification.container.component';
14
- export * from './directives';
5
+ import * as i0 from '@angular/core';
6
+ import { ComponentRef, TemplateRef, ViewContainerRef, OnInit, OnDestroy, ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, InjectionToken, Injector, NgZone } from '@angular/core';
7
+ import { Observable, Subscription } from 'rxjs';
8
+ import { AnimationBuilder } from '@angular/animations';
9
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
10
+ import { SVGIcon } from '@progress/kendo-svg-icons';
11
+
12
+ /**
13
+ * Specifies the position of the Notification in relation to the attached container
14
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
15
+ *
16
+ * The available options are:
17
+ * * `{ horizontal: 'left'|'center'|'right', vertical: 'top'|'bottom' }`
18
+ */
19
+ type Position = {
20
+ horizontal: 'left' | 'center' | 'right';
21
+ vertical: 'top' | 'bottom';
22
+ };
23
+
24
+ /**
25
+ * Specifies the animation settings of the Notification
26
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
27
+ *
28
+ * The possible values are:
29
+ * * `duration`&mdash;Accepts a number in milliseconds (default: 500ms).
30
+ * * `type?: 'slide'|'fade' (default)`
31
+ */
32
+ type Animation = {
33
+ duration: number;
34
+ type?: 'slide' | 'fade';
35
+ };
36
+
37
+ /**
38
+ * Holds references to the object instance of the Notification.
39
+ * Controls the Notifications which you open through `NotificationService`.
40
+ * For an example on sample usage, refer to the
41
+ * [`NotificationService.show`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice#show) method.
42
+ */
43
+ interface NotificationRef {
44
+ /**
45
+ * Notifies when the Notification instance is hidden and the hiding animation ends.
46
+ */
47
+ afterHide?: Observable<any>;
48
+ /**
49
+ * A reference to the Notification instance.
50
+ */
51
+ notification?: ComponentRef<NotificationComponent>;
52
+ /**
53
+ * A reference to the child component of the Notification.
54
+ * Available when you show the Notification with
55
+ * [`content`](https://www.telerik.com/kendo-angular-ui/components/notification/content#rendering-a-component).
56
+ */
57
+ content?: ComponentRef<any>;
58
+ /**
59
+ * Hides and destroys the Notification.
60
+ */
61
+ hide: Function;
62
+ }
63
+
64
+ /**
65
+ * Specifies the Notification type
66
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
67
+ */
68
+ type Type = {
69
+ /**
70
+ * Specifies the styling of the Notification.
71
+ *
72
+ * The possible values are:
73
+ * * `none` (Default)&mdash;Applies no predefined styling.
74
+ * * `base`&mdash;Applies base styling.
75
+ * * `primary`&mdash;Applies primary styling.
76
+ * * `secondary`&mdash;Applies secondary styling.
77
+ * * `tertiary`&mdash;Applies tertiary styling.
78
+ * * `info`&mdash;Applies info styling.
79
+ * * `success`&mdash;Applies success styling.
80
+ * * `warning`&mdash;Applies warning styling.
81
+ * * `error`&mdash;Applies error styling.
82
+ * * `inverse`&mdash;Applies inverse styling.
83
+ */
84
+ style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
85
+ /**
86
+ * Specifies whether to render an icon next to the Notification content. Defaults to `false`.
87
+ */
88
+ icon?: boolean;
89
+ };
90
+
91
+ /**
92
+ * Defines the settings for displaying a Notification.
93
+ */
94
+ declare class NotificationSettings {
95
+ /**
96
+ * Defines the content of the Notification.
97
+ */
98
+ content: string | TemplateRef<any> | Function;
99
+ /**
100
+ * Specifies the time in milliseconds after which the
101
+ * Notification will hide
102
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-delay-before-hiding)).
103
+ *
104
+ * @default 5000
105
+ */
106
+ hideAfter?: number;
107
+ /**
108
+ * Defines the position of the Notification
109
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
110
+ *
111
+ * The possible values are:
112
+ * * `horizontal: 'left'|'center'|'right'`
113
+ * * `vertical: 'top'|'bottom'`
114
+ *
115
+ * @default { horizontal: 'right', vertical: 'top' }
116
+ */
117
+ position?: Position;
118
+ /**
119
+ * Specifies the animation settings of the Notification
120
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
121
+ *
122
+ * The possible values are:
123
+ * * `duration`&mdash;Accepts a number in milliseconds. Defaults to `500ms`.
124
+ * * `type?: 'slide'| (Default) 'fade'`
125
+ *
126
+ * @default { type: 'fade', duration: 500 }
127
+ */
128
+ animation?: Animation;
129
+ /**
130
+ * Specifies if the Notification will require a user action to hide.
131
+ * If you set the property to `true`, the Notification renders a **Close** button
132
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-closable-notification)).
133
+ *
134
+ * The possible values are:
135
+ * * (Default) `false`
136
+ * * `true`
137
+ *
138
+ * @default false
139
+ */
140
+ closable?: boolean;
141
+ /**
142
+ * Specifies the title of the close button.
143
+ */
144
+ closeTitle?: string;
145
+ /**
146
+ * Specifies the type of the Notification
147
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
148
+ *
149
+ * The possible values are:
150
+ * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
151
+ * * `icon: 'true'|'false'`
152
+ *
153
+ * @default { style: 'none', icon: true }
154
+ */
155
+ type?: Type;
156
+ /**
157
+ * Specifies the width of the Notification.
158
+ */
159
+ width?: number;
160
+ /**
161
+ * Specifies the height of the Notification.
162
+ */
163
+ height?: number;
164
+ /**
165
+ * The value of the Notification element `aria-label` attribute.
166
+ *
167
+ * @default 'Notification'
168
+ *
169
+ * @remarks
170
+ * This property is related to accessibility.
171
+ */
172
+ notificationLabel?: string;
173
+ /**
174
+ * The value of the Notification element `role` attribute.
175
+ *
176
+ * @default 'status'
177
+ *
178
+ * @remarks
179
+ * This property is related to accessibility.
180
+ */
181
+ notificationRole?: string;
182
+ /**
183
+ * Specifies a list of CSS classes that you add to the Notification.
184
+ * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
185
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
186
+ *
187
+ * > To style the content of the Notification, use the `cssClass` property binding.
188
+ */
189
+ cssClass?: string | Array<string> | object;
190
+ /**
191
+ * Defines the container to which the Notification will be appended
192
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/dynamic-containers)).
193
+ *
194
+ * If not provided, the Notification will be placed in the root component
195
+ * of the application or in the `body` element of the document.
196
+ */
197
+ appendTo?: ViewContainerRef;
198
+ }
199
+
200
+ /**
201
+ * @hidden
202
+ *
203
+ */
204
+ declare class NotificationComponent implements OnInit, OnDestroy {
205
+ cdr: ChangeDetectorRef;
206
+ private element;
207
+ private renderer;
208
+ private builder;
209
+ private localizationService;
210
+ /**
211
+ * @hidden
212
+ */
213
+ xIcon: SVGIcon;
214
+ contentId: string;
215
+ container: ViewContainerRef;
216
+ closeClickSubscription: Subscription;
217
+ close: EventEmitter<any>;
218
+ templateRef?: TemplateRef<any>;
219
+ templateString?: string;
220
+ width?: number;
221
+ height?: number;
222
+ notificationLabel: string;
223
+ notificationRole: string;
224
+ cssClass?: string | Array<string> | object;
225
+ hideAfter?: number;
226
+ closable?: boolean;
227
+ type?: Type;
228
+ animation?: Animation;
229
+ closeTitle: string;
230
+ /**
231
+ * @hidden
232
+ */
233
+ direction: string;
234
+ get closeButtonTitle(): string;
235
+ private defaultHideAfter;
236
+ private hideTimeout;
237
+ private animationEnd;
238
+ private dynamicRTLSubscription;
239
+ private rtl;
240
+ constructor(cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, builder: AnimationBuilder, localizationService: LocalizationService);
241
+ notificationClasses(): string;
242
+ ngOnInit(): void;
243
+ ngOnDestroy(): void;
244
+ ngAfterViewInit(): void;
245
+ typeClass(): string;
246
+ typeIconClass(): string;
247
+ typeSVGIcon(): SVGIcon;
248
+ onCloseClick(): void;
249
+ hide(customComponent?: ComponentRef<any>): void;
250
+ private setHideTimeout;
251
+ private emitClose;
252
+ private play;
253
+ private animate;
254
+ private slideAnimation;
255
+ private fadeAnimation;
256
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
257
+ static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": { "alias": "templateRef"; "required": false; }; "templateString": { "alias": "templateString"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "notificationLabel": { "alias": "notificationLabel"; "required": false; }; "notificationRole": { "alias": "notificationRole"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "hideAfter": { "alias": "hideAfter"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
258
+ }
259
+
260
+ /**
261
+ * Injects the Notification container. When not provided, uses the first root component of
262
+ * the application.
263
+ *
264
+ * > Use `NOTIFICATION_CONTAINER` only with the [`NotificationService`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice) class.
265
+ *
266
+ * @example
267
+ *
268
+ * ```ts
269
+ * import { NgModule, ElementRef } from '@angular/core';
270
+ * import { BrowserModule } from '@angular/platform-browser';
271
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
272
+ *
273
+ * import { NotificationModule, NOTIFICATION_CONTAINER } from '@progress/kendo-angular-notification';
274
+ * import { AppComponent } from './app.component';
275
+ *
276
+ * @NgModule({
277
+ * declarations: [AppComponent],
278
+ * imports: [BrowserModule, NotificationModule],
279
+ * bootstrap: [AppComponent],
280
+ * providers: [
281
+ * {
282
+ * provide: NOTIFICATION_CONTAINER,
283
+ * useFactory: () => ({ nativeElement: document.body } as ElementRef)
284
+ * }
285
+ * ]
286
+ * })
287
+ * export class AppModule {}
288
+ *
289
+ * platformBrowserDynamic().bootstrapModule(AppModule);
290
+ * ```
291
+ */
292
+ declare const NOTIFICATION_CONTAINER: InjectionToken<ElementRef<any>>;
293
+ /**
294
+ * A service for opening Notification components dynamically
295
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
296
+ *
297
+ * @export
298
+ * @class NotificationService
299
+ */
300
+ declare class NotificationService {
301
+ private injector;
302
+ private container;
303
+ private notificationContainers;
304
+ private position;
305
+ private applicationRef;
306
+ /**
307
+ * @hidden
308
+ */
309
+ constructor(injector: Injector, container: ElementRef);
310
+ /**
311
+ * Opens a Notification component. Created Notifications are mounted
312
+ * in the DOM directly in the root application component.
313
+ *
314
+ * @param {NotificationSettings} settings - The settings which define the Notification.
315
+ *
316
+ * @returns {NotificationRef} - A reference to the Notification object and the convenience properties.
317
+ */
318
+ show(settings: NotificationSettings): NotificationRef;
319
+ private get appRef();
320
+ private findGroupContainer;
321
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, { optional: true; }]>;
322
+ static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
323
+ }
324
+
325
+ /**
326
+ * @hidden
327
+ */
328
+ declare class NotificationContainerComponent implements OnDestroy {
329
+ element: ElementRef;
330
+ renderer: Renderer2;
331
+ private ngZone;
332
+ container: ViewContainerRef;
333
+ group: ElementRef;
334
+ id: string;
335
+ notifications: NotificationComponent[];
336
+ private position;
337
+ constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
338
+ ngOnDestroy(): void;
339
+ addNotification(settings: NotificationSettings): NotificationRef;
340
+ hide(notificationRef: ComponentRef<NotificationComponent>): void;
341
+ private applyContainerWrap;
342
+ private applySettings;
343
+ private applyAbsolutePosition;
344
+ private applyPosition;
345
+ private setContainerPosition;
346
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
347
+ static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
348
+ }
349
+
350
+ /**
351
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
352
+ * definition for the Notification component.
353
+ *
354
+ * The package exports:
355
+ * - `NotificationService`&mdash;The Notification service class.
356
+ *
357
+ * @example
358
+ *
359
+ * ```ts-no-run
360
+ * // Import the Notification module
361
+ * import { NotificationModule } from '@progress/kendo-angular-notification';
362
+ *
363
+ * // The browser platform with a compiler
364
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
365
+ *
366
+ * import { NgModule } from '@angular/core';
367
+ *
368
+ * // Import the app component
369
+ * _@NgModule({
370
+ * declarations: [AppComponent], // declare app component
371
+ * imports: [BrowserModule, NotificationModule], // import NotificationModule module
372
+ * bootstrap: [AppComponent]
373
+ * })
374
+ * export class AppModule {}
375
+ *
376
+ * // Compile and launch the module
377
+ * platformBrowserDynamic().bootstrapModule(AppModule);
378
+ * ```
379
+ */
380
+ declare class NotificationModule {
381
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
382
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, never, [typeof NotificationComponent, typeof NotificationContainerComponent], [typeof NotificationComponent, typeof NotificationContainerComponent]>;
383
+ static ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
384
+ }
385
+
386
+ /**
387
+ * Use this utility array to access all `@progress/kendo-angular-notification`-related components and directives in a standalone Angular component.
388
+ *
389
+ * @example
390
+ * ```typescript
391
+ * import { Component } from '@angular/core';
392
+ * import { KENDO_NOTIFICATION } from '@progress/kendo-angular-notification';
393
+ *
394
+ * @Component({
395
+ * selector: 'my-app',
396
+ * standalone: true,
397
+ * imports: [KENDO_NOTIFICATION, KENDO_BUTTON],
398
+ * template: `<button kendoButton (click)="show()">Save data</button>`
399
+ * })
400
+ * export class AppComponent {
401
+ * constructor(private notificationService: NotificationService) {}
402
+ *
403
+ * public show(): void {
404
+ * this.notificationService.show({
405
+ * content: 'Data saved successfully',
406
+ * });
407
+ * }
408
+ * }
409
+ * ```
410
+ */
411
+ declare const KENDO_NOTIFICATION: readonly [typeof NotificationComponent, typeof NotificationContainerComponent];
412
+
413
+ export { KENDO_NOTIFICATION, NOTIFICATION_CONTAINER, NotificationComponent, NotificationContainerComponent, NotificationModule, NotificationService, NotificationSettings };
414
+ export type { Animation, NotificationRef, Position, Type };
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783511687,
11
- "version": "24.2.2",
10
+ "publishDate": 1783680012,
11
+ "version": "25.0.0-develop.1",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-notification",
3
- "version": "24.2.2",
3
+ "version": "25.0.0-develop.1",
4
4
  "description": "Kendo UI Notification for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -17,24 +17,24 @@
17
17
  "package": {
18
18
  "productName": "Kendo UI for Angular",
19
19
  "productCode": "KENDOUIANGULAR",
20
- "publishDate": 1783511687,
20
+ "publishDate": 1783680012,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
24
24
  "peerDependencies": {
25
- "@angular/animations": "19 - 22",
26
- "@angular/common": "19 - 22",
27
- "@angular/core": "19 - 22",
28
- "@angular/platform-browser": "19 - 22",
25
+ "@angular/animations": "20 - 22",
26
+ "@angular/common": "20 - 22",
27
+ "@angular/core": "20 - 22",
28
+ "@angular/platform-browser": "20 - 22",
29
29
  "@progress/kendo-licensing": "^1.11.0",
30
- "@progress/kendo-angular-common": "24.2.2",
31
- "@progress/kendo-angular-l10n": "24.2.2",
32
- "@progress/kendo-angular-icons": "24.2.2",
30
+ "@progress/kendo-angular-common": "25.0.0-develop.1",
31
+ "@progress/kendo-angular-l10n": "25.0.0-develop.1",
32
+ "@progress/kendo-angular-icons": "25.0.0-develop.1",
33
33
  "rxjs": "^6.5.3 || ^7.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "tslib": "^2.3.1",
37
- "@progress/kendo-angular-schematics": "24.2.2"
37
+ "@progress/kendo-angular-schematics": "25.0.0-develop.1"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",
40
40
  "module": "fesm2022/progress-kendo-angular-notification.mjs",
package/directives.d.ts DELETED
@@ -1,32 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NotificationComponent } from "./notification.component";
6
- import { NotificationContainerComponent } from "./notification.container.component";
7
- /**
8
- * Use this utility array to access all `@progress/kendo-angular-notification`-related components and directives in a standalone Angular component.
9
- *
10
- * @example
11
- * ```typescript
12
- * import { Component } from '@angular/core';
13
- * import { KENDO_NOTIFICATION } from '@progress/kendo-angular-notification';
14
- *
15
- * @Component({
16
- * selector: 'my-app',
17
- * standalone: true,
18
- * imports: [KENDO_NOTIFICATION, KENDO_BUTTON],
19
- * template: `<button kendoButton (click)="show()">Save data</button>`
20
- * })
21
- * export class AppComponent {
22
- * constructor(private notificationService: NotificationService) {}
23
- *
24
- * public show(): void {
25
- * this.notificationService.show({
26
- * content: 'Data saved successfully',
27
- * });
28
- * }
29
- * }
30
- * ```
31
- */
32
- export declare const KENDO_NOTIFICATION: readonly [typeof NotificationComponent, typeof NotificationContainerComponent];
@@ -1,19 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class LocalizedMessagesDirective extends ComponentMessages {
11
- protected service: LocalizationService;
12
- /**
13
- * The title of the close button.
14
- */
15
- closeTitle: string;
16
- constructor(service: LocalizationService);
17
- static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
18
- static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoNotificationLocalizedMessages]", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; }, {}, never, never, true, never>;
19
- }
@@ -1,16 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Specifies the animation settings of the Notification
7
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
8
- *
9
- * The possible values are:
10
- * * `duration`&mdash;Accepts a number in milliseconds (default: 500ms).
11
- * * `type?: 'slide'|'fade' (default)`
12
- */
13
- export type Animation = {
14
- duration: number;
15
- type?: 'slide' | 'fade';
16
- };
@@ -1,33 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ComponentRef } from '@angular/core';
6
- import { NotificationComponent } from '../index';
7
- import { Observable } from 'rxjs';
8
- /**
9
- * Holds references to the object instance of the Notification.
10
- * Controls the Notifications which you open through `NotificationService`.
11
- * For an example on sample usage, refer to the
12
- * [`NotificationService.show`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice#show) method.
13
- */
14
- export interface NotificationRef {
15
- /**
16
- * Notifies when the Notification instance is hidden and the hiding animation ends.
17
- */
18
- afterHide?: Observable<any>;
19
- /**
20
- * A reference to the Notification instance.
21
- */
22
- notification?: ComponentRef<NotificationComponent>;
23
- /**
24
- * A reference to the child component of the Notification.
25
- * Available when you show the Notification with
26
- * [`content`](https://www.telerik.com/kendo-angular-ui/components/notification/content#rendering-a-component).
27
- */
28
- content?: ComponentRef<any>;
29
- /**
30
- * Hides and destroys the Notification.
31
- */
32
- hide: Function;
33
- }
@@ -1,116 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef, ViewContainerRef } from '@angular/core';
6
- import { Position } from './position';
7
- import { Animation } from './animation';
8
- import { Type } from './type';
9
- /**
10
- * Defines the settings for displaying a Notification.
11
- */
12
- export declare class NotificationSettings {
13
- /**
14
- * Defines the content of the Notification.
15
- */
16
- content: string | TemplateRef<any> | Function;
17
- /**
18
- * Specifies the time in milliseconds after which the
19
- * Notification will hide
20
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-delay-before-hiding)).
21
- *
22
- * @default 5000
23
- */
24
- hideAfter?: number;
25
- /**
26
- * Defines the position of the Notification
27
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
28
- *
29
- * The possible values are:
30
- * * `horizontal: 'left'|'center'|'right'`
31
- * * `vertical: 'top'|'bottom'`
32
- *
33
- * @default { horizontal: 'right', vertical: 'top' }
34
- */
35
- position?: Position;
36
- /**
37
- * Specifies the animation settings of the Notification
38
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/animations)).
39
- *
40
- * The possible values are:
41
- * * `duration`&mdash;Accepts a number in milliseconds. Defaults to `500ms`.
42
- * * `type?: 'slide'| (Default) 'fade'`
43
- *
44
- * @default { type: 'fade', duration: 500 }
45
- */
46
- animation?: Animation;
47
- /**
48
- * Specifies if the Notification will require a user action to hide.
49
- * If you set the property to `true`, the Notification renders a **Close** button
50
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications#defining-a-closable-notification)).
51
- *
52
- * The possible values are:
53
- * * (Default) `false`
54
- * * `true`
55
- *
56
- * @default false
57
- */
58
- closable?: boolean;
59
- /**
60
- * Specifies the title of the close button.
61
- */
62
- closeTitle?: string;
63
- /**
64
- * Specifies the type of the Notification
65
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
66
- *
67
- * The possible values are:
68
- * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
69
- * * `icon: 'true'|'false'`
70
- *
71
- * @default { style: 'none', icon: true }
72
- */
73
- type?: Type;
74
- /**
75
- * Specifies the width of the Notification.
76
- */
77
- width?: number;
78
- /**
79
- * Specifies the height of the Notification.
80
- */
81
- height?: number;
82
- /**
83
- * The value of the Notification element `aria-label` attribute.
84
- *
85
- * @default 'Notification'
86
- *
87
- * @remarks
88
- * This property is related to accessibility.
89
- */
90
- notificationLabel?: string;
91
- /**
92
- * The value of the Notification element `role` attribute.
93
- *
94
- * @default 'status'
95
- *
96
- * @remarks
97
- * This property is related to accessibility.
98
- */
99
- notificationRole?: string;
100
- /**
101
- * Specifies a list of CSS classes that you add to the Notification.
102
- * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
103
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
104
- *
105
- * > To style the content of the Notification, use the `cssClass` property binding.
106
- */
107
- cssClass?: string | Array<string> | object;
108
- /**
109
- * Defines the container to which the Notification will be appended
110
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/dynamic-containers)).
111
- *
112
- * If not provided, the Notification will be placed in the root component
113
- * of the application or in the `body` element of the document.
114
- */
115
- appendTo?: ViewContainerRef;
116
- }
@@ -1,15 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Specifies the position of the Notification in relation to the attached container
7
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/positioning)).
8
- *
9
- * The available options are:
10
- * * `{ horizontal: 'left'|'center'|'right', vertical: 'top'|'bottom' }`
11
- */
12
- export type Position = {
13
- horizontal: 'left' | 'center' | 'right';
14
- vertical: 'top' | 'bottom';
15
- };
package/models/type.d.ts DELETED
@@ -1,30 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Specifies the Notification type
7
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
8
- */
9
- export type Type = {
10
- /**
11
- * Specifies the styling of the Notification.
12
- *
13
- * The possible values are:
14
- * * `none` (Default)&mdash;Applies no predefined styling.
15
- * * `base`&mdash;Applies base styling.
16
- * * `primary`&mdash;Applies primary styling.
17
- * * `secondary`&mdash;Applies secondary styling.
18
- * * `tertiary`&mdash;Applies tertiary styling.
19
- * * `info`&mdash;Applies info styling.
20
- * * `success`&mdash;Applies success styling.
21
- * * `warning`&mdash;Applies warning styling.
22
- * * `error`&mdash;Applies error styling.
23
- * * `inverse`&mdash;Applies inverse styling.
24
- */
25
- style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
26
- /**
27
- * Specifies whether to render an icon next to the Notification content. Defaults to `false`.
28
- */
29
- icon?: boolean;
30
- };
@@ -1,71 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { EventEmitter, TemplateRef, ChangeDetectorRef, ViewContainerRef, ElementRef, OnInit, ComponentRef, OnDestroy, Renderer2 } from '@angular/core';
6
- import { AnimationBuilder } from '@angular/animations';
7
- import { Subscription } from 'rxjs';
8
- import { LocalizationService } from '@progress/kendo-angular-l10n';
9
- import { SVGIcon } from '@progress/kendo-svg-icons';
10
- import { Type } from './models/type';
11
- import { Animation } from './models/animation';
12
- import * as i0 from "@angular/core";
13
- /**
14
- * @hidden
15
- *
16
- */
17
- export declare class NotificationComponent implements OnInit, OnDestroy {
18
- cdr: ChangeDetectorRef;
19
- private element;
20
- private renderer;
21
- private builder;
22
- private localizationService;
23
- /**
24
- * @hidden
25
- */
26
- xIcon: SVGIcon;
27
- contentId: string;
28
- container: ViewContainerRef;
29
- closeClickSubscription: Subscription;
30
- close: EventEmitter<any>;
31
- templateRef?: TemplateRef<any>;
32
- templateString?: string;
33
- width?: number;
34
- height?: number;
35
- notificationLabel: string;
36
- notificationRole: string;
37
- cssClass?: string | Array<string> | object;
38
- hideAfter?: number;
39
- closable?: boolean;
40
- type?: Type;
41
- animation?: Animation;
42
- closeTitle: string;
43
- /**
44
- * @hidden
45
- */
46
- direction: string;
47
- get closeButtonTitle(): string;
48
- private defaultHideAfter;
49
- private hideTimeout;
50
- private animationEnd;
51
- private dynamicRTLSubscription;
52
- private rtl;
53
- constructor(cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, builder: AnimationBuilder, localizationService: LocalizationService);
54
- notificationClasses(): string;
55
- ngOnInit(): void;
56
- ngOnDestroy(): void;
57
- ngAfterViewInit(): void;
58
- typeClass(): string;
59
- typeIconClass(): string;
60
- typeSVGIcon(): SVGIcon;
61
- onCloseClick(): void;
62
- hide(customComponent?: ComponentRef<any>): void;
63
- private setHideTimeout;
64
- private emitClose;
65
- private play;
66
- private animate;
67
- private slideAnimation;
68
- private fadeAnimation;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
70
- static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": { "alias": "templateRef"; "required": false; }; "templateString": { "alias": "templateString"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "notificationLabel": { "alias": "notificationLabel"; "required": false; }; "notificationRole": { "alias": "notificationRole"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "hideAfter": { "alias": "hideAfter"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
71
- }
@@ -1,33 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, ViewContainerRef, OnDestroy, Renderer2, ComponentRef, NgZone } from '@angular/core';
6
- import { NotificationSettings } from './models/notification-settings';
7
- import { NotificationComponent } from './notification.component';
8
- import { NotificationRef } from './models/notification-ref';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * @hidden
12
- */
13
- export declare class NotificationContainerComponent implements OnDestroy {
14
- element: ElementRef;
15
- renderer: Renderer2;
16
- private ngZone;
17
- container: ViewContainerRef;
18
- group: ElementRef;
19
- id: string;
20
- notifications: NotificationComponent[];
21
- private position;
22
- constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
23
- ngOnDestroy(): void;
24
- addNotification(settings: NotificationSettings): NotificationRef;
25
- hide(notificationRef: ComponentRef<NotificationComponent>): void;
26
- private applyContainerWrap;
27
- private applySettings;
28
- private applyAbsolutePosition;
29
- private applyPosition;
30
- private setContainerPosition;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContainerComponent, never>;
32
- static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContainerComponent, "kendo-notification-container", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
33
- }
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./notification.component";
7
- import * as i2 from "./notification.container.component";
8
- /**
9
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
10
- * definition for the Notification component.
11
- *
12
- * The package exports:
13
- * - `NotificationService`&mdash;The Notification service class.
14
- *
15
- * @example
16
- *
17
- * ```ts-no-run
18
- * // Import the Notification module
19
- * import { NotificationModule } from '@progress/kendo-angular-notification';
20
- *
21
- * // The browser platform with a compiler
22
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
23
- *
24
- * import { NgModule } from '@angular/core';
25
- *
26
- * // Import the app component
27
- * _@NgModule({
28
- * declarations: [AppComponent], // declare app component
29
- * imports: [BrowserModule, NotificationModule], // import NotificationModule module
30
- * bootstrap: [AppComponent]
31
- * })
32
- * export class AppModule {}
33
- *
34
- * // Compile and launch the module
35
- * platformBrowserDynamic().bootstrapModule(AppModule);
36
- * ```
37
- */
38
- export declare class NotificationModule {
39
- static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
40
- static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, never, [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent], [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
41
- static ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
42
- }
@@ -1,9 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { type PackageMetadata } from '@progress/kendo-licensing';
6
- /**
7
- * @hidden
8
- */
9
- export declare const packageMetadata: PackageMetadata;
@@ -1,72 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Injector, InjectionToken, ElementRef } from '@angular/core';
6
- import { NotificationSettings } from '../models/notification-settings';
7
- import { NotificationRef } from '../models/notification-ref';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Injects the Notification container. When not provided, uses the first root component of
11
- * the application.
12
- *
13
- * > Use `NOTIFICATION_CONTAINER` only with the [`NotificationService`](https://www.telerik.com/kendo-angular-ui/components/notification/api/notificationservice) class.
14
- *
15
- * @example
16
- *
17
- * ```ts
18
- * import { NgModule, ElementRef } from '@angular/core';
19
- * import { BrowserModule } from '@angular/platform-browser';
20
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
21
- *
22
- * import { NotificationModule, NOTIFICATION_CONTAINER } from '@progress/kendo-angular-notification';
23
- * import { AppComponent } from './app.component';
24
- *
25
- * @NgModule({
26
- * declarations: [AppComponent],
27
- * imports: [BrowserModule, NotificationModule],
28
- * bootstrap: [AppComponent],
29
- * providers: [
30
- * {
31
- * provide: NOTIFICATION_CONTAINER,
32
- * useFactory: () => ({ nativeElement: document.body } as ElementRef)
33
- * }
34
- * ]
35
- * })
36
- * export class AppModule {}
37
- *
38
- * platformBrowserDynamic().bootstrapModule(AppModule);
39
- * ```
40
- */
41
- export declare const NOTIFICATION_CONTAINER: InjectionToken<ElementRef<any>>;
42
- /**
43
- * A service for opening Notification components dynamically
44
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification)).
45
- *
46
- * @export
47
- * @class NotificationService
48
- */
49
- export declare class NotificationService {
50
- private injector;
51
- private container;
52
- private notificationContainers;
53
- private position;
54
- private applicationRef;
55
- /**
56
- * @hidden
57
- */
58
- constructor(injector: Injector, container: ElementRef);
59
- /**
60
- * Opens a Notification component. Created Notifications are mounted
61
- * in the DOM directly in the root application component.
62
- *
63
- * @param {NotificationSettings} settings - The settings which define the Notification.
64
- *
65
- * @returns {NotificationRef} - A reference to the Notification object and the convenience properties.
66
- */
67
- show(settings: NotificationSettings): NotificationRef;
68
- private get appRef();
69
- private findGroupContainer;
70
- static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, [null, { optional: true; }]>;
71
- static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
72
- }
@@ -1,20 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export declare function slideAnimation(height: number, duration: number): any;
9
- /**
10
- * @hidden
11
- */
12
- export declare function slideCloseAnimation(height: number, duration: number): any;
13
- /**
14
- * @hidden
15
- */
16
- export declare function fadeAnimation(duration: number): any;
17
- /**
18
- * @hidden
19
- */
20
- export declare function fadeCloseAnimation(duration: number): any;