@progress/kendo-angular-notification 4.0.1-dev.202211170810 → 11.0.0-develop.79
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/NOTICE.txt +3 -3
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/localization/localized-messages.directive.js → esm2020/localization/localized-messages.directive.mjs} +5 -5
- package/{esm2015/models/animation.js → esm2020/models/animation.mjs} +1 -1
- package/{esm2015/models/type.js → esm2020/models/notification-ref.mjs} +1 -1
- package/{esm2015/models/notification-settings.js → esm2020/models/notification-settings.mjs} +1 -1
- package/{esm2015/models/notification-ref.js → esm2020/models/position.mjs} +1 -1
- package/{esm2015/models/position.js → esm2020/models/type.mjs} +1 -1
- package/{esm2015/notification.component.js → esm2020/notification.component.mjs} +42 -37
- package/{esm2015/notification.container.component.js → esm2020/notification.container.component.mjs} +6 -6
- package/{esm2015/notification.module.js → esm2020/notification.module.mjs} +5 -5
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
- package/{esm2015/kendo-angular-notification.js → esm2020/progress-kendo-angular-notification.mjs} +2 -2
- package/{esm2015/services/notification.service.js → esm2020/services/notification.service.mjs} +8 -7
- package/{esm2015/utils/animations.js → esm2020/utils/animations.mjs} +1 -1
- package/fesm2015/progress-kendo-angular-notification.mjs +715 -0
- package/{fesm2015/kendo-angular-notification.js → fesm2020/progress-kendo-angular-notification.mjs} +61 -56
- package/{main.d.ts → index.d.ts} +1 -1
- package/localization/localized-messages.directive.d.ts +1 -1
- package/models/animation.d.ts +1 -1
- package/models/notification-ref.d.ts +2 -2
- package/models/notification-settings.d.ts +1 -1
- package/models/position.d.ts +1 -1
- package/models/type.d.ts +1 -1
- package/notification.component.d.ts +1 -1
- package/notification.container.component.d.ts +1 -1
- package/notification.module.d.ts +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +27 -54
- package/{kendo-angular-notification.d.ts → progress-kendo-angular-notification.d.ts} +2 -2
- package/schematics/ngAdd/index.js +1 -5
- package/services/notification.service.d.ts +1 -1
- package/utils/animations.d.ts +1 -1
- package/bundles/kendo-angular-notification.umd.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
package/{fesm2015/kendo-angular-notification.js → fesm2020/progress-kendo-angular-notification.mjs}
RENAMED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { forwardRef, Directive, Input, EventEmitter, ViewContainerRef, Component, ViewChild, HostBinding, TemplateRef, InjectionToken, ApplicationRef, Injectable, Inject, Optional, NgModule } from '@angular/core';
|
|
7
|
-
import { take } from 'rxjs/operators';
|
|
8
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
7
|
import * as i1$1 from '@angular/animations';
|
|
10
8
|
import { style, animate } from '@angular/animations';
|
|
9
|
+
import { take } from 'rxjs/operators';
|
|
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
13
|
import * as i4 from '@angular/common';
|
|
@@ -69,9 +69,9 @@ const packageMetadata = {
|
|
|
69
69
|
name: '@progress/kendo-angular-notification',
|
|
70
70
|
productName: 'Kendo UI for Angular',
|
|
71
71
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
72
|
-
publishDate:
|
|
72
|
+
publishDate: 1672320692,
|
|
73
73
|
version: '',
|
|
74
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license
|
|
74
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
/**
|
|
@@ -120,14 +120,14 @@ class LocalizedMessagesDirective extends ComponentMessages {
|
|
|
120
120
|
this.service = service;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
|
-
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
124
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
123
|
+
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
124
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LocalizedMessagesDirective, selector: "[kendoNotificationLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
|
|
125
125
|
{
|
|
126
126
|
provide: ComponentMessages,
|
|
127
127
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
128
128
|
}
|
|
129
129
|
], usesInheritance: true, ngImport: i0 });
|
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
131
131
|
type: Directive,
|
|
132
132
|
args: [{
|
|
133
133
|
providers: [
|
|
@@ -270,8 +270,8 @@ class NotificationComponent {
|
|
|
270
270
|
return onclose ? fadeCloseAnimation(duration) : fadeAnimation(duration);
|
|
271
271
|
}
|
|
272
272
|
}
|
|
273
|
-
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
274
|
-
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
273
|
+
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 });
|
|
274
|
+
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: [
|
|
275
275
|
LocalizationService,
|
|
276
276
|
{
|
|
277
277
|
provide: L10N_PREFIX,
|
|
@@ -283,30 +283,32 @@ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
283
283
|
closeTitle="Close"
|
|
284
284
|
>
|
|
285
285
|
</ng-container>
|
|
286
|
-
<div class="k-
|
|
286
|
+
<div class="k-notification {{ notificationClasses() }}"
|
|
287
287
|
[ngClass]="cssClass"
|
|
288
288
|
[style.height.px]="height"
|
|
289
289
|
[style.width.px]="width">
|
|
290
|
-
<
|
|
291
|
-
<span *ngIf="type && type.icon && type.style !== 'none'" class="k-icon" [ngClass]="typeIconClass()"></span>
|
|
290
|
+
<span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
|
|
292
291
|
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
</div>
|
|
304
|
-
|
|
305
|
-
<a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>
|
|
292
|
+
<div class="k-notification-content">
|
|
293
|
+
<ng-template
|
|
294
|
+
[ngIf]="templateRef"
|
|
295
|
+
[ngTemplateOutlet]="templateRef">
|
|
296
|
+
</ng-template>
|
|
297
|
+
<ng-template
|
|
298
|
+
[ngIf]="templateString">
|
|
299
|
+
{{ templateString }}
|
|
300
|
+
</ng-template>
|
|
301
|
+
<ng-container #container></ng-container>
|
|
306
302
|
</div>
|
|
303
|
+
|
|
304
|
+
<span *ngIf="closable" class="k-notification-actions">
|
|
305
|
+
<span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
|
|
306
|
+
<span class="k-icon k-i-x"></span>
|
|
307
|
+
</span>
|
|
308
|
+
</span>
|
|
307
309
|
</div>
|
|
308
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"] }] });
|
|
309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
310
312
|
type: Component,
|
|
311
313
|
args: [{
|
|
312
314
|
selector: 'kendo-notification',
|
|
@@ -316,27 +318,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
316
318
|
closeTitle="Close"
|
|
317
319
|
>
|
|
318
320
|
</ng-container>
|
|
319
|
-
<div class="k-
|
|
321
|
+
<div class="k-notification {{ notificationClasses() }}"
|
|
320
322
|
[ngClass]="cssClass"
|
|
321
323
|
[style.height.px]="height"
|
|
322
324
|
[style.width.px]="width">
|
|
323
|
-
<
|
|
324
|
-
<span *ngIf="type && type.icon && type.style !== 'none'" class="k-icon" [ngClass]="typeIconClass()"></span>
|
|
325
|
+
<span *ngIf="type && type.icon && type.style !== 'none'" class="k-notification-status k-icon" [ngClass]="typeIconClass()"></span>
|
|
325
326
|
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
</div>
|
|
337
|
-
|
|
338
|
-
<a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>
|
|
327
|
+
<div class="k-notification-content">
|
|
328
|
+
<ng-template
|
|
329
|
+
[ngIf]="templateRef"
|
|
330
|
+
[ngTemplateOutlet]="templateRef">
|
|
331
|
+
</ng-template>
|
|
332
|
+
<ng-template
|
|
333
|
+
[ngIf]="templateString">
|
|
334
|
+
{{ templateString }}
|
|
335
|
+
</ng-template>
|
|
336
|
+
<ng-container #container></ng-container>
|
|
339
337
|
</div>
|
|
338
|
+
|
|
339
|
+
<span *ngIf="closable" class="k-notification-actions">
|
|
340
|
+
<span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
|
|
341
|
+
<span class="k-icon k-i-x"></span>
|
|
342
|
+
</span>
|
|
343
|
+
</span>
|
|
340
344
|
</div>
|
|
341
345
|
`,
|
|
342
346
|
providers: [
|
|
@@ -448,7 +452,7 @@ class NotificationContainerComponent {
|
|
|
448
452
|
notification.templateRef = content;
|
|
449
453
|
}
|
|
450
454
|
notification.animation = animation;
|
|
451
|
-
|
|
455
|
+
const type = settings.type;
|
|
452
456
|
if (type && type.style === undefined) {
|
|
453
457
|
type.style = 'none';
|
|
454
458
|
}
|
|
@@ -498,13 +502,13 @@ class NotificationContainerComponent {
|
|
|
498
502
|
return Object.assign({}, horizontal, vertical);
|
|
499
503
|
}
|
|
500
504
|
}
|
|
501
|
-
NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
502
|
-
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
505
|
+
NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
|
|
506
|
+
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NotificationContainerComponent, 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: `
|
|
503
507
|
<div #group class="k-notification-group">
|
|
504
508
|
<ng-container #container></ng-container>
|
|
505
509
|
</div>
|
|
506
510
|
`, isInline: true });
|
|
507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationContainerComponent, decorators: [{
|
|
508
512
|
type: Component,
|
|
509
513
|
args: [{
|
|
510
514
|
selector: 'kendo-notification-container',
|
|
@@ -594,7 +598,7 @@ class NotificationService {
|
|
|
594
598
|
if (!settings) {
|
|
595
599
|
throw new Error('NotificationSettings settings are required');
|
|
596
600
|
}
|
|
597
|
-
|
|
601
|
+
const target = this.findGroupContainer(settings);
|
|
598
602
|
const position = settings.position || this.position;
|
|
599
603
|
const currentId = `${position.horizontal} ${position.vertical}`;
|
|
600
604
|
let container;
|
|
@@ -607,7 +611,7 @@ class NotificationService {
|
|
|
607
611
|
notificationContainer = container.instance;
|
|
608
612
|
this.appRef.attachView(container.hostView);
|
|
609
613
|
const hostViewElement = container.location.nativeElement;
|
|
610
|
-
|
|
614
|
+
const groupContainer = this.findGroupContainer(settings);
|
|
611
615
|
if (!groupContainer) {
|
|
612
616
|
throw new Error(`
|
|
613
617
|
View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via
|
|
@@ -619,6 +623,7 @@ class NotificationService {
|
|
|
619
623
|
this.notificationContainers.push(notificationContainer);
|
|
620
624
|
}
|
|
621
625
|
settings.position = position;
|
|
626
|
+
// eslint-disable-next-line prefer-const
|
|
622
627
|
notificationRef = notificationContainer.addNotification(settings);
|
|
623
628
|
return notificationRef;
|
|
624
629
|
}
|
|
@@ -643,9 +648,9 @@ class NotificationService {
|
|
|
643
648
|
return container;
|
|
644
649
|
}
|
|
645
650
|
}
|
|
646
|
-
NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
647
|
-
NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
651
|
+
NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: NOTIFICATION_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
652
|
+
NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService });
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, decorators: [{
|
|
649
654
|
type: Injectable
|
|
650
655
|
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
|
|
651
656
|
type: Inject,
|
|
@@ -686,10 +691,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
686
691
|
*/
|
|
687
692
|
class NotificationModule {
|
|
688
693
|
}
|
|
689
|
-
NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
690
|
-
NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
691
|
-
NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
692
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
694
|
+
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]] });
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
|
|
693
698
|
type: NgModule,
|
|
694
699
|
args: [{
|
|
695
700
|
declarations: [NotificationComponent, NotificationContainerComponent, LocalizedMessagesDirective],
|
package/{main.d.ts → index.d.ts}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
export { Position } from './models/position';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
|
package/models/animation.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { ComponentRef } from '@angular/core';
|
|
6
|
-
import { NotificationComponent } from '../
|
|
6
|
+
import { NotificationComponent } from '../index';
|
|
7
7
|
import { Observable } from 'rxjs';
|
|
8
8
|
/**
|
|
9
9
|
* Holds references to the object instance of the Notification.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
package/models/position.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
package/models/type.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { EventEmitter, TemplateRef, ChangeDetectorRef, ViewContainerRef, ElementRef, OnInit, ComponentRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { ElementRef, ComponentFactoryResolver, ViewContainerRef, OnDestroy, Renderer2, ComponentRef } from '@angular/core';
|
package/notification.module.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import * as i0 from "@angular/core";
|
package/package-metadata.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { PackageMetadata } from '@progress/kendo-licensing';
|
package/package.json
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-notification",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.0.0-develop.79",
|
|
4
4
|
"description": "Kendo UI Notification for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
7
7
|
"homepage": "https://www.telerik.com/kendo-angular-ui/components/",
|
|
8
|
-
"repository": {
|
|
9
|
-
"type": "git",
|
|
10
|
-
"url": "https://github.com/telerik/kendo-angular-notification.git"
|
|
11
|
-
},
|
|
12
8
|
"bugs": {
|
|
13
9
|
"url": "https://github.com/telerik/kendo-angular"
|
|
14
10
|
},
|
|
@@ -19,62 +15,39 @@
|
|
|
19
15
|
"@progress": {
|
|
20
16
|
"friendlyName": "Notification"
|
|
21
17
|
},
|
|
22
|
-
"dependencies": {
|
|
23
|
-
"@progress/kendo-schematics": "^3.0.0",
|
|
24
|
-
"tslib": "^2.3.1"
|
|
25
|
-
},
|
|
26
18
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@
|
|
31
|
-
"@progress/kendo-angular-l10n": "^4.0.0",
|
|
19
|
+
"@angular/animations": "13 - 15",
|
|
20
|
+
"@angular/common": "13 - 15",
|
|
21
|
+
"@angular/core": "13 - 15",
|
|
22
|
+
"@angular/platform-browser": "13 - 15",
|
|
32
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
|
+
"@progress/kendo-angular-common": "11.0.0-develop.79",
|
|
25
|
+
"@progress/kendo-angular-l10n": "11.0.0-develop.79",
|
|
26
|
+
"@progress/kendo-angular-schematics": "11.0.0-develop.79",
|
|
33
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
34
28
|
},
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"path": "./node_modules/cz-conventional-changelog"
|
|
38
|
-
},
|
|
39
|
-
"ghooks": {
|
|
40
|
-
"commit-msg": "validate-commit-msg"
|
|
41
|
-
},
|
|
42
|
-
"validate-commit-msg": {
|
|
43
|
-
"types": [
|
|
44
|
-
"feat",
|
|
45
|
-
"fix",
|
|
46
|
-
"docs",
|
|
47
|
-
"style",
|
|
48
|
-
"refactor",
|
|
49
|
-
"perf",
|
|
50
|
-
"test",
|
|
51
|
-
"chore",
|
|
52
|
-
"revert"
|
|
53
|
-
],
|
|
54
|
-
"warnOnFail": false,
|
|
55
|
-
"maxSubjectLength": 100
|
|
56
|
-
}
|
|
29
|
+
"dependencies": {
|
|
30
|
+
"tslib": "^2.3.1"
|
|
57
31
|
},
|
|
58
32
|
"schematics": "./schematics/collection.json",
|
|
59
|
-
"
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
33
|
+
"module": "fesm2015/progress-kendo-angular-notification.mjs",
|
|
34
|
+
"es2020": "fesm2020/progress-kendo-angular-notification.mjs",
|
|
35
|
+
"esm2020": "esm2020/progress-kendo-angular-notification.mjs",
|
|
36
|
+
"fesm2020": "fesm2020/progress-kendo-angular-notification.mjs",
|
|
37
|
+
"fesm2015": "fesm2015/progress-kendo-angular-notification.mjs",
|
|
38
|
+
"typings": "progress-kendo-angular-notification.d.ts",
|
|
39
|
+
"exports": {
|
|
40
|
+
"./package.json": {
|
|
41
|
+
"default": "./package.json"
|
|
63
42
|
},
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
43
|
+
".": {
|
|
44
|
+
"types": "./progress-kendo-angular-notification.d.ts",
|
|
45
|
+
"esm2020": "./esm2020/progress-kendo-angular-notification.mjs",
|
|
46
|
+
"es2020": "./fesm2020/progress-kendo-angular-notification.mjs",
|
|
47
|
+
"es2015": "./fesm2015/progress-kendo-angular-notification.mjs",
|
|
48
|
+
"node": "./fesm2015/progress-kendo-angular-notification.mjs",
|
|
49
|
+
"default": "./fesm2020/progress-kendo-angular-notification.mjs"
|
|
50
|
+
}
|
|
72
51
|
},
|
|
73
|
-
"main": "bundles/kendo-angular-notification.umd.js",
|
|
74
|
-
"module": "fesm2015/kendo-angular-notification.js",
|
|
75
|
-
"es2015": "fesm2015/kendo-angular-notification.js",
|
|
76
|
-
"esm2015": "esm2015/kendo-angular-notification.js",
|
|
77
|
-
"fesm2015": "fesm2015/kendo-angular-notification.js",
|
|
78
|
-
"typings": "kendo-angular-notification.d.ts",
|
|
79
52
|
"sideEffects": false
|
|
80
53
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
|
6
6
|
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
8
|
/// <amd-module name="@progress/kendo-angular-notification" />
|
|
9
|
-
export * from './
|
|
9
|
+
export * from './index';
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
1
|
"use strict";
|
|
6
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
3
|
const schematics_1 = require("@angular-devkit/schematics");
|
|
8
4
|
function default_1(options) {
|
|
9
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'NotificationModule', package: 'notification' //package name, e.g grid
|
|
10
6
|
});
|
|
11
|
-
return schematics_1.externalSchematic('@progress/kendo-schematics', 'ng-add', finalOptions);
|
|
7
|
+
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
12
8
|
}
|
|
13
9
|
exports.default = default_1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { ComponentFactoryResolver, Injector, InjectionToken, ElementRef } from '@angular/core';
|
package/utils/animations.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularNotification",["exports","@angular/core","rxjs/operators","@progress/kendo-licensing","@angular/animations","@progress/kendo-angular-l10n","@angular/common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularNotification={},e.ng.core,e.rxjs.operators,e.KendoLicensing,e.ng.animations,e.KendoAngularL10N,e.ng.common)}(this,function(e,a,t,s,i,n,o){"use strict";function r(n){var i;return n&&n.__esModule?n:(i=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i))}function c(){this.hideAfter=5e3,this.position={horizontal:"right",vertical:"top"},this.animation={type:"fade",duration:500},this.closable=!1,this.type={style:"none",icon:!0}}var l=r(a),p=r(i),u=r(n),f=r(o),d={name:"@progress/kendo-angular-notification",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1668672590,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"};var h=function(e,t){return(h=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};Object.create;Object.create;var m=function(n){var e=o,t=n;if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}function o(e){var t=n.call(this)||this;return t.service=e,t}return h(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i),o}(n.ComponentMessages),g=(m.ɵfac=l.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:m,deps:[{token:u.LocalizationService}],target:l.ɵɵFactoryTarget.Directive}),m.ɵdir=l.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"[kendoNotificationLocalizedMessages]",inputs:{closeTitle:"closeTitle"},providers:[{provide:n.ComponentMessages,useExisting:a.forwardRef(function(){return m})}],usesInheritance:!0,ngImport:l}),l.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:m,decorators:[{type:a.Directive,args:[{providers:[{provide:n.ComponentMessages,useExisting:a.forwardRef(function(){return m})}],selector:"[kendoNotificationLocalizedMessages]"}]}],ctorParameters:function(){return[{type:u.LocalizationService}]},propDecorators:{closeTitle:[{type:a.Input}]}}),Object.defineProperty(y.prototype,"containerClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!1,configurable:!0}),y.prototype.notificationClasses=function(){return(this.type?this.typeClass():"")+"\n "+(this.closable?"k-notification-closable":"")},y.prototype.ngOnInit=function(){clearTimeout(this.hideTimeout)},y.prototype.ngOnDestroy=function(){clearTimeout(this.hideTimeout),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},y.prototype.ngAfterViewInit=function(){var e=this;this.closable||this.animation||this.setHideTimeout(),!this.closable&&this.animation&&this.animationEnd.pipe(t.take(1)).subscribe(function(){return e.setHideTimeout()}),this.animation&&this.animate(this.animation)},y.prototype.typeClass=function(){return{none:"",success:"k-notification-success",warning:"k-notification-warning",error:"k-notification-error",info:"k-notification-info"}[this.type.style]},y.prototype.typeIconClass=function(){return{none:"",success:"k-i-check-outline",warning:"k-i-exclamation-circle",error:"k-i-x-outline",info:"k-i-info-circle"}[this.type.style]},y.prototype.onCloseClick=function(){clearTimeout(this.hideTimeout),this.hide()},y.prototype.hide=function(e){var t=this,n=getComputedStyle(this.element.nativeElement).height;this.animation&&n?(this.animate(this.animation,!0),this.animationEnd.subscribe(function(){t.emitClose(e)})):this.emitClose(e)},y.prototype.setHideTimeout=function(){var e=this,t=this.hideAfter||this.defaultHideAfter;this.hideTimeout=window.setTimeout(function(){return e.onCloseClick()},t)},y.prototype.emitClose=function(e){e&&e.destroy(),this.close.emit()},y.prototype.play=function(e,t){var n=this,e=this.builder.build(e),i=this.element.nativeElement,o=(this.renderer.addClass(i,"k-notification-container-animating"),e.create(t));o.onDone(function(){n.renderer.removeClass(i,"k-notification-container-animating"),n.animationEnd.emit(),o&&(o.destroy(),o=null)}),o.play()},y.prototype.animate=function(e,t){var n=this.element.nativeElement,i=e.duration,o=n.offsetHeight,e="slide"===e.type?this.slideAnimation(o,i,t):this.fadeAnimation(i,t);this.play(e,n)},y.prototype.slideAnimation=function(e,t,n){return n?(n=t,[i.style({height:e+"px"}),i.animate(n+"ms ease-in",i.style({overflow:"hidden",height:0}))]):(n=e,e=t,[i.style({overflow:"hidden",height:0}),i.animate(e+"ms ease-in",i.style({height:n+"px"}))])},y.prototype.fadeAnimation=function(e,t){return t?(t=e,[i.style({opacity:1}),i.animate(t+"ms ease-in",i.style({opacity:0}))]):(t=e,[i.style({opacity:0}),i.animate(t+"ms ease-in",i.style({opacity:1}))])},y);function y(e,t,n,i,o){var r=this;this.cdr=e,this.element=t,this.renderer=n,this.builder=i,this.localizationService=o,this.close=new a.EventEmitter,this.width=null,this.height=null,this.defaultHideAfter=5e3,this.animationEnd=new a.EventEmitter,this.rtl=!1,s.validatePackage(d),this.dynamicRTLSubscription=o.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"})}g.ɵfac=l.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:g,deps:[{token:l.ChangeDetectorRef},{token:l.ElementRef},{token:l.Renderer2},{token:p.AnimationBuilder},{token:u.LocalizationService}],target:l.ɵɵFactoryTarget.Component}),g.ɵcmp=l.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,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:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.notification"}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:a.ViewContainerRef,static:!0}],ngImport:l,template:'\n <ng-container kendoNotificationLocalizedMessages\n i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"\n closeTitle="Close"\n >\n </ng-container>\n <div class="k-widget k-notification {{ notificationClasses() }}"\n [ngClass]="cssClass"\n [style.height.px]="height"\n [style.width.px]="width">\n <div class="k-notification-wrap k-hstack">\n <span *ngIf="type && type.icon && type.style !== \'none\'" class="k-icon" [ngClass]="typeIconClass()"></span>\n\n <div class="k-notification-content">\n <ng-template\n [ngIf]="templateRef"\n [ngTemplateOutlet]="templateRef">\n </ng-template>\n <ng-template\n [ngIf]="templateString">\n {{ templateString }}\n </ng-template>\n <ng-container #container></ng-container>\n </div>\n\n <a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>\n </div>\n </div>\n ',isInline:!0,directives:[{type:m,selector:"[kendoNotificationLocalizedMessages]",inputs:["closeTitle"]},{type:f.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:f.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:f.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),l.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:g,decorators:[{type:a.Component,args:[{selector:"kendo-notification",template:'\n <ng-container kendoNotificationLocalizedMessages\n i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"\n closeTitle="Close"\n >\n </ng-container>\n <div class="k-widget k-notification {{ notificationClasses() }}"\n [ngClass]="cssClass"\n [style.height.px]="height"\n [style.width.px]="width">\n <div class="k-notification-wrap k-hstack">\n <span *ngIf="type && type.icon && type.style !== \'none\'" class="k-icon" [ngClass]="typeIconClass()"></span>\n\n <div class="k-notification-content">\n <ng-template\n [ngIf]="templateRef"\n [ngTemplateOutlet]="templateRef">\n </ng-template>\n <ng-template\n [ngIf]="templateString">\n {{ templateString }}\n </ng-template>\n <ng-container #container></ng-container>\n </div>\n\n <a *ngIf="closable" class="k-icon k-i-x" [attr.title]="closeButtonTitle" (click)="onCloseClick()"></a>\n </div>\n </div>\n ',providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.notification"}]}]}],ctorParameters:function(){return[{type:l.ChangeDetectorRef},{type:l.ElementRef},{type:l.Renderer2},{type:p.AnimationBuilder},{type:u.LocalizationService}]},propDecorators:{container:[{type:a.ViewChild,args:["container",{read:a.ViewContainerRef,static:!0}]}],templateRef:[{type:a.Input}],templateString:[{type:a.Input}],width:[{type:a.Input}],height:[{type:a.Input}],cssClass:[{type:a.Input}],hideAfter:[{type:a.Input}],closable:[{type:a.Input}],type:[{type:a.Input}],animation:[{type:a.Input}],direction:[{type:a.HostBinding,args:["attr.dir"]}],containerClass:[{type:a.HostBinding,args:["class.k-notification-container"]}]}});C.prototype.ngOnDestroy=function(){this.notifications.forEach(function(e){e.closeClickSubscription&&e.closeClickSubscription.unsubscribe()}),this.notifications=[]},C.prototype.addNotification=function(e){this.position=e.position,this.id=this.position.horizontal+" "+this.position.vertical;var t=this.resolver.resolveComponentFactory(g),n=this.container.createComponent(t),i=(this.applySettings(n,e),null);return"function"==typeof e.content&&(t=this.resolver.resolveComponentFactory(e.content),i=n.instance.container.createComponent(t)),n.changeDetectorRef.detectChanges(),this.notifications.push(n.instance),e.appendTo&&this.applyAbsolutePosition(e.appendTo),this.applyPosition(),this.applyContainerWrap(),{afterHide:n.instance.close,hide:function(){return n.instance.hide(i)},notification:n,content:i||null}},C.prototype.hide=function(e){var t=e.instance,n=this.notifications.indexOf(t);this.notifications.splice(n,1),t.closeClickSubscription&&t.closeClickSubscription.unsubscribe(),t.templateRef=null,t.templateString=null,e.destroy()},C.prototype.applyContainerWrap=function(){var e="right"===this.position.horizontal?"wrap-reverse":"wrap";this.renderer.setStyle(this.group.nativeElement,"flex-wrap",e)},C.prototype.applySettings=function(e,t){var n=this,i=e.instance,o=t.content,r=t.animation||null,o=(i.closeClickSubscription=i.close.subscribe(function(){return n.hide(e)}),"string"==typeof o&&(i.templateString=o),o instanceof a.TemplateRef&&(i.templateRef=o),i.animation=r,t.type);o&&void 0===o.style&&(o.style="none"),o&&void 0===o.icon&&(o.icon=!0),i.type=o,i.closeTitle=t.closeTitle,t.cssClass&&(i.cssClass=t.cssClass),i.closable=t.closable,i.hideAfter=t.hideAfter,i.width=t.width,i.height=t.height},C.prototype.applyAbsolutePosition=function(e){var e=e.element.nativeElement,t=this.element.nativeElement.children[0];"static"===window.getComputedStyle(e).position&&this.renderer.setStyle(e,"position","relative"),this.renderer.setStyle(t,"position","absolute")},C.prototype.applyPosition=function(){var t=this.element.nativeElement.children[0],e=t.getBoundingClientRect().width/2,n=this.setContainerPosition(this.position,e);Object.keys(n).forEach(function(e){t.style[e]=n[e]})},C.prototype.setContainerPosition=function(e,t){var t={horizontal:{left:{left:0,alignItems:"flex-start"},right:{right:0,alignItems:"flex-start"},center:{left:"50%",marginLeft:-t+"px",alignItems:"center"}},vertical:{top:{top:0},bottom:{bottom:0}}},n=t.horizontal[e.horizontal],t=t.vertical[e.vertical];return Object.assign({},n,t)};var v=C;function C(e,t,n){this.element=e,this.renderer=t,this.resolver=n,this.id="",this.notifications=[]}v.ɵfac=l.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:v,deps:[{token:l.ElementRef},{token:l.Renderer2},{token:l.ComponentFactoryResolver}],target:l.ɵɵFactoryTarget.Component}),v.ɵcmp=l.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-notification-container",inputs:{id:"id"},viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:a.ViewContainerRef,static:!0},{propertyName:"group",first:!0,predicate:["group"],descendants:!0,static:!0}],ngImport:l,template:'\n <div #group class="k-notification-group">\n <ng-container #container></ng-container>\n </div>\n ',isInline:!0}),l.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:v,decorators:[{type:a.Component,args:[{selector:"kendo-notification-container",template:'\n <div #group class="k-notification-group">\n <ng-container #container></ng-container>\n </div>\n '}]}],ctorParameters:function(){return[{type:l.ElementRef},{type:l.Renderer2},{type:l.ComponentFactoryResolver}]},propDecorators:{container:[{type:a.ViewChild,args:["container",{read:a.ViewContainerRef,static:!0}]}],group:[{type:a.ViewChild,args:["group",{static:!0}]}],id:[{type:a.Input}]}});var k=new a.InjectionToken("Notification Container"),f=(I.prototype.show=function(e){if(!e)throw new Error("NotificationSettings settings are required");var t=this.findGroupContainer(e),n=e.position||this.position,i=n.horizontal+" "+n.vertical,o=this.notificationContainers.find(function(e){return t.nativeElement.contains(e.element.nativeElement)&&e.id===i});if(!o){o=(r=this.resolver.resolveComponentFactory(v).create(this.injector)).instance,this.appRef.attachView(r.hostView);var r=r.location.nativeElement,a=this.findGroupContainer(e);if(!a)throw new Error("\n View Container not found! Inject the NOTIFICATION_CONTAINER or define a specific ViewContainerRef via\n the appendTo option. See http://www.telerik.com/kendo-angular-ui/components/notification/api/NOTIFICATION_CONTAINER/\n for more details.\n ");a.nativeElement.appendChild(r),this.notificationContainers.push(o)}return e.position=n,o.addNotification(e)},Object.defineProperty(I.prototype,"appRef",{get:function(){return this.applicationRef||(this.applicationRef=this.injector.get(a.ApplicationRef)),this.applicationRef},enumerable:!1,configurable:!0}),I.prototype.findGroupContainer=function(e){return e.appendTo?e.appendTo.element:this.container||((e=this.appRef.components&&this.appRef.components[0])?e.location:null)},I);function I(e,t,n){this.resolver=e,this.injector=t,this.container=n,this.notificationContainers=[],this.position={horizontal:"right",vertical:"top"}}f.ɵfac=l.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:f,deps:[{token:l.ComponentFactoryResolver},{token:l.Injector},{token:k,optional:!0}],target:l.ɵɵFactoryTarget.Injectable}),f.ɵprov=l.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:f}),l.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:f,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:l.ComponentFactoryResolver},{type:l.Injector},{type:l.ElementRef,decorators:[{type:a.Inject,args:[k]},{type:a.Optional}]}]}});n=function(){};n.ɵfac=l.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:n,deps:[],target:l.ɵɵFactoryTarget.NgModule}),n.ɵmod=l.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:n,declarations:[g,v,m],imports:[o.CommonModule],exports:[g,v]}),n.ɵinj=l.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:n,providers:[f],imports:[[o.CommonModule]]}),l.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:l,type:n,decorators:[{type:a.NgModule,args:[{declarations:[g,v,m],entryComponents:[g,v],imports:[o.CommonModule],exports:[g,v],providers:[f]}]}]}),e.NOTIFICATION_CONTAINER=k,e.NotificationComponent=g,e.NotificationContainerComponent=v,e.NotificationModule=n,e.NotificationService=f,e.NotificationSettings=c,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tooling/schematics/ngAdd/index.ts"],"names":[],"mappings":";;AAAA,2DAKqC;AAErC,mBAAyB,OAAY;IACjC,MAAM,YAAY,mCACX,OAAO,KACV,YAAY,EAAE,oBAAoB,EAClC,OAAO,EAAE,cAAc,CAAC,wBAAwB;OACnD,CAAC;IAEF,OAAO,8BAAiB,CAAC,4BAA4B,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnF,CAAC;AARD,4BAQC"}
|