@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.
- package/fesm2022/progress-kendo-angular-notification.mjs +18 -18
- package/index.d.ts +410 -10
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/directives.d.ts +0 -32
- package/localization/localized-messages.directive.d.ts +0 -19
- package/models/animation.d.ts +0 -16
- package/models/notification-ref.d.ts +0 -33
- package/models/notification-settings.d.ts +0 -116
- package/models/position.d.ts +0 -15
- package/models/type.d.ts +0 -30
- package/notification.component.d.ts +0 -71
- package/notification.container.component.d.ts +0 -33
- package/notification.module.d.ts +0 -42
- package/package-metadata.d.ts +0 -9
- package/services/notification.service.d.ts +0 -72
- package/utils/animations.d.ts +0 -20
|
@@ -132,8 +132,8 @@ const packageMetadata = {
|
|
|
132
132
|
productName: 'Kendo UI for Angular',
|
|
133
133
|
productCode: 'KENDOUIANGULAR',
|
|
134
134
|
productCodes: ['KENDOUIANGULAR'],
|
|
135
|
-
publishDate:
|
|
136
|
-
version: '
|
|
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: "
|
|
191
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
670
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
813
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
890
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
891
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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`—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)—Applies no predefined styling.
|
|
74
|
+
* * `base`—Applies base styling.
|
|
75
|
+
* * `primary`—Applies primary styling.
|
|
76
|
+
* * `secondary`—Applies secondary styling.
|
|
77
|
+
* * `tertiary`—Applies tertiary styling.
|
|
78
|
+
* * `info`—Applies info styling.
|
|
79
|
+
* * `success`—Applies success styling.
|
|
80
|
+
* * `warning`—Applies warning styling.
|
|
81
|
+
* * `error`—Applies error styling.
|
|
82
|
+
* * `inverse`—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`—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`—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 };
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
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": "
|
|
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":
|
|
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": "
|
|
26
|
-
"@angular/common": "
|
|
27
|
-
"@angular/core": "
|
|
28
|
-
"@angular/platform-browser": "
|
|
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": "
|
|
31
|
-
"@progress/kendo-angular-l10n": "
|
|
32
|
-
"@progress/kendo-angular-icons": "
|
|
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": "
|
|
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
|
-
}
|
package/models/animation.d.ts
DELETED
|
@@ -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`—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`—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
|
-
}
|
package/models/position.d.ts
DELETED
|
@@ -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)—Applies no predefined styling.
|
|
15
|
-
* * `base`—Applies base styling.
|
|
16
|
-
* * `primary`—Applies primary styling.
|
|
17
|
-
* * `secondary`—Applies secondary styling.
|
|
18
|
-
* * `tertiary`—Applies tertiary styling.
|
|
19
|
-
* * `info`—Applies info styling.
|
|
20
|
-
* * `success`—Applies success styling.
|
|
21
|
-
* * `warning`—Applies warning styling.
|
|
22
|
-
* * `error`—Applies error styling.
|
|
23
|
-
* * `inverse`—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
|
-
}
|
package/notification.module.d.ts
DELETED
|
@@ -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`—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
|
-
}
|
package/package-metadata.d.ts
DELETED
|
@@ -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
|
-
}
|
package/utils/animations.d.ts
DELETED
|
@@ -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;
|