@progress/kendo-angular-notification 11.0.0-develop.97 → 11.0.0-develop.99

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 (9) hide show
  1. package/esm2020/notification.component.mjs +38 -13
  2. package/esm2020/notification.module.mjs +4 -3
  3. package/esm2020/package-metadata.mjs +1 -1
  4. package/fesm2015/progress-kendo-angular-notification.mjs +42 -16
  5. package/fesm2020/progress-kendo-angular-notification.mjs +42 -16
  6. package/notification.component.d.ts +6 -0
  7. package/notification.module.d.ts +2 -1
  8. package/package.json +5 -4
  9. package/schematics/ngAdd/index.js +4 -2
package/esm2020/notification.component.mjs CHANGED
@@ -9,11 +9,13 @@ import { validatePackage } from '@progress/kendo-licensing';
9
9
  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
+ import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
12
13
  import * as i0 from "@angular/core";
13
14
  import * as i1 from "@angular/animations";
14
15
  import * as i2 from "@progress/kendo-angular-l10n";
15
- import * as i3 from "./localization/localized-messages.directive";
16
- import * as i4 from "@angular/common";
16
+ import * as i3 from "@progress/kendo-angular-icons";
17
+ import * as i4 from "./localization/localized-messages.directive";
18
+ import * as i5 from "@angular/common";
17
19
  /**
18
20
  * @hidden
19
21
  *
@@ -25,6 +27,10 @@ export class NotificationComponent {
25
27
  this.renderer = renderer;
26
28
  this.builder = builder;
27
29
  this.localizationService = localizationService;
30
+ /**
31
+ * @hidden
32
+ */
33
+ this.xIcon = xIcon;
28
34
  this.close = new EventEmitter();
29
35
  this.width = null;
30
36
  this.height = null;
@@ -80,10 +86,19 @@ export class NotificationComponent {
80
86
  typeIconClass() {
81
87
  return {
82
88
  'none': '',
83
- 'success': 'k-i-check-outline',
84
- 'warning': 'k-i-exclamation-circle',
85
- 'error': 'k-i-x-outline',
86
- 'info': 'k-i-info-circle'
89
+ 'success': 'check-outline',
90
+ 'warning': 'exclamation-circle',
91
+ 'error': 'x-outline',
92
+ 'info': 'info-circle'
93
+ }[this.type.style];
94
+ }
95
+ typeSVGIcon() {
96
+ return {
97
+ 'none': null,
98
+ 'success': checkOutlineIcon,
99
+ 'warning': exclamationCircleIcon,
100
+ 'error': xOutlineIcon,
101
+ 'info': infoCircleIcon
87
102
  }[this.type.style];
88
103
  }
89
104
  onCloseClick() {
@@ -159,8 +174,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
159
174
  [ngClass]="cssClass"
160
175
  [style.height.px]="height"
161
176
  [style.width.px]="width">
162
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
163
-
177
+ <kendo-icon-wrapper
178
+ *ngIf="type && type.icon && type.style !== 'none'"
179
+ innerCssClass="k-notification-status"
180
+ [name]="typeIconClass()"
181
+ [svgIcon]="typeSVGIcon()"
182
+ >
183
+ </kendo-icon-wrapper>
164
184
  <div class="k-notification-content">
165
185
  <ng-template
166
186
  [ngIf]="templateRef"
@@ -175,11 +195,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
175
195
 
176
196
  <span *ngIf="closable" class="k-notification-actions">
177
197
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
178
- <span class="k-icon k-i-x"></span>
198
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
179
199
  </span>
180
200
  </span>
181
201
  </div>
182
- `, isInline: true, directives: [{ type: i3.LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
202
+ `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
183
203
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
184
204
  type: Component,
185
205
  args: [{
@@ -194,8 +214,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
194
214
  [ngClass]="cssClass"
195
215
  [style.height.px]="height"
196
216
  [style.width.px]="width">
197
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
198
-
217
+ <kendo-icon-wrapper
218
+ *ngIf="type && type.icon && type.style !== 'none'"
219
+ innerCssClass="k-notification-status"
220
+ [name]="typeIconClass()"
221
+ [svgIcon]="typeSVGIcon()"
222
+ >
223
+ </kendo-icon-wrapper>
199
224
  <div class="k-notification-content">
200
225
  <ng-template
201
226
  [ngIf]="templateRef"
@@ -210,7 +235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
210
235
 
211
236
  <span *ngIf="closable" class="k-notification-actions">
212
237
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
213
- <span class="k-icon k-i-x"></span>
238
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
214
239
  </span>
215
240
  </span>
216
241
  </div>
package/esm2020/notification.module.mjs CHANGED
@@ -8,6 +8,7 @@ import { NotificationService } from './services/notification.service';
8
8
  import { NotificationComponent } from './notification.component';
9
9
  import { NotificationContainerComponent } from './notification.container.component';
10
10
  import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
11
+ import { IconsModule } from '@progress/kendo-angular-icons';
11
12
  import * as i0 from "@angular/core";
12
13
  /**
13
14
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -42,14 +43,14 @@ import * as i0 from "@angular/core";
42
43
  export class NotificationModule {
43
44
  }
44
45
  NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
45
- NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
46
- NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
46
+ NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
47
+ NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
47
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
48
49
  type: NgModule,
49
50
  args: [{
50
51
  declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
51
52
  entryComponents: [NotificationComponent, NotificationContainerComponent],
52
- imports: [CommonModule],
53
+ imports: [CommonModule, IconsModule],
53
54
  exports: [NotificationComponent, NotificationContainerComponent],
54
55
  providers: [NotificationService]
55
56
  }]
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: 1673459083,
12
+ publishDate: 1673466751,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-notification.mjs CHANGED
@@ -10,7 +10,10 @@ import * as i1$1 from '@angular/animations';
10
10
  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
- import * as i4 from '@angular/common';
13
+ import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
14
+ import * as i3 from '@progress/kendo-angular-icons';
15
+ import { IconsModule } from '@progress/kendo-angular-icons';
16
+ import * as i5 from '@angular/common';
14
17
  import { CommonModule } from '@angular/common';
15
18
 
16
19
  class NotificationSettings {
@@ -69,7 +72,7 @@ const packageMetadata = {
69
72
  name: '@progress/kendo-angular-notification',
70
73
  productName: 'Kendo UI for Angular',
71
74
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
72
- publishDate: 1673459083,
75
+ publishDate: 1673466751,
73
76
  version: '',
74
77
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
75
78
  };
@@ -153,6 +156,10 @@ class NotificationComponent {
153
156
  this.renderer = renderer;
154
157
  this.builder = builder;
155
158
  this.localizationService = localizationService;
159
+ /**
160
+ * @hidden
161
+ */
162
+ this.xIcon = xIcon;
156
163
  this.close = new EventEmitter();
157
164
  this.width = null;
158
165
  this.height = null;
@@ -208,10 +215,19 @@ class NotificationComponent {
208
215
  typeIconClass() {
209
216
  return {
210
217
  'none': '',
211
- 'success': 'k-i-check-outline',
212
- 'warning': 'k-i-exclamation-circle',
213
- 'error': 'k-i-x-outline',
214
- 'info': 'k-i-info-circle'
218
+ 'success': 'check-outline',
219
+ 'warning': 'exclamation-circle',
220
+ 'error': 'x-outline',
221
+ 'info': 'info-circle'
222
+ }[this.type.style];
223
+ }
224
+ typeSVGIcon() {
225
+ return {
226
+ 'none': null,
227
+ 'success': checkOutlineIcon,
228
+ 'warning': exclamationCircleIcon,
229
+ 'error': xOutlineIcon,
230
+ 'info': infoCircleIcon
215
231
  }[this.type.style];
216
232
  }
217
233
  onCloseClick() {
@@ -287,8 +303,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
287
303
  [ngClass]="cssClass"
288
304
  [style.height.px]="height"
289
305
  [style.width.px]="width">
290
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
291
-
306
+ <kendo-icon-wrapper
307
+ *ngIf="type && type.icon && type.style !== 'none'"
308
+ innerCssClass="k-notification-status"
309
+ [name]="typeIconClass()"
310
+ [svgIcon]="typeSVGIcon()"
311
+ >
312
+ </kendo-icon-wrapper>
292
313
  <div class="k-notification-content">
293
314
  <ng-template
294
315
  [ngIf]="templateRef"
@@ -303,11 +324,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
303
324
 
304
325
  <span *ngIf="closable" class="k-notification-actions">
305
326
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
306
- <span class="k-icon k-i-x"></span>
327
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
307
328
  </span>
308
329
  </span>
309
330
  </div>
310
- `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
331
+ `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
311
332
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
312
333
  type: Component,
313
334
  args: [{
@@ -322,8 +343,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
322
343
  [ngClass]="cssClass"
323
344
  [style.height.px]="height"
324
345
  [style.width.px]="width">
325
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
326
-
346
+ <kendo-icon-wrapper
347
+ *ngIf="type && type.icon && type.style !== 'none'"
348
+ innerCssClass="k-notification-status"
349
+ [name]="typeIconClass()"
350
+ [svgIcon]="typeSVGIcon()"
351
+ >
352
+ </kendo-icon-wrapper>
327
353
  <div class="k-notification-content">
328
354
  <ng-template
329
355
  [ngIf]="templateRef"
@@ -338,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
338
364
 
339
365
  <span *ngIf="closable" class="k-notification-actions">
340
366
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
341
- <span class="k-icon k-i-x"></span>
367
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
342
368
  </span>
343
369
  </span>
344
370
  </div>
@@ -694,14 +720,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
694
720
  class NotificationModule {
695
721
  }
696
722
  NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
697
- NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
698
- NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
723
+ NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
724
+ NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
699
725
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
700
726
  type: NgModule,
701
727
  args: [{
702
728
  declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
703
729
  entryComponents: [NotificationComponent, NotificationContainerComponent],
704
- imports: [CommonModule],
730
+ imports: [CommonModule, IconsModule],
705
731
  exports: [NotificationComponent, NotificationContainerComponent],
706
732
  providers: [NotificationService]
707
733
  }]
package/fesm2020/progress-kendo-angular-notification.mjs CHANGED
@@ -10,7 +10,10 @@ import { take } from 'rxjs/operators';
10
10
  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
- import * as i4 from '@angular/common';
13
+ import { xIcon, checkOutlineIcon, exclamationCircleIcon, xOutlineIcon, infoCircleIcon } from '@progress/kendo-svg-icons';
14
+ import * as i3 from '@progress/kendo-angular-icons';
15
+ import { IconsModule } from '@progress/kendo-angular-icons';
16
+ import * as i5 from '@angular/common';
14
17
  import { CommonModule } from '@angular/common';
15
18
 
16
19
  class NotificationSettings {
@@ -69,7 +72,7 @@ const packageMetadata = {
69
72
  name: '@progress/kendo-angular-notification',
70
73
  productName: 'Kendo UI for Angular',
71
74
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
72
- publishDate: 1673459083,
75
+ publishDate: 1673466751,
73
76
  version: '',
74
77
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
75
78
  };
@@ -153,6 +156,10 @@ class NotificationComponent {
153
156
  this.renderer = renderer;
154
157
  this.builder = builder;
155
158
  this.localizationService = localizationService;
159
+ /**
160
+ * @hidden
161
+ */
162
+ this.xIcon = xIcon;
156
163
  this.close = new EventEmitter();
157
164
  this.width = null;
158
165
  this.height = null;
@@ -208,10 +215,19 @@ class NotificationComponent {
208
215
  typeIconClass() {
209
216
  return {
210
217
  'none': '',
211
- 'success': 'k-i-check-outline',
212
- 'warning': 'k-i-exclamation-circle',
213
- 'error': 'k-i-x-outline',
214
- 'info': 'k-i-info-circle'
218
+ 'success': 'check-outline',
219
+ 'warning': 'exclamation-circle',
220
+ 'error': 'x-outline',
221
+ 'info': 'info-circle'
222
+ }[this.type.style];
223
+ }
224
+ typeSVGIcon() {
225
+ return {
226
+ 'none': null,
227
+ 'success': checkOutlineIcon,
228
+ 'warning': exclamationCircleIcon,
229
+ 'error': xOutlineIcon,
230
+ 'info': infoCircleIcon
215
231
  }[this.type.style];
216
232
  }
217
233
  onCloseClick() {
@@ -287,8 +303,13 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
287
303
  [ngClass]="cssClass"
288
304
  [style.height.px]="height"
289
305
  [style.width.px]="width">
290
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
291
-
306
+ <kendo-icon-wrapper
307
+ *ngIf="type && type.icon && type.style !== 'none'"
308
+ innerCssClass="k-notification-status"
309
+ [name]="typeIconClass()"
310
+ [svgIcon]="typeSVGIcon()"
311
+ >
312
+ </kendo-icon-wrapper>
292
313
  <div class="k-notification-content">
293
314
  <ng-template
294
315
  [ngIf]="templateRef"
@@ -303,11 +324,11 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
303
324
 
304
325
  <span *ngIf="closable" class="k-notification-actions">
305
326
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
306
- <span class="k-icon k-i-x"></span>
327
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
307
328
  </span>
308
329
  </span>
309
330
  </div>
310
- `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
331
+ `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: ["closeTitle"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
311
332
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
312
333
  type: Component,
313
334
  args: [{
@@ -322,8 +343,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
322
343
  [ngClass]="cssClass"
323
344
  [style.height.px]="height"
324
345
  [style.width.px]="width">
325
- <span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
326
-
346
+ <kendo-icon-wrapper
347
+ *ngIf="type && type.icon && type.style !== 'none'"
348
+ innerCssClass="k-notification-status"
349
+ [name]="typeIconClass()"
350
+ [svgIcon]="typeSVGIcon()"
351
+ >
352
+ </kendo-icon-wrapper>
327
353
  <div class="k-notification-content">
328
354
  <ng-template
329
355
  [ngIf]="templateRef"
@@ -338,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
338
364
 
339
365
  <span *ngIf="closable" class="k-notification-actions">
340
366
  <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
341
- <span class="k-icon k-i-x"></span>
367
+ <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
342
368
  </span>
343
369
  </span>
344
370
  </div>
@@ -692,14 +718,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
692
718
  class NotificationModule {
693
719
  }
694
720
  NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
695
- NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule], exports: [NotificationComponent, NotificationContainerComponent] });
696
- NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule]] });
721
+ NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective], imports: [CommonModule, IconsModule], exports: [NotificationComponent, NotificationContainerComponent] });
722
+ NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, providers: [NotificationService], imports: [[CommonModule, IconsModule]] });
697
723
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
698
724
  type: NgModule,
699
725
  args: [{
700
726
  declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
701
727
  entryComponents: [NotificationComponent, NotificationContainerComponent],
702
- imports: [CommonModule],
728
+ imports: [CommonModule, IconsModule],
703
729
  exports: [NotificationComponent, NotificationContainerComponent],
704
730
  providers: [NotificationService]
705
731
  }]
package/notification.component.d.ts CHANGED
@@ -8,6 +8,7 @@ import { Subscription } from 'rxjs';
8
8
  import { Type } from './models/type';
9
9
  import { Animation } from './models/animation';
10
10
  import { LocalizationService } from '@progress/kendo-angular-l10n';
11
+ import { SVGIcon } from '@progress/kendo-svg-icons';
11
12
  import * as i0 from "@angular/core";
12
13
  /**
13
14
  * @hidden
@@ -19,6 +20,10 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
19
20
  private renderer;
20
21
  private builder;
21
22
  private localizationService;
23
+ /**
24
+ * @hidden
25
+ */
26
+ xIcon: SVGIcon;
22
27
  container: ViewContainerRef;
23
28
  closeClickSubscription: Subscription;
24
29
  close: EventEmitter<any>;
@@ -50,6 +55,7 @@ export declare class NotificationComponent implements OnInit, OnDestroy {
50
55
  ngAfterViewInit(): void;
51
56
  typeClass(): string;
52
57
  typeIconClass(): string;
58
+ typeSVGIcon(): SVGIcon;
53
59
  onCloseClick(): void;
54
60
  hide(customComponent?: ComponentRef<any>): void;
55
61
  private setHideTimeout;
package/notification.module.d.ts CHANGED
@@ -7,6 +7,7 @@ import * as i1 from "./notification.component";
7
7
  import * as i2 from "./notification.container.component";
8
8
  import * as i3 from "./localization/localized-messages.directive";
9
9
  import * as i4 from "@angular/common";
10
+ import * as i5 from "@progress/kendo-angular-icons";
10
11
  /**
11
12
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
12
13
  * definition for the Notification component.
@@ -39,6 +40,6 @@ import * as i4 from "@angular/common";
39
40
  */
40
41
  export declare class NotificationModule {
41
42
  static ɵfac: i0.ɵɵFactoryDeclaration<NotificationModule, never>;
42
- static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent, typeof i3.LocalizedMessagesDirective], [typeof i4.CommonModule], [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
43
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationModule, [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent, typeof i3.LocalizedMessagesDirective], [typeof i4.CommonModule, typeof i5.IconsModule], [typeof i1.NotificationComponent, typeof i2.NotificationContainerComponent]>;
43
44
  static ɵinj: i0.ɵɵInjectorDeclaration<NotificationModule>;
44
45
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-notification",
3
- "version": "11.0.0-develop.97",
3
+ "version": "11.0.0-develop.99",
4
4
  "description": "Kendo UI Notification for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -21,9 +21,10 @@
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.0.0-develop.97",
25
- "@progress/kendo-angular-l10n": "11.0.0-develop.97",
26
- "@progress/kendo-angular-schematics": "11.0.0-develop.97",
24
+ "@progress/kendo-angular-common": "11.0.0-develop.99",
25
+ "@progress/kendo-angular-l10n": "11.0.0-develop.99",
26
+ "@progress/kendo-angular-icons": "11.0.0-develop.99",
27
+ "@progress/kendo-angular-schematics": "11.0.0-develop.99",
27
28
  "rxjs": "^6.5.3 || ^7.0.0"
28
29
  },
29
30
  "dependencies": {
package/schematics/ngAdd/index.js CHANGED
@@ -2,8 +2,10 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
- const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification' //package name, e.g grid
6
- });
5
+ const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification', peerDependencies: {
6
+ // Peer dependency of icons
7
+ "@progress/kendo-svg-icons": "^1.0.0"
8
+ } });
7
9
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
8
10
  }
9
11
  exports.default = default_1;