@progress/kendo-angular-popup 21.1.1-develop.2 → 21.2.0-develop.2
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.
|
@@ -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: '21.
|
|
13
|
+
publishDate: 1764001977,
|
|
14
|
+
version: '21.2.0-develop.2',
|
|
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
|
};
|
|
@@ -14,7 +14,7 @@ import { hasObservers, isDocumentAvailable, ResizeSensorComponent } from '@progr
|
|
|
14
14
|
import { from } from 'rxjs';
|
|
15
15
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
16
16
|
import { packageMetadata } from './package-metadata';
|
|
17
|
-
import { NgClass, NgTemplateOutlet
|
|
17
|
+
import { NgClass, NgTemplateOutlet } from '@angular/common';
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
19
|
import * as i1 from "./services/align.service";
|
|
20
20
|
import * as i2 from "./services/dom.service";
|
|
@@ -31,9 +31,11 @@ const ANIMATION_CONTAINER_FIXED = 'k-animation-container-fixed';
|
|
|
31
31
|
* @example
|
|
32
32
|
* ```html
|
|
33
33
|
* <button #anchor (click)="show = !show">Toggle</button>
|
|
34
|
-
*
|
|
35
|
-
* <
|
|
36
|
-
*
|
|
34
|
+
* @if (show) {
|
|
35
|
+
* <kendo-popup [anchor]="anchor">
|
|
36
|
+
* <strong>Popup content!</strong>
|
|
37
|
+
* </kendo-popup>
|
|
38
|
+
* }
|
|
37
39
|
* ```
|
|
38
40
|
*/
|
|
39
41
|
export class PopupComponent {
|
|
@@ -289,16 +291,18 @@ export class PopupComponent {
|
|
|
289
291
|
}
|
|
290
292
|
}
|
|
291
293
|
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: "
|
|
294
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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: `
|
|
293
295
|
<div class="k-child-animation-container">
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
296
|
+
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
297
|
+
<ng-content></ng-content>
|
|
298
|
+
@if (content) {
|
|
299
|
+
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
300
|
+
}
|
|
301
|
+
<kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">
|
|
302
|
+
</kendo-resize-sensor>
|
|
303
|
+
</div>
|
|
300
304
|
</div>
|
|
301
|
-
|
|
305
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
|
|
302
306
|
}
|
|
303
307
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, decorators: [{
|
|
304
308
|
type: Component,
|
|
@@ -308,16 +312,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
308
312
|
selector: 'kendo-popup',
|
|
309
313
|
template: `
|
|
310
314
|
<div class="k-child-animation-container">
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
315
|
+
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
316
|
+
<ng-content></ng-content>
|
|
317
|
+
@if (content) {
|
|
318
|
+
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
319
|
+
}
|
|
320
|
+
<kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">
|
|
321
|
+
</kendo-resize-sensor>
|
|
322
|
+
</div>
|
|
317
323
|
</div>
|
|
318
|
-
|
|
324
|
+
`,
|
|
319
325
|
standalone: true,
|
|
320
|
-
imports: [NgClass, NgTemplateOutlet,
|
|
326
|
+
imports: [NgClass, NgTemplateOutlet, ResizeSensorComponent]
|
|
321
327
|
}]
|
|
322
328
|
}], 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: [{
|
|
323
329
|
type: Input
|
|
@@ -12,7 +12,7 @@ import { auditTime } from 'rxjs/operators';
|
|
|
12
12
|
import * as i1 from '@angular/animations';
|
|
13
13
|
import { style, animate } from '@angular/animations';
|
|
14
14
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
15
|
-
import { NgClass, NgTemplateOutlet
|
|
15
|
+
import { NgClass, NgTemplateOutlet } from '@angular/common';
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
18
|
* @hidden
|
|
@@ -662,8 +662,8 @@ const packageMetadata = {
|
|
|
662
662
|
productName: 'Kendo UI for Angular',
|
|
663
663
|
productCode: 'KENDOUIANGULAR',
|
|
664
664
|
productCodes: ['KENDOUIANGULAR'],
|
|
665
|
-
publishDate:
|
|
666
|
-
version: '21.
|
|
665
|
+
publishDate: 1764001977,
|
|
666
|
+
version: '21.2.0-develop.2',
|
|
667
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'
|
|
668
668
|
};
|
|
669
669
|
|
|
@@ -676,9 +676,11 @@ const ANIMATION_CONTAINER_FIXED = 'k-animation-container-fixed';
|
|
|
676
676
|
* @example
|
|
677
677
|
* ```html
|
|
678
678
|
* <button #anchor (click)="show = !show">Toggle</button>
|
|
679
|
-
*
|
|
680
|
-
* <
|
|
681
|
-
*
|
|
679
|
+
* @if (show) {
|
|
680
|
+
* <kendo-popup [anchor]="anchor">
|
|
681
|
+
* <strong>Popup content!</strong>
|
|
682
|
+
* </kendo-popup>
|
|
683
|
+
* }
|
|
682
684
|
* ```
|
|
683
685
|
*/
|
|
684
686
|
class PopupComponent {
|
|
@@ -934,16 +936,18 @@ class PopupComponent {
|
|
|
934
936
|
}
|
|
935
937
|
}
|
|
936
938
|
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: "
|
|
939
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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: `
|
|
938
940
|
<div class="k-child-animation-container">
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
941
|
+
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
942
|
+
<ng-content></ng-content>
|
|
943
|
+
@if (content) {
|
|
944
|
+
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
945
|
+
}
|
|
946
|
+
<kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">
|
|
947
|
+
</kendo-resize-sensor>
|
|
948
|
+
</div>
|
|
945
949
|
</div>
|
|
946
|
-
|
|
950
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
|
|
947
951
|
}
|
|
948
952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupComponent, decorators: [{
|
|
949
953
|
type: Component,
|
|
@@ -953,16 +957,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
953
957
|
selector: 'kendo-popup',
|
|
954
958
|
template: `
|
|
955
959
|
<div class="k-child-animation-container">
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
960
|
+
<div [class.k-popup]="renderDefaultClass" [ngClass]="popupClass" #container>
|
|
961
|
+
<ng-content></ng-content>
|
|
962
|
+
@if (content) {
|
|
963
|
+
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
964
|
+
}
|
|
965
|
+
<kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">
|
|
966
|
+
</kendo-resize-sensor>
|
|
967
|
+
</div>
|
|
962
968
|
</div>
|
|
963
|
-
|
|
969
|
+
`,
|
|
964
970
|
standalone: true,
|
|
965
|
-
imports: [NgClass, NgTemplateOutlet,
|
|
971
|
+
imports: [NgClass, NgTemplateOutlet, ResizeSensorComponent]
|
|
966
972
|
}]
|
|
967
973
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: AlignService }, { type: DOMService }, { type: PositionService }, { type: ResizeService }, { type: ScrollableService }, { type: AnimationService }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { animate: [{
|
|
968
974
|
type: Input
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-popup",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.2.0-develop.2",
|
|
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,7 +19,7 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1764001977,
|
|
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
|
},
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"@angular/common": "18 - 21",
|
|
29
29
|
"@angular/core": "18 - 21",
|
|
30
30
|
"@angular/platform-browser": "18 - 21",
|
|
31
|
-
"@progress/kendo-angular-common": "21.
|
|
31
|
+
"@progress/kendo-angular-common": "21.2.0-develop.2",
|
|
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": "21.
|
|
38
|
+
"@progress/kendo-angular-schematics": "21.2.0-develop.2"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-popup.mjs",
|
package/popup.component.d.ts
CHANGED
|
@@ -23,9 +23,11 @@ import * as i0 from "@angular/core";
|
|
|
23
23
|
* @example
|
|
24
24
|
* ```html
|
|
25
25
|
* <button #anchor (click)="show = !show">Toggle</button>
|
|
26
|
-
*
|
|
27
|
-
* <
|
|
28
|
-
*
|
|
26
|
+
* @if (show) {
|
|
27
|
+
* <kendo-popup [anchor]="anchor">
|
|
28
|
+
* <strong>Popup content!</strong>
|
|
29
|
+
* </kendo-popup>
|
|
30
|
+
* }
|
|
29
31
|
* ```
|
|
30
32
|
*/
|
|
31
33
|
export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy {
|