@progress/kendo-angular-popup 22.1.0-develop.9 → 23.0.0-develop.1
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/fesm2022/progress-kendo-angular-popup.mjs +14 -14
- package/models/popup-ref.d.ts +3 -3
- package/models/popup-settings.d.ts +7 -7
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
- package/popup.component.d.ts +10 -10
- package/popup.service.d.ts +2 -2
- package/scale.d.ts +1 -1
|
@@ -322,7 +322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
322
322
|
/**
|
|
323
323
|
* Use the `SCALE` injection token to set the document scale when you use a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
|
|
324
324
|
*
|
|
325
|
-
* The document or container scale is required to compute the popup position correctly. Set the value for `SCALE` to ensure correct positioning. See [Support for Document Scale](
|
|
325
|
+
* The document or container scale is required to compute the popup position correctly. Set the value for `SCALE` to ensure correct positioning. See [Support for Document Scale](https://www.telerik.com/kendo-angular-ui/components/popup/document-scale).
|
|
326
326
|
*
|
|
327
327
|
* > You do not need to use this token for user-applied browser zoom.
|
|
328
328
|
*/
|
|
@@ -684,7 +684,7 @@ const packageMetadata = {
|
|
|
684
684
|
productCode: 'KENDOUIANGULAR',
|
|
685
685
|
productCodes: ['KENDOUIANGULAR'],
|
|
686
686
|
publishDate: 0,
|
|
687
|
-
version: '
|
|
687
|
+
version: '23.0.0-develop.1',
|
|
688
688
|
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'
|
|
689
689
|
};
|
|
690
690
|
|
|
@@ -692,7 +692,7 @@ const DEFAULT_OFFSET = { left: -10000, top: 0 };
|
|
|
692
692
|
const ANIMATION_CONTAINER = 'k-animation-container';
|
|
693
693
|
const ANIMATION_CONTAINER_FIXED = 'k-animation-container-fixed';
|
|
694
694
|
/**
|
|
695
|
-
* Represents the [Kendo UI Popup component for Angular](
|
|
695
|
+
* Represents the [Kendo UI Popup component for Angular](https://www.telerik.com/kendo-angular-ui/components/popup).
|
|
696
696
|
*
|
|
697
697
|
* @example
|
|
698
698
|
* ```html
|
|
@@ -715,26 +715,26 @@ class PopupComponent {
|
|
|
715
715
|
_renderer;
|
|
716
716
|
_zone;
|
|
717
717
|
/**
|
|
718
|
-
* Controls the Popup animation. By default, the opening and closing animations are enabled ([see example](
|
|
718
|
+
* Controls the Popup animation. By default, the opening and closing animations are enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/animations)).
|
|
719
719
|
* @default true
|
|
720
720
|
*/
|
|
721
721
|
animate = true;
|
|
722
722
|
/**
|
|
723
|
-
* Sets the element to use as an anchor. The Popup opens next to this element. ([See example](
|
|
723
|
+
* Sets the element to use as an anchor. The Popup opens next to this element. ([See example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-components)).
|
|
724
724
|
*/
|
|
725
725
|
anchor;
|
|
726
726
|
/**
|
|
727
|
-
* Sets the anchor pivot point ([see example](
|
|
727
|
+
* Sets the anchor pivot point ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning)).
|
|
728
728
|
* @default '{ horizontal: "left", vertical: "bottom" }'
|
|
729
729
|
*/
|
|
730
730
|
anchorAlign = { horizontal: 'left', vertical: 'bottom' };
|
|
731
731
|
/**
|
|
732
|
-
* Sets the collision behavior of the Popup ([see example](
|
|
732
|
+
* Sets the collision behavior of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection)).
|
|
733
733
|
* @default '{ horizontal: "fit", vertical: "flip" }'
|
|
734
734
|
*/
|
|
735
735
|
collision = { horizontal: 'fit', vertical: 'flip' };
|
|
736
736
|
/**
|
|
737
|
-
* Sets the pivot point of the Popup ([see example](
|
|
737
|
+
* Sets the pivot point of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning)).
|
|
738
738
|
* @default '{ horizontal: "left", vertical: "top" }'
|
|
739
739
|
*/
|
|
740
740
|
popupAlign = { horizontal: 'left', vertical: 'top' };
|
|
@@ -744,7 +744,7 @@ class PopupComponent {
|
|
|
744
744
|
*/
|
|
745
745
|
copyAnchorStyles = false;
|
|
746
746
|
/**
|
|
747
|
-
* Sets a list of CSS classes to add to the internal animated element ([see example](
|
|
747
|
+
* Sets a list of CSS classes to add to the internal animated element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/styling)).
|
|
748
748
|
*
|
|
749
749
|
* > To style the content of the Popup, use this property binding.
|
|
750
750
|
*/
|
|
@@ -757,17 +757,17 @@ class PopupComponent {
|
|
|
757
757
|
*/
|
|
758
758
|
positionMode = 'fixed';
|
|
759
759
|
/**
|
|
760
|
-
* Sets the absolute position of the element ([see example](
|
|
760
|
+
* Sets the absolute position of the element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-absolute-points)).
|
|
761
761
|
* The Popup opens next to this point. The Popup pivot point is defined by the `popupAlign` option. The boundary detection uses the window viewport.
|
|
762
762
|
* @default '{ left: -10000, top: 0 }'
|
|
763
763
|
*/
|
|
764
764
|
offset = DEFAULT_OFFSET;
|
|
765
765
|
/**
|
|
766
|
-
* Sets the margin value in pixels. Adds blank space between the Popup and the anchor ([see example](
|
|
766
|
+
* Sets the margin value in pixels. Adds blank space between the Popup and the anchor ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#adding-a-margin)).
|
|
767
767
|
*/
|
|
768
768
|
margin;
|
|
769
769
|
/**
|
|
770
|
-
* Fires when the anchor scrolls outside the screen boundaries. ([See example](
|
|
770
|
+
* Fires when the anchor scrolls outside the screen boundaries. ([See example](https://www.telerik.com/kendo-angular-ui/components/popup/closing)).
|
|
771
771
|
*/
|
|
772
772
|
anchorViewportLeave = new EventEmitter();
|
|
773
773
|
/**
|
|
@@ -1043,7 +1043,7 @@ const removeElement = (element) => {
|
|
|
1043
1043
|
/**
|
|
1044
1044
|
* Injects the Popup container. If not set, uses the first root component of the application.
|
|
1045
1045
|
*
|
|
1046
|
-
* > Use `POPUP_CONTAINER` only with the `PopupService` class ([see example](
|
|
1046
|
+
* > Use `POPUP_CONTAINER` only with the `PopupService` class ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/angular-service)).
|
|
1047
1047
|
*
|
|
1048
1048
|
* In standalone components:
|
|
1049
1049
|
*
|
|
@@ -1096,7 +1096,7 @@ const removeElement = (element) => {
|
|
|
1096
1096
|
*/
|
|
1097
1097
|
const POPUP_CONTAINER = new InjectionToken('Popup Container');
|
|
1098
1098
|
/**
|
|
1099
|
-
* Provides a service for opening Popup components dynamically ([see example](
|
|
1099
|
+
* Provides a service for opening Popup components dynamically ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/angular-service)).
|
|
1100
1100
|
*
|
|
1101
1101
|
* @export
|
|
1102
1102
|
* @class PopupService
|
package/models/popup-ref.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { ComponentRef, EventEmitter } from '@angular/core';
|
|
|
6
6
|
import { PopupComponent } from '../popup.component';
|
|
7
7
|
/**
|
|
8
8
|
* Holds references to the object instance of the Popup.
|
|
9
|
-
* Controls Popups opened through `PopupService` ([see example](
|
|
9
|
+
* Controls Popups opened through `PopupService` ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/api/popupservice#open)).
|
|
10
10
|
*/
|
|
11
11
|
export interface PopupRef {
|
|
12
12
|
/**
|
|
@@ -18,7 +18,7 @@ export interface PopupRef {
|
|
|
18
18
|
*/
|
|
19
19
|
popupElement: HTMLElement;
|
|
20
20
|
/**
|
|
21
|
-
* Provides a reference to the child component of the Popup. Available when the Popup opens with [`content`](
|
|
21
|
+
* Provides a reference to the child component of the Popup. Available when the Popup opens with [`content`](https://www.telerik.com/kendo-angular-ui/components/popup/service#using-components).
|
|
22
22
|
*/
|
|
23
23
|
content: ComponentRef<any>;
|
|
24
24
|
/**
|
|
@@ -26,7 +26,7 @@ export interface PopupRef {
|
|
|
26
26
|
*/
|
|
27
27
|
close: Function;
|
|
28
28
|
/**
|
|
29
|
-
* Fires when the anchor scrolls outside the screen boundaries ([see example](
|
|
29
|
+
* Fires when the anchor scrolls outside the screen boundaries ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/closing)).
|
|
30
30
|
*/
|
|
31
31
|
popupAnchorViewportLeave: EventEmitter<any>;
|
|
32
32
|
/**
|
|
@@ -10,11 +10,11 @@ import { Offset } from './offset.interface';
|
|
|
10
10
|
import { PositionMode } from './position-mode';
|
|
11
11
|
import { PopupAnimation } from './popup-animation.interface';
|
|
12
12
|
/**
|
|
13
|
-
* Defines the settings for the Popup when you open it through `PopupService` ([see example](
|
|
13
|
+
* Defines the settings for the Popup when you open it through `PopupService` ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/api/popupservice#open)).
|
|
14
14
|
*/
|
|
15
15
|
export interface PopupSettings {
|
|
16
16
|
/**
|
|
17
|
-
* Controls the Popup animation. By default, the open and close animations are enabled ([see example](
|
|
17
|
+
* Controls the Popup animation. By default, the open and close animations are enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/animations)).
|
|
18
18
|
*/
|
|
19
19
|
animate?: boolean | PopupAnimation;
|
|
20
20
|
/**
|
|
@@ -26,7 +26,7 @@ export interface PopupSettings {
|
|
|
26
26
|
*/
|
|
27
27
|
appendTo?: ViewContainerRef;
|
|
28
28
|
/**
|
|
29
|
-
* Sets the anchor pivot point ([see example](
|
|
29
|
+
* Sets the anchor pivot point ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning)).
|
|
30
30
|
*/
|
|
31
31
|
anchorAlign?: Align;
|
|
32
32
|
/**
|
|
@@ -34,7 +34,7 @@ export interface PopupSettings {
|
|
|
34
34
|
*/
|
|
35
35
|
content?: TemplateRef<any> | Function;
|
|
36
36
|
/**
|
|
37
|
-
* Sets the collision behavior of the Popup ([see example](
|
|
37
|
+
* Sets the collision behavior of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection)).
|
|
38
38
|
*/
|
|
39
39
|
collision?: Collision;
|
|
40
40
|
/**
|
|
@@ -48,17 +48,17 @@ export interface PopupSettings {
|
|
|
48
48
|
*/
|
|
49
49
|
positionMode?: PositionMode;
|
|
50
50
|
/**
|
|
51
|
-
* Sets the pivot point of the Popup ([see example](
|
|
51
|
+
* Sets the pivot point of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning)).
|
|
52
52
|
*/
|
|
53
53
|
popupAlign?: Align;
|
|
54
54
|
/**
|
|
55
|
-
* Sets a list of CSS classes to add to the internal animated element ([see example](
|
|
55
|
+
* Sets a list of CSS classes to add to the internal animated element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/styling)).
|
|
56
56
|
*
|
|
57
57
|
* > To style the content of the Popup, use this property binding.
|
|
58
58
|
*/
|
|
59
59
|
popupClass?: string | Array<string> | object | Set<string>;
|
|
60
60
|
/**
|
|
61
|
-
* Sets the absolute position of the element ([see example](
|
|
61
|
+
* Sets the absolute position of the element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#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.
|
|
63
63
|
*/
|
|
64
64
|
offset?: Offset;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1770286803,
|
|
11
|
+
"version": "23.0.0-develop.1",
|
|
12
12
|
"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"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-popup",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.0-develop.1",
|
|
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": 1770286803,
|
|
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": "19 - 21",
|
|
29
29
|
"@angular/core": "19 - 21",
|
|
30
30
|
"@angular/platform-browser": "19 - 21",
|
|
31
|
-
"@progress/kendo-angular-common": "
|
|
31
|
+
"@progress/kendo-angular-common": "23.0.0-develop.1",
|
|
32
32
|
"@progress/kendo-licensing": "^1.10.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": "23.0.0-develop.1"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-popup.mjs",
|
package/popup.component.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ import { AnimationService } from './services/animation.service';
|
|
|
18
18
|
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
19
19
|
import * as i0 from "@angular/core";
|
|
20
20
|
/**
|
|
21
|
-
* Represents the [Kendo UI Popup component for Angular](
|
|
21
|
+
* Represents the [Kendo UI Popup component for Angular](https://www.telerik.com/kendo-angular-ui/components/popup).
|
|
22
22
|
*
|
|
23
23
|
* @example
|
|
24
24
|
* ```html
|
|
@@ -41,26 +41,26 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
|
|
|
41
41
|
private _renderer;
|
|
42
42
|
private _zone;
|
|
43
43
|
/**
|
|
44
|
-
* Controls the Popup animation. By default, the opening and closing animations are enabled ([see example](
|
|
44
|
+
* Controls the Popup animation. By default, the opening and closing animations are enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/animations)).
|
|
45
45
|
* @default true
|
|
46
46
|
*/
|
|
47
47
|
animate: boolean | PopupAnimation;
|
|
48
48
|
/**
|
|
49
|
-
* Sets the element to use as an anchor. The Popup opens next to this element. ([See example](
|
|
49
|
+
* Sets the element to use as an anchor. The Popup opens next to this element. ([See example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-components)).
|
|
50
50
|
*/
|
|
51
51
|
anchor: ElementRef | HTMLElement;
|
|
52
52
|
/**
|
|
53
|
-
* Sets the anchor pivot point ([see example](
|
|
53
|
+
* Sets the anchor pivot point ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning)).
|
|
54
54
|
* @default '{ horizontal: "left", vertical: "bottom" }'
|
|
55
55
|
*/
|
|
56
56
|
anchorAlign: Align;
|
|
57
57
|
/**
|
|
58
|
-
* Sets the collision behavior of the Popup ([see example](
|
|
58
|
+
* Sets the collision behavior of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection)).
|
|
59
59
|
* @default '{ horizontal: "fit", vertical: "flip" }'
|
|
60
60
|
*/
|
|
61
61
|
collision: Collision;
|
|
62
62
|
/**
|
|
63
|
-
* Sets the pivot point of the Popup ([see example](
|
|
63
|
+
* Sets the pivot point of the Popup ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning)).
|
|
64
64
|
* @default '{ horizontal: "left", vertical: "top" }'
|
|
65
65
|
*/
|
|
66
66
|
popupAlign: Align;
|
|
@@ -70,7 +70,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
|
|
|
70
70
|
*/
|
|
71
71
|
copyAnchorStyles: boolean;
|
|
72
72
|
/**
|
|
73
|
-
* Sets a list of CSS classes to add to the internal animated element ([see example](
|
|
73
|
+
* Sets a list of CSS classes to add to the internal animated element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/styling)).
|
|
74
74
|
*
|
|
75
75
|
* > To style the content of the Popup, use this property binding.
|
|
76
76
|
*/
|
|
@@ -83,17 +83,17 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
|
|
|
83
83
|
*/
|
|
84
84
|
positionMode: PositionMode;
|
|
85
85
|
/**
|
|
86
|
-
* Sets the absolute position of the element ([see example](
|
|
86
|
+
* Sets the absolute position of the element ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-absolute-points)).
|
|
87
87
|
* The Popup opens next to this point. The Popup pivot point is defined by the `popupAlign` option. The boundary detection uses the window viewport.
|
|
88
88
|
* @default '{ left: -10000, top: 0 }'
|
|
89
89
|
*/
|
|
90
90
|
offset: Offset;
|
|
91
91
|
/**
|
|
92
|
-
* Sets the margin value in pixels. Adds blank space between the Popup and the anchor ([see example](
|
|
92
|
+
* Sets the margin value in pixels. Adds blank space between the Popup and the anchor ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#adding-a-margin)).
|
|
93
93
|
*/
|
|
94
94
|
margin: Margin;
|
|
95
95
|
/**
|
|
96
|
-
* Fires when the anchor scrolls outside the screen boundaries. ([See example](
|
|
96
|
+
* Fires when the anchor scrolls outside the screen boundaries. ([See example](https://www.telerik.com/kendo-angular-ui/components/popup/closing)).
|
|
97
97
|
*/
|
|
98
98
|
anchorViewportLeave: EventEmitter<any>;
|
|
99
99
|
/**
|
package/popup.service.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
/**
|
|
10
10
|
* Injects the Popup container. If not set, uses the first root component of the application.
|
|
11
11
|
*
|
|
12
|
-
* > Use `POPUP_CONTAINER` only with the `PopupService` class ([see example](
|
|
12
|
+
* > Use `POPUP_CONTAINER` only with the `PopupService` class ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/angular-service)).
|
|
13
13
|
*
|
|
14
14
|
* In standalone components:
|
|
15
15
|
*
|
|
@@ -62,7 +62,7 @@ import * as i0 from "@angular/core";
|
|
|
62
62
|
*/
|
|
63
63
|
export declare const POPUP_CONTAINER: InjectionToken<ElementRef<any>>;
|
|
64
64
|
/**
|
|
65
|
-
* Provides a service for opening Popup components dynamically ([see example](
|
|
65
|
+
* Provides a service for opening Popup components dynamically ([see example](https://www.telerik.com/kendo-angular-ui/components/popup/angular-service)).
|
|
66
66
|
*
|
|
67
67
|
* @export
|
|
68
68
|
* @class PopupService
|
package/scale.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { InjectionToken } from '@angular/core';
|
|
|
6
6
|
/**
|
|
7
7
|
* Use the `SCALE` injection token to set the document scale when you use a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
|
|
8
8
|
*
|
|
9
|
-
* The document or container scale is required to compute the popup position correctly. Set the value for `SCALE` to ensure correct positioning. See [Support for Document Scale](
|
|
9
|
+
* The document or container scale is required to compute the popup position correctly. Set the value for `SCALE` to ensure correct positioning. See [Support for Document Scale](https://www.telerik.com/kendo-angular-ui/components/popup/document-scale).
|
|
10
10
|
*
|
|
11
11
|
* > You do not need to use this token for user-applied browser zoom.
|
|
12
12
|
*/
|