@progress/kendo-angular-popup 20.1.2-develop.1 → 21.0.0-develop.10
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/esm2022/package-metadata.mjs +2 -2
- package/esm2022/popup.component.mjs +4 -5
- package/esm2022/popup.module.mjs +4 -4
- package/esm2022/popup.service.mjs +5 -5
- package/esm2022/services/align.service.mjs +5 -5
- package/esm2022/services/animation.service.mjs +4 -4
- package/esm2022/services/dom.service.mjs +3 -3
- package/esm2022/services/position.service.mjs +5 -5
- package/esm2022/services/resize.service.mjs +4 -4
- package/esm2022/services/scrollable.service.mjs +4 -4
- package/esm2022/util.mjs +0 -1
- package/fesm2022/progress-kendo-angular-popup.mjs +40 -42
- package/models/popup-settings.d.ts +1 -1
- package/package.json +8 -8
- package/popup.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +1 -1
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '
|
|
13
|
+
publishDate: 1761912701,
|
|
14
|
+
version: '21.0.0-develop.10',
|
|
15
15
|
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'
|
|
16
16
|
};
|
|
@@ -80,7 +80,6 @@ export class PopupComponent {
|
|
|
80
80
|
*
|
|
81
81
|
* > To style the content of the Popup, use this property binding.
|
|
82
82
|
*/
|
|
83
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
84
83
|
popupClass;
|
|
85
84
|
/**
|
|
86
85
|
* Sets the position mode of the component. By default, the Popup uses fixed positioning. To use absolute positioning, set this option to `absolute`.
|
|
@@ -289,8 +288,8 @@ export class PopupComponent {
|
|
|
289
288
|
this.repositionSubscription.unsubscribe();
|
|
290
289
|
}
|
|
291
290
|
}
|
|
292
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
293
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
291
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ElementRef }, { token: i1.AlignService }, { token: i2.DOMService }, { token: i3.PositionService }, { token: i4.ResizeService }, { token: i5.ScrollableService }, { token: i6.AnimationService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
292
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PopupComponent, isStandalone: true, selector: "kendo-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", collision: "collision", popupAlign: "popupAlign", copyAnchorStyles: "copyAnchorStyles", popupClass: "popupClass", positionMode: "positionMode", offset: "offset", margin: "margin" }, outputs: { anchorViewportLeave: "anchorViewportLeave", close: "close", open: "open", positionChange: "positionChange" }, providers: [AlignService, AnimationService, DOMService, PositionService, ResizeService, ScrollableService], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendo-popup"], usesOnChanges: true, ngImport: i0, template: `
|
|
294
293
|
<div class="k-child-animation-container">
|
|
295
294
|
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
296
295
|
<ng-content></ng-content>
|
|
@@ -301,7 +300,7 @@ export class PopupComponent {
|
|
|
301
300
|
</div>
|
|
302
301
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
|
|
303
302
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, decorators: [{
|
|
305
304
|
type: Component,
|
|
306
305
|
args: [{
|
|
307
306
|
exportAs: 'kendo-popup',
|
|
@@ -320,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
320
319
|
standalone: true,
|
|
321
320
|
imports: [NgClass, NgTemplateOutlet, NgIf, ResizeSensorComponent]
|
|
322
321
|
}]
|
|
323
|
-
}], ctorParameters:
|
|
322
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AlignService }, { type: i2.DOMService }, { type: i3.PositionService }, { type: i4.ResizeService }, { type: i5.ScrollableService }, { type: i6.AnimationService }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { animate: [{
|
|
324
323
|
type: Input
|
|
325
324
|
}], anchor: [{
|
|
326
325
|
type: Input
|
package/esm2022/popup.module.mjs
CHANGED
|
@@ -40,11 +40,11 @@ import * as i2 from "./popup.component";
|
|
|
40
40
|
* ```
|
|
41
41
|
*/
|
|
42
42
|
export class PopupModule {
|
|
43
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
45
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, imports: [i1.ResizeSensorComponent, i2.PopupComponent], exports: [i2.PopupComponent] });
|
|
45
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, providers: [PopupService, ResizeBatchService], imports: [KENDO_RESIZESENSOR, KENDO_POPUP] });
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, decorators: [{
|
|
48
48
|
type: NgModule,
|
|
49
49
|
args: [{
|
|
50
50
|
exports: [...KENDO_POPUP],
|
|
@@ -225,17 +225,17 @@ export class PopupService {
|
|
|
225
225
|
]
|
|
226
226
|
};
|
|
227
227
|
}
|
|
228
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
229
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
229
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, providedIn: 'root' });
|
|
230
230
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, decorators: [{
|
|
232
232
|
type: Injectable,
|
|
233
233
|
args: [{
|
|
234
234
|
providedIn: 'root'
|
|
235
235
|
}]
|
|
236
|
-
}], ctorParameters:
|
|
236
|
+
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
|
|
237
237
|
type: Inject,
|
|
238
238
|
args: [POPUP_CONTAINER]
|
|
239
239
|
}, {
|
|
240
240
|
type: Optional
|
|
241
|
-
}] }]
|
|
241
|
+
}] }] });
|
|
@@ -56,14 +56,14 @@ export class AlignService {
|
|
|
56
56
|
const rect = eitherRect(this._dom.position(anchor, element, scale), offset);
|
|
57
57
|
return scaleRect(rect, scale);
|
|
58
58
|
}
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
60
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
60
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService });
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService, decorators: [{
|
|
63
63
|
type: Injectable
|
|
64
|
-
}], ctorParameters:
|
|
64
|
+
}], ctorParameters: () => [{ type: i1.DOMService }, { type: undefined, decorators: [{
|
|
65
65
|
type: Inject,
|
|
66
66
|
args: [SCALE]
|
|
67
67
|
}, {
|
|
68
68
|
type: Optional
|
|
69
|
-
}] }]
|
|
69
|
+
}] }] });
|
|
@@ -130,9 +130,9 @@ export class AnimationService {
|
|
|
130
130
|
this.player = null;
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
134
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
133
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
134
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService });
|
|
135
135
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService, decorators: [{
|
|
137
137
|
type: Injectable
|
|
138
|
-
}], ctorParameters:
|
|
138
|
+
}], ctorParameters: () => [{ type: i1.AnimationBuilder }] });
|
|
@@ -144,9 +144,9 @@ export class DOMService {
|
|
|
144
144
|
isZoomed() {
|
|
145
145
|
return this.zoomLevel() > 1;
|
|
146
146
|
}
|
|
147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
148
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
148
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService });
|
|
149
149
|
}
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService, decorators: [{
|
|
151
151
|
type: Injectable
|
|
152
152
|
}] });
|
|
@@ -45,14 +45,14 @@ export class PositionService {
|
|
|
45
45
|
offset: offset
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
49
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
48
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
49
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService });
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService, decorators: [{
|
|
52
52
|
type: Injectable
|
|
53
|
-
}], ctorParameters:
|
|
53
|
+
}], ctorParameters: () => [{ type: i1.DOMService }, { type: undefined, decorators: [{
|
|
54
54
|
type: Inject,
|
|
55
55
|
args: [SCALE]
|
|
56
56
|
}, {
|
|
57
57
|
type: Optional
|
|
58
|
-
}] }]
|
|
58
|
+
}] }] });
|
|
@@ -40,9 +40,9 @@ export class ResizeService {
|
|
|
40
40
|
isUnsubscribed() {
|
|
41
41
|
return this.subscription && this.subscription.closed;
|
|
42
42
|
}
|
|
43
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
44
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService });
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService, decorators: [{
|
|
47
47
|
type: Injectable
|
|
48
|
-
}], ctorParameters:
|
|
48
|
+
}], ctorParameters: () => [{ type: i1.DOMService }, { type: i0.NgZone }] });
|
|
@@ -73,9 +73,9 @@ export class ScrollableService {
|
|
|
73
73
|
}
|
|
74
74
|
return true;
|
|
75
75
|
}
|
|
76
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
77
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
76
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
77
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService });
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService, decorators: [{
|
|
80
80
|
type: Injectable
|
|
81
|
-
}], ctorParameters:
|
|
81
|
+
}], ctorParameters: () => [{ type: i1.DOMService }, { type: i0.NgZone }] });
|
package/esm2022/util.mjs
CHANGED
|
@@ -96,7 +96,6 @@ export const scrollableParents = (element) => {
|
|
|
96
96
|
* @hidden
|
|
97
97
|
*/
|
|
98
98
|
export const FRAME_DURATION = 1000 / 60; //1000ms divided by 60fps
|
|
99
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
100
99
|
function memoize(fun) {
|
|
101
100
|
let result;
|
|
102
101
|
let called = false;
|
|
@@ -107,7 +107,6 @@ const scrollableParents = (element) => {
|
|
|
107
107
|
* @hidden
|
|
108
108
|
*/
|
|
109
109
|
const FRAME_DURATION = 1000 / 60; //1000ms divided by 60fps
|
|
110
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
111
110
|
function memoize(fun) {
|
|
112
111
|
let result;
|
|
113
112
|
let called = false;
|
|
@@ -292,10 +291,10 @@ class DOMService {
|
|
|
292
291
|
isZoomed() {
|
|
293
292
|
return this.zoomLevel() > 1;
|
|
294
293
|
}
|
|
295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
296
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
295
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService });
|
|
297
296
|
}
|
|
298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DOMService, decorators: [{
|
|
299
298
|
type: Injectable
|
|
300
299
|
}] });
|
|
301
300
|
|
|
@@ -356,17 +355,17 @@ class AlignService {
|
|
|
356
355
|
const rect = eitherRect(this._dom.position(anchor, element, scale), offset);
|
|
357
356
|
return scaleRect(rect, scale);
|
|
358
357
|
}
|
|
359
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
360
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
358
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
359
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService });
|
|
361
360
|
}
|
|
362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlignService, decorators: [{
|
|
363
362
|
type: Injectable
|
|
364
|
-
}], ctorParameters:
|
|
363
|
+
}], ctorParameters: () => [{ type: DOMService }, { type: undefined, decorators: [{
|
|
365
364
|
type: Inject,
|
|
366
365
|
args: [SCALE]
|
|
367
366
|
}, {
|
|
368
367
|
type: Optional
|
|
369
|
-
}] }]
|
|
368
|
+
}] }] });
|
|
370
369
|
|
|
371
370
|
/**
|
|
372
371
|
* @hidden
|
|
@@ -405,17 +404,17 @@ class PositionService {
|
|
|
405
404
|
offset: offset
|
|
406
405
|
};
|
|
407
406
|
}
|
|
408
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
409
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
407
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
408
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService });
|
|
410
409
|
}
|
|
411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PositionService, decorators: [{
|
|
412
411
|
type: Injectable
|
|
413
|
-
}], ctorParameters:
|
|
412
|
+
}], ctorParameters: () => [{ type: DOMService }, { type: undefined, decorators: [{
|
|
414
413
|
type: Inject,
|
|
415
414
|
args: [SCALE]
|
|
416
415
|
}, {
|
|
417
416
|
type: Optional
|
|
418
|
-
}] }]
|
|
417
|
+
}] }] });
|
|
419
418
|
|
|
420
419
|
/**
|
|
421
420
|
* @hidden
|
|
@@ -447,12 +446,12 @@ class ResizeService {
|
|
|
447
446
|
isUnsubscribed() {
|
|
448
447
|
return this.subscription && this.subscription.closed;
|
|
449
448
|
}
|
|
450
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
451
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
450
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService });
|
|
452
451
|
}
|
|
453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizeService, decorators: [{
|
|
454
453
|
type: Injectable
|
|
455
|
-
}], ctorParameters:
|
|
454
|
+
}], ctorParameters: () => [{ type: DOMService }, { type: i0.NgZone }] });
|
|
456
455
|
|
|
457
456
|
/**
|
|
458
457
|
* @hidden
|
|
@@ -517,12 +516,12 @@ class ScrollableService {
|
|
|
517
516
|
}
|
|
518
517
|
return true;
|
|
519
518
|
}
|
|
520
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
521
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
519
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
520
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService });
|
|
522
521
|
}
|
|
523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollableService, decorators: [{
|
|
524
523
|
type: Injectable
|
|
525
|
-
}], ctorParameters:
|
|
524
|
+
}], ctorParameters: () => [{ type: DOMService }, { type: i0.NgZone }] });
|
|
526
525
|
|
|
527
526
|
const LEFT = 'left';
|
|
528
527
|
const RIGHT = 'right';
|
|
@@ -648,12 +647,12 @@ class AnimationService {
|
|
|
648
647
|
this.player = null;
|
|
649
648
|
}
|
|
650
649
|
}
|
|
651
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
652
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
650
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
651
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService });
|
|
653
652
|
}
|
|
654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnimationService, decorators: [{
|
|
655
654
|
type: Injectable
|
|
656
|
-
}], ctorParameters:
|
|
655
|
+
}], ctorParameters: () => [{ type: i1.AnimationBuilder }] });
|
|
657
656
|
|
|
658
657
|
/**
|
|
659
658
|
* @hidden
|
|
@@ -663,8 +662,8 @@ const packageMetadata = {
|
|
|
663
662
|
productName: 'Kendo UI for Angular',
|
|
664
663
|
productCode: 'KENDOUIANGULAR',
|
|
665
664
|
productCodes: ['KENDOUIANGULAR'],
|
|
666
|
-
publishDate:
|
|
667
|
-
version: '
|
|
665
|
+
publishDate: 1761912701,
|
|
666
|
+
version: '21.0.0-develop.10',
|
|
668
667
|
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'
|
|
669
668
|
};
|
|
670
669
|
|
|
@@ -726,7 +725,6 @@ class PopupComponent {
|
|
|
726
725
|
*
|
|
727
726
|
* > To style the content of the Popup, use this property binding.
|
|
728
727
|
*/
|
|
729
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
730
728
|
popupClass;
|
|
731
729
|
/**
|
|
732
730
|
* Sets the position mode of the component. By default, the Popup uses fixed positioning. To use absolute positioning, set this option to `absolute`.
|
|
@@ -935,8 +933,8 @@ class PopupComponent {
|
|
|
935
933
|
this.repositionSubscription.unsubscribe();
|
|
936
934
|
}
|
|
937
935
|
}
|
|
938
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
939
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
936
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ElementRef }, { token: AlignService }, { token: DOMService }, { token: PositionService }, { token: ResizeService }, { token: ScrollableService }, { token: AnimationService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
937
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PopupComponent, isStandalone: true, selector: "kendo-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", collision: "collision", popupAlign: "popupAlign", copyAnchorStyles: "copyAnchorStyles", popupClass: "popupClass", positionMode: "positionMode", offset: "offset", margin: "margin" }, outputs: { anchorViewportLeave: "anchorViewportLeave", close: "close", open: "open", positionChange: "positionChange" }, providers: [AlignService, AnimationService, DOMService, PositionService, ResizeService, ScrollableService], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendo-popup"], usesOnChanges: true, ngImport: i0, template: `
|
|
940
938
|
<div class="k-child-animation-container">
|
|
941
939
|
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
942
940
|
<ng-content></ng-content>
|
|
@@ -947,7 +945,7 @@ class PopupComponent {
|
|
|
947
945
|
</div>
|
|
948
946
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
|
|
949
947
|
}
|
|
950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, decorators: [{
|
|
951
949
|
type: Component,
|
|
952
950
|
args: [{
|
|
953
951
|
exportAs: 'kendo-popup',
|
|
@@ -966,7 +964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
966
964
|
standalone: true,
|
|
967
965
|
imports: [NgClass, NgTemplateOutlet, NgIf, ResizeSensorComponent]
|
|
968
966
|
}]
|
|
969
|
-
}], ctorParameters:
|
|
967
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: AlignService }, { type: DOMService }, { type: PositionService }, { type: ResizeService }, { type: ScrollableService }, { type: AnimationService }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { animate: [{
|
|
970
968
|
type: Input
|
|
971
969
|
}], anchor: [{
|
|
972
970
|
type: Input
|
|
@@ -1222,20 +1220,20 @@ class PopupService {
|
|
|
1222
1220
|
]
|
|
1223
1221
|
};
|
|
1224
1222
|
}
|
|
1225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1226
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1223
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1224
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, providedIn: 'root' });
|
|
1227
1225
|
}
|
|
1228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupService, decorators: [{
|
|
1229
1227
|
type: Injectable,
|
|
1230
1228
|
args: [{
|
|
1231
1229
|
providedIn: 'root'
|
|
1232
1230
|
}]
|
|
1233
|
-
}], ctorParameters:
|
|
1231
|
+
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
|
|
1234
1232
|
type: Inject,
|
|
1235
1233
|
args: [POPUP_CONTAINER]
|
|
1236
1234
|
}, {
|
|
1237
1235
|
type: Optional
|
|
1238
|
-
}] }]
|
|
1236
|
+
}] }] });
|
|
1239
1237
|
|
|
1240
1238
|
/**
|
|
1241
1239
|
* Use this utility array to access all `@progress/kendo-angular-popup`-related components and directives in a standalone Angular component.
|
|
@@ -1289,11 +1287,11 @@ const KENDO_POPUP = [
|
|
|
1289
1287
|
* ```
|
|
1290
1288
|
*/
|
|
1291
1289
|
class PopupModule {
|
|
1292
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1293
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1294
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1290
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1291
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, imports: [i1$1.ResizeSensorComponent, PopupComponent], exports: [PopupComponent] });
|
|
1292
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, providers: [PopupService, ResizeBatchService], imports: [KENDO_RESIZESENSOR, KENDO_POPUP] });
|
|
1295
1293
|
}
|
|
1296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1294
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupModule, decorators: [{
|
|
1297
1295
|
type: NgModule,
|
|
1298
1296
|
args: [{
|
|
1299
1297
|
exports: [...KENDO_POPUP],
|
|
@@ -56,7 +56,7 @@ export interface PopupSettings {
|
|
|
56
56
|
*
|
|
57
57
|
* > To style the content of the Popup, use this property binding.
|
|
58
58
|
*/
|
|
59
|
-
popupClass?: string | Array<string> |
|
|
59
|
+
popupClass?: string | Array<string> | object;
|
|
60
60
|
/**
|
|
61
61
|
* Sets the absolute position of the element ([see example]({% slug alignmentpositioning_popup %}#toc-aligning-to-absolute-points)).
|
|
62
62
|
* The Popup opens next to this point. The pivot point of the Popup is defined by the `popupAlign` option. The boundary detection uses the window viewport.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-popup",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Angular Popup component - an easily customized popup from the most trusted provider of professional Angular components.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -19,23 +19,23 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1761912701,
|
|
23
23
|
"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"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/platform-browser": "
|
|
31
|
-
"@progress/kendo-angular-common": "
|
|
27
|
+
"@angular/animations": "18 - 20",
|
|
28
|
+
"@angular/common": "18 - 20",
|
|
29
|
+
"@angular/core": "18 - 20",
|
|
30
|
+
"@angular/platform-browser": "18 - 20",
|
|
31
|
+
"@progress/kendo-angular-common": "21.0.0-develop.10",
|
|
32
32
|
"@progress/kendo-licensing": "^1.7.0",
|
|
33
33
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@progress/kendo-popup-common": "1.9.5",
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "
|
|
38
|
+
"@progress/kendo-angular-schematics": "21.0.0-develop.10"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-popup.mjs",
|
package/popup.component.d.ts
CHANGED
|
@@ -72,7 +72,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
|
|
|
72
72
|
*
|
|
73
73
|
* > To style the content of the Popup, use this property binding.
|
|
74
74
|
*/
|
|
75
|
-
popupClass: string | Array<string> |
|
|
75
|
+
popupClass: string | Array<string> | object;
|
|
76
76
|
/**
|
|
77
77
|
* Sets the position mode of the component. By default, the Popup uses fixed positioning. To use absolute positioning, set this option to `absolute`.
|
|
78
78
|
*
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = default_1;
|
|
3
4
|
const schematics_1 = require("@angular-devkit/schematics");
|
|
4
5
|
function default_1(options) {
|
|
5
6
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PopupModule', package: 'popup' //package name, e.g grid
|
|
6
7
|
});
|
|
7
8
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
8
9
|
}
|
|
9
|
-
exports.default = default_1;
|