@progress/kendo-angular-notification 11.2.0-develop.16 → 11.2.0-develop.17

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.
Files changed (8) hide show
  1. package/esm2020/models/notification-settings.mjs +5 -0
  2. package/esm2020/notification.component.mjs +20 -7
  3. package/esm2020/package-metadata.mjs +2 -2
  4. package/fesm2015/progress-kendo-angular-notification.mjs +27 -9
  5. package/fesm2020/progress-kendo-angular-notification.mjs +27 -9
  6. package/models/notification-settings.d.ts +5 -0
  7. package/notification.component.d.ts +3 -1
  8. package/package.json +5 -5
package/esm2020/models/notification-settings.mjs CHANGED
@@ -48,5 +48,10 @@ export class NotificationSettings {
48
48
  * * `icon: 'true'|'false'`
49
49
  */
50
50
  this.type = { style: 'none', icon: true };
51
+ /**
52
+ * The value of the Notification element `aria-label` attribute.
53
+ * @default 'Notification'
54
+ */
55
+ this.notificationLabel = 'Notification';
51
56
  }
52
57
  }
package/esm2020/notification.component.mjs CHANGED
@@ -10,6 +10,7 @@ import { packageMetadata } from './package-metadata';
10
10
  import { fadeAnimation, fadeCloseAnimation, slideAnimation, slideCloseAnimation } from './utils/animations';
11
11
  import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
12
12
  import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
13
+ import { guid } from '@progress/kendo-angular-common';
13
14
  import * as i0 from "@angular/core";
14
15
  import * as i1 from "@angular/animations";
15
16
  import * as i2 from "@progress/kendo-angular-l10n";
@@ -31,9 +32,11 @@ export class NotificationComponent {
31
32
  * @hidden
32
33
  */
33
34
  this.xIcon = xIcon;
35
+ this.contentId = `k-${guid()}`;
34
36
  this.close = new EventEmitter();
35
37
  this.width = null;
36
38
  this.height = null;
39
+ this.notificationLabel = 'Notification';
37
40
  this.defaultHideAfter = 5000;
38
41
  this.animationEnd = new EventEmitter();
39
42
  this.rtl = false;
@@ -158,7 +161,7 @@ export class NotificationComponent {
158
161
  }
159
162
  }
160
163
  NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
161
- NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
164
+ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
162
165
  LocalizationService,
163
166
  {
164
167
  provide: L10N_PREFIX,
@@ -173,7 +176,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
173
176
  <div class="k-notification {{ notificationClasses() }}"
174
177
  [ngClass]="cssClass"
175
178
  [style.height.px]="height"
176
- [style.width.px]="width">
179
+ [style.width.px]="width"
180
+ role="alert"
181
+ aria-live="polite"
182
+ [attr.aria-describedby]="contentId"
183
+ [attr.aria-label]="notificationLabel">
177
184
  <kendo-icon-wrapper
178
185
  *ngIf="type && type.icon && type.style !== 'none'"
179
186
  innerCssClass="k-notification-status"
@@ -181,7 +188,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
181
188
  [svgIcon]="typeSVGIcon()"
182
189
  >
183
190
  </kendo-icon-wrapper>
184
- <div class="k-notification-content">
191
+ <div [id]="contentId" class="k-notification-content">
185
192
  <ng-template
186
193
  [ngIf]="templateRef"
187
194
  [ngTemplateOutlet]="templateRef">
@@ -193,7 +200,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
193
200
  <ng-container #container></ng-container>
194
201
  </div>
195
202
 
196
- <span *ngIf="closable" class="k-notification-actions">
203
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
197
204
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
198
205
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
199
206
  </span>
@@ -213,7 +220,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
213
220
  <div class="k-notification {{ notificationClasses() }}"
214
221
  [ngClass]="cssClass"
215
222
  [style.height.px]="height"
216
- [style.width.px]="width">
223
+ [style.width.px]="width"
224
+ role="alert"
225
+ aria-live="polite"
226
+ [attr.aria-describedby]="contentId"
227
+ [attr.aria-label]="notificationLabel">
217
228
  <kendo-icon-wrapper
218
229
  *ngIf="type && type.icon && type.style !== 'none'"
219
230
  innerCssClass="k-notification-status"
@@ -221,7 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
221
232
  [svgIcon]="typeSVGIcon()"
222
233
  >
223
234
  </kendo-icon-wrapper>
224
- <div class="k-notification-content">
235
+ <div [id]="contentId" class="k-notification-content">
225
236
  <ng-template
226
237
  [ngIf]="templateRef"
227
238
  [ngTemplateOutlet]="templateRef">
@@ -233,7 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
233
244
  <ng-container #container></ng-container>
234
245
  </div>
235
246
 
236
- <span *ngIf="closable" class="k-notification-actions">
247
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
237
248
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
238
249
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
239
250
  </span>
@@ -259,6 +270,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
259
270
  type: Input
260
271
  }], height: [{
261
272
  type: Input
273
+ }], notificationLabel: [{
274
+ type: Input
262
275
  }], cssClass: [{
263
276
  type: Input
264
277
  }], hideAfter: [{
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-notification',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1676030061,
13
- version: '11.2.0-develop.16',
12
+ publishDate: 1676038575,
13
+ version: '11.2.0-develop.17',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-notification.mjs CHANGED
@@ -11,6 +11,7 @@ import { style, animate } from '@angular/animations';
11
11
  import * as i1 from '@progress/kendo-angular-l10n';
12
12
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
13
13
  import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
14
+ import { guid } from '@progress/kendo-angular-common';
14
15
  import * as i3 from '@progress/kendo-angular-icons';
15
16
  import { IconsModule } from '@progress/kendo-angular-icons';
16
17
  import * as i5 from '@angular/common';
@@ -62,6 +63,11 @@ class NotificationSettings {
62
63
  * * `icon: 'true'|'false'`
63
64
  */
64
65
  this.type = { style: 'none', icon: true };
66
+ /**
67
+ * The value of the Notification element `aria-label` attribute.
68
+ * @default 'Notification'
69
+ */
70
+ this.notificationLabel = 'Notification';
65
71
  }
66
72
  }
67
73
 
@@ -72,8 +78,8 @@ const packageMetadata = {
72
78
  name: '@progress/kendo-angular-notification',
73
79
  productName: 'Kendo UI for Angular',
74
80
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
75
- publishDate: 1676030061,
76
- version: '11.2.0-develop.16',
81
+ publishDate: 1676038575,
82
+ version: '11.2.0-develop.17',
77
83
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
78
84
  };
79
85
 
@@ -160,9 +166,11 @@ class NotificationComponent {
160
166
  * @hidden
161
167
  */
162
168
  this.xIcon = xIcon;
169
+ this.contentId = `k-${guid()}`;
163
170
  this.close = new EventEmitter();
164
171
  this.width = null;
165
172
  this.height = null;
173
+ this.notificationLabel = 'Notification';
166
174
  this.defaultHideAfter = 5000;
167
175
  this.animationEnd = new EventEmitter();
168
176
  this.rtl = false;
@@ -287,7 +295,7 @@ class NotificationComponent {
287
295
  }
288
296
  }
289
297
  NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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 });
290
- NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
298
+ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
291
299
  LocalizationService,
292
300
  {
293
301
  provide: L10N_PREFIX,
@@ -302,7 +310,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
302
310
  <div class="k-notification {{ notificationClasses() }}"
303
311
  [ngClass]="cssClass"
304
312
  [style.height.px]="height"
305
- [style.width.px]="width">
313
+ [style.width.px]="width"
314
+ role="alert"
315
+ aria-live="polite"
316
+ [attr.aria-describedby]="contentId"
317
+ [attr.aria-label]="notificationLabel">
306
318
  <kendo-icon-wrapper
307
319
  *ngIf="type && type.icon && type.style !== 'none'"
308
320
  innerCssClass="k-notification-status"
@@ -310,7 +322,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
310
322
  [svgIcon]="typeSVGIcon()"
311
323
  >
312
324
  </kendo-icon-wrapper>
313
- <div class="k-notification-content">
325
+ <div [id]="contentId" class="k-notification-content">
314
326
  <ng-template
315
327
  [ngIf]="templateRef"
316
328
  [ngTemplateOutlet]="templateRef">
@@ -322,7 +334,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
322
334
  <ng-container #container></ng-container>
323
335
  </div>
324
336
 
325
- <span *ngIf="closable" class="k-notification-actions">
337
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
326
338
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
327
339
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
328
340
  </span>
@@ -342,7 +354,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
342
354
  <div class="k-notification {{ notificationClasses() }}"
343
355
  [ngClass]="cssClass"
344
356
  [style.height.px]="height"
345
- [style.width.px]="width">
357
+ [style.width.px]="width"
358
+ role="alert"
359
+ aria-live="polite"
360
+ [attr.aria-describedby]="contentId"
361
+ [attr.aria-label]="notificationLabel">
346
362
  <kendo-icon-wrapper
347
363
  *ngIf="type && type.icon && type.style !== 'none'"
348
364
  innerCssClass="k-notification-status"
@@ -350,7 +366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
350
366
  [svgIcon]="typeSVGIcon()"
351
367
  >
352
368
  </kendo-icon-wrapper>
353
- <div class="k-notification-content">
369
+ <div [id]="contentId" class="k-notification-content">
354
370
  <ng-template
355
371
  [ngIf]="templateRef"
356
372
  [ngTemplateOutlet]="templateRef">
@@ -362,7 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
362
378
  <ng-container #container></ng-container>
363
379
  </div>
364
380
 
365
- <span *ngIf="closable" class="k-notification-actions">
381
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
366
382
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
367
383
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
368
384
  </span>
@@ -388,6 +404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
388
404
  type: Input
389
405
  }], height: [{
390
406
  type: Input
407
+ }], notificationLabel: [{
408
+ type: Input
391
409
  }], cssClass: [{
392
410
  type: Input
393
411
  }], hideAfter: [{
package/fesm2020/progress-kendo-angular-notification.mjs CHANGED
@@ -11,6 +11,7 @@ import { validatePackage } from '@progress/kendo-licensing';
11
11
  import * as i1 from '@progress/kendo-angular-l10n';
12
12
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
13
13
  import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
14
+ import { guid } from '@progress/kendo-angular-common';
14
15
  import * as i3 from '@progress/kendo-angular-icons';
15
16
  import { IconsModule } from '@progress/kendo-angular-icons';
16
17
  import * as i5 from '@angular/common';
@@ -62,6 +63,11 @@ class NotificationSettings {
62
63
  * * `icon: 'true'|'false'`
63
64
  */
64
65
  this.type = { style: 'none', icon: true };
66
+ /**
67
+ * The value of the Notification element `aria-label` attribute.
68
+ * @default 'Notification'
69
+ */
70
+ this.notificationLabel = 'Notification';
65
71
  }
66
72
  }
67
73
 
@@ -72,8 +78,8 @@ const packageMetadata = {
72
78
  name: '@progress/kendo-angular-notification',
73
79
  productName: 'Kendo UI for Angular',
74
80
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
75
- publishDate: 1676030061,
76
- version: '11.2.0-develop.16',
81
+ publishDate: 1676038575,
82
+ version: '11.2.0-develop.17',
77
83
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
78
84
  };
79
85
 
@@ -160,9 +166,11 @@ class NotificationComponent {
160
166
  * @hidden
161
167
  */
162
168
  this.xIcon = xIcon;
169
+ this.contentId = `k-${guid()}`;
163
170
  this.close = new EventEmitter();
164
171
  this.width = null;
165
172
  this.height = null;
173
+ this.notificationLabel = 'Notification';
166
174
  this.defaultHideAfter = 5000;
167
175
  this.animationEnd = new EventEmitter();
168
176
  this.rtl = false;
@@ -287,7 +295,7 @@ class NotificationComponent {
287
295
  }
288
296
  }
289
297
  NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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 });
290
- NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
298
+ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "kendo-notification", inputs: { templateRef: "templateRef", templateString: "templateString", width: "width", height: "height", notificationLabel: "notificationLabel", cssClass: "cssClass", hideAfter: "hideAfter", closable: "closable", type: "type", animation: "animation" }, host: { properties: { "attr.dir": "this.direction", "class.k-notification-container": "this.containerClass" } }, providers: [
291
299
  LocalizationService,
292
300
  {
293
301
  provide: L10N_PREFIX,
@@ -302,7 +310,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
302
310
  <div class="k-notification {{ notificationClasses() }}"
303
311
  [ngClass]="cssClass"
304
312
  [style.height.px]="height"
305
- [style.width.px]="width">
313
+ [style.width.px]="width"
314
+ role="alert"
315
+ aria-live="polite"
316
+ [attr.aria-describedby]="contentId"
317
+ [attr.aria-label]="notificationLabel">
306
318
  <kendo-icon-wrapper
307
319
  *ngIf="type && type.icon && type.style !== 'none'"
308
320
  innerCssClass="k-notification-status"
@@ -310,7 +322,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
310
322
  [svgIcon]="typeSVGIcon()"
311
323
  >
312
324
  </kendo-icon-wrapper>
313
- <div class="k-notification-content">
325
+ <div [id]="contentId" class="k-notification-content">
314
326
  <ng-template
315
327
  [ngIf]="templateRef"
316
328
  [ngTemplateOutlet]="templateRef">
@@ -322,7 +334,7 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
322
334
  <ng-container #container></ng-container>
323
335
  </div>
324
336
 
325
- <span *ngIf="closable" class="k-notification-actions">
337
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
326
338
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
327
339
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
328
340
  </span>
@@ -342,7 +354,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
342
354
  <div class="k-notification {{ notificationClasses() }}"
343
355
  [ngClass]="cssClass"
344
356
  [style.height.px]="height"
345
- [style.width.px]="width">
357
+ [style.width.px]="width"
358
+ role="alert"
359
+ aria-live="polite"
360
+ [attr.aria-describedby]="contentId"
361
+ [attr.aria-label]="notificationLabel">
346
362
  <kendo-icon-wrapper
347
363
  *ngIf="type && type.icon && type.style !== 'none'"
348
364
  innerCssClass="k-notification-status"
@@ -350,7 +366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
350
366
  [svgIcon]="typeSVGIcon()"
351
367
  >
352
368
  </kendo-icon-wrapper>
353
- <div class="k-notification-content">
369
+ <div [id]="contentId" class="k-notification-content">
354
370
  <ng-template
355
371
  [ngIf]="templateRef"
356
372
  [ngTemplateOutlet]="templateRef">
@@ -362,7 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
362
378
  <ng-container #container></ng-container>
363
379
  </div>
364
380
 
365
- <span *ngIf="closable" class="k-notification-actions">
381
+ <span *ngIf="closable" class="k-notification-actions" aria-hidden="true">
366
382
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
367
383
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
368
384
  </span>
@@ -388,6 +404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
388
404
  type: Input
389
405
  }], height: [{
390
406
  type: Input
407
+ }], notificationLabel: [{
408
+ type: Input
391
409
  }], cssClass: [{
392
410
  type: Input
393
411
  }], hideAfter: [{
package/models/notification-settings.d.ts CHANGED
@@ -67,6 +67,11 @@ export declare class NotificationSettings {
67
67
  * Specifies the height of the Notification.
68
68
  */
69
69
  height?: number;
70
+ /**
71
+ * The value of the Notification element `aria-label` attribute.
72
+ * @default 'Notification'
73
+ */
74
+ notificationLabel?: string;
70
75
  /**
71
76
  * Specifies a list of CSS classes that will be added to the Notification.
72
77
  * To apply CSS rules to the component, set `encapsulation` to `ViewEncapsulation.None`
package/notification.component.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
24
24
  * @hidden
25
25
  */
26
26
  xIcon: SVGIcon;
27
+ contentId: string;
27
28
  container: ViewContainerRef;
28
29
  closeClickSubscription: Subscription;
29
30
  close: EventEmitter<any>;
@@ -31,6 +32,7 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
31
32
  templateString?: string;
32
33
  width?: number;
33
34
  height?: number;
35
+ notificationLabel: string;
34
36
  cssClass?: string | Array<string> | Object;
35
37
  hideAfter?: number;
36
38
  closable?: boolean;
@@ -65,5 +67,5 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
65
67
  private slideAnimation;
66
68
  private fadeAnimation;
67
69
  static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
68
- static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": "templateRef"; "templateString": "templateString"; "width": "width"; "height": "height"; "cssClass": "cssClass"; "hideAfter": "hideAfter"; "closable": "closable"; "type": "type"; "animation": "animation"; }, {}, never, never>;
70
+ static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "kendo-notification", never, { "templateRef": "templateRef"; "templateString": "templateString"; "width": "width"; "height": "height"; "notificationLabel": "notificationLabel"; "cssClass": "cssClass"; "hideAfter": "hideAfter"; "closable": "closable"; "type": "type"; "animation": "animation"; }, {}, never, never>;
69
71
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-notification",
3
- "version": "11.2.0-develop.16",
3
+ "version": "11.2.0-develop.17",
4
4
  "description": "Kendo UI Notification for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -21,14 +21,14 @@
21
21
  "@angular/core": "13 - 15",
22
22
  "@angular/platform-browser": "13 - 15",
23
23
  "@progress/kendo-licensing": "^1.0.2",
24
- "@progress/kendo-angular-common": "11.2.0-develop.16",
25
- "@progress/kendo-angular-l10n": "11.2.0-develop.16",
26
- "@progress/kendo-angular-icons": "11.2.0-develop.16",
24
+ "@progress/kendo-angular-common": "11.2.0-develop.17",
25
+ "@progress/kendo-angular-l10n": "11.2.0-develop.17",
26
+ "@progress/kendo-angular-icons": "11.2.0-develop.17",
27
27
  "rxjs": "^6.5.3 || ^7.0.0"
28
28
  },
29
29
  "dependencies": {
30
30
  "tslib": "^2.3.1",
31
- "@progress/kendo-angular-schematics": "11.2.0-develop.16"
31
+ "@progress/kendo-angular-schematics": "11.2.0-develop.17"
32
32
  },
33
33
  "schematics": "./schematics/collection.json",
34
34
  "module": "fesm2015/progress-kendo-angular-notification.mjs",