@progress/kendo-angular-dialog 19.1.2-develop.2 → 19.1.2-develop.3
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/common/actions-layout.d.ts +4 -1
- package/common/animation-types.d.ts +3 -0
- package/common/dialog-animation-direction.d.ts +3 -0
- package/common/preventable-event.d.ts +4 -0
- package/dialog/dialog-actions.component.d.ts +5 -4
- package/dialog/dialog-container.directive.d.ts +3 -4
- package/dialog/dialog-content-base.d.ts +3 -2
- package/dialog/dialog-titlebar.component.d.ts +3 -2
- package/dialog/dialog.component.d.ts +56 -33
- package/dialog/dialog.service.d.ts +15 -36
- package/dialog/models/dialog-action-divider.d.ts +4 -1
- package/dialog/models/dialog-action.d.ts +10 -9
- package/dialog/models/dialog-animation.d.ts +7 -4
- package/dialog/models/dialog-close-result.d.ts +4 -3
- package/dialog/models/dialog-ref.d.ts +8 -16
- package/dialog/models/dialog-result.d.ts +5 -5
- package/dialog/models/dialog-settings.d.ts +33 -44
- package/dialog/models/theme-color.d.ts +6 -5
- package/dialog.module.d.ts +6 -8
- package/dialogs.module.d.ts +5 -9
- package/directives.d.ts +54 -6
- package/esm2022/common/preventable-event.mjs +4 -0
- package/esm2022/dialog/dialog-actions.component.mjs +5 -4
- package/esm2022/dialog/dialog-container.directive.mjs +3 -4
- package/esm2022/dialog/dialog-content-base.mjs +3 -2
- package/esm2022/dialog/dialog-titlebar.component.mjs +3 -2
- package/esm2022/dialog/dialog.component.mjs +56 -33
- package/esm2022/dialog/dialog.service.mjs +15 -36
- package/esm2022/dialog/models/dialog-action.mjs +10 -9
- package/esm2022/dialog/models/dialog-close-result.mjs +4 -3
- package/esm2022/dialog/models/dialog-ref.mjs +8 -16
- package/esm2022/dialog/models/dialog-settings.mjs +33 -44
- package/esm2022/dialog.module.mjs +6 -8
- package/esm2022/dialogs.module.mjs +5 -9
- package/esm2022/directives.mjs +54 -6
- package/esm2022/localization/custom-messages.component.mjs +23 -2
- package/esm2022/localization/messages.mjs +4 -4
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/window/models/window-close-result.mjs +2 -1
- package/esm2022/window/models/window-ref.mjs +5 -16
- package/esm2022/window/models/window-settings.mjs +20 -29
- package/esm2022/window/window-container.directive.mjs +3 -4
- package/esm2022/window/window-titlebar.component.mjs +4 -0
- package/esm2022/window/window.component.mjs +29 -46
- package/esm2022/window/window.service.mjs +11 -31
- package/esm2022/window.module.mjs +6 -8
- package/fesm2022/progress-kendo-angular-dialog.mjs +318 -319
- package/localization/custom-messages.component.d.ts +23 -2
- package/localization/messages.d.ts +4 -4
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +1 -1
- package/window/models/theme-color.d.ts +1 -1
- package/window/models/window-close-result.d.ts +2 -1
- package/window/models/window-messages.d.ts +2 -2
- package/window/models/window-ref.d.ts +5 -16
- package/window/models/window-settings.d.ts +20 -29
- package/window/window-container.directive.d.ts +3 -4
- package/window/window-titlebar.component.d.ts +4 -0
- package/window/window.component.d.ts +29 -46
- package/window/window.service.d.ts +11 -31
- package/window.module.d.ts +6 -8
@@ -6,8 +6,29 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
6
|
import { Messages } from './messages';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
|
-
*
|
10
|
-
*
|
9
|
+
* Represents a component for customizing the messages in Dialog and Window components.
|
10
|
+
*
|
11
|
+
* Use the `CustomMessagesComponent` to override default messages with custom text. ([See example.](slug:globalization_dialogs#toc-internationalization)).
|
12
|
+
*
|
13
|
+
* @example
|
14
|
+
* ```typescript
|
15
|
+
* import { CustomMessagesComponent } from './custom-messages.component';
|
16
|
+
*
|
17
|
+
* @Component({
|
18
|
+
* selector: 'my-dialog',
|
19
|
+
* template: `
|
20
|
+
* <kendo-dialog>
|
21
|
+
* <kendo-dialog-messages
|
22
|
+
* [closeTitle]="'Close dialog'"
|
23
|
+
* [restoreTitle]="'Restore dialog'"
|
24
|
+
* [maximizeTitle]="'Maximize dialog'"
|
25
|
+
* [minimizeTitle]="'Minimize dialog'">
|
26
|
+
* </kendo-dialog-messages>
|
27
|
+
* </kendo-dialog>
|
28
|
+
* `
|
29
|
+
* })
|
30
|
+
* export class MyDialogComponent {}
|
31
|
+
* ```
|
11
32
|
*/
|
12
33
|
export declare class CustomMessagesComponent extends Messages {
|
13
34
|
protected service: LocalizationService;
|
@@ -9,19 +9,19 @@ import * as i0 from "@angular/core";
|
|
9
9
|
*/
|
10
10
|
export declare class Messages extends ComponentMessages {
|
11
11
|
/**
|
12
|
-
*
|
12
|
+
* Sets the title for the **Close** button.
|
13
13
|
*/
|
14
14
|
closeTitle: string;
|
15
15
|
/**
|
16
|
-
*
|
16
|
+
* Sets the title for the **Restore** button.
|
17
17
|
*/
|
18
18
|
restoreTitle: string;
|
19
19
|
/**
|
20
|
-
*
|
20
|
+
* Sets the title for the **Maximize** button.
|
21
21
|
*/
|
22
22
|
maximizeTitle: string;
|
23
23
|
/**
|
24
|
-
*
|
24
|
+
* Sets the title for the **Minimize** button.
|
25
25
|
*/
|
26
26
|
minimizeTitle: string;
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-dialog",
|
3
|
-
"version": "19.1.2-develop.
|
3
|
+
"version": "19.1.2-develop.3",
|
4
4
|
"description": "Dialog Package for Angular",
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
6
6
|
"author": "Progress",
|
@@ -23,7 +23,7 @@
|
|
23
23
|
"package": {
|
24
24
|
"productName": "Kendo UI for Angular",
|
25
25
|
"productCode": "KENDOUIANGULAR",
|
26
|
-
"publishDate":
|
26
|
+
"publishDate": 1750152445,
|
27
27
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
28
28
|
}
|
29
29
|
},
|
@@ -33,15 +33,15 @@
|
|
33
33
|
"@angular/core": "16 - 20",
|
34
34
|
"@angular/platform-browser": "16 - 20",
|
35
35
|
"@progress/kendo-licensing": "^1.5.0",
|
36
|
-
"@progress/kendo-angular-buttons": "19.1.2-develop.
|
37
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
38
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
39
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
36
|
+
"@progress/kendo-angular-buttons": "19.1.2-develop.3",
|
37
|
+
"@progress/kendo-angular-common": "19.1.2-develop.3",
|
38
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.3",
|
39
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.3",
|
40
40
|
"rxjs": "^6.5.3 || ^7.0.0"
|
41
41
|
},
|
42
42
|
"dependencies": {
|
43
43
|
"tslib": "^2.3.1",
|
44
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
44
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.3",
|
45
45
|
"@progress/kendo-popup-common": "^1.7.0"
|
46
46
|
},
|
47
47
|
"schematics": "./schematics/collection.json",
|
@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
4
4
|
function default_1(options) {
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
|
6
6
|
// Peer dependency of buttons
|
7
|
-
'@progress/kendo-angular-popup': '19.1.2-develop.
|
7
|
+
'@progress/kendo-angular-popup': '19.1.2-develop.3',
|
8
8
|
// Peer dependency of icons
|
9
9
|
'@progress/kendo-svg-icons': '^4.0.0'
|
10
10
|
} });
|
@@ -6,7 +6,7 @@
|
|
6
6
|
* Specifies the possible theme colors of the Window.
|
7
7
|
*
|
8
8
|
* The possible values are:
|
9
|
-
* * `primary
|
9
|
+
* * `primary`—Applies coloring based on the `primary` theme color.
|
10
10
|
* * `light`— Applies coloring based on the `light` theme color.
|
11
11
|
* * `dark`— Applies coloring based on the `dark` theme color.
|
12
12
|
*/
|
@@ -3,7 +3,8 @@
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
5
5
|
/**
|
6
|
-
* Indicates that the **Close** button of a Window
|
6
|
+
* Indicates that the **Close** button of a Window opened through `WindowService` is clicked.
|
7
|
+
*
|
7
8
|
*/
|
8
9
|
export declare class WindowCloseResult {
|
9
10
|
}
|
@@ -3,8 +3,8 @@
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
5
5
|
/**
|
6
|
-
* Defines the text of the labels that
|
7
|
-
*
|
6
|
+
* Defines the text of the labels that appear in the Window. Use for localization.
|
7
|
+
*
|
8
8
|
*/
|
9
9
|
export interface WindowMessages {
|
10
10
|
/**
|
@@ -7,34 +7,23 @@ import { Observable } from "rxjs";
|
|
7
7
|
import { WindowComponent } from "../window.component";
|
8
8
|
import { WindowCloseResult } from "./window-close-result";
|
9
9
|
/**
|
10
|
-
* Holds references to the
|
11
|
-
* Controls the Windows that were opened through `WindowService`
|
12
|
-
* ([see example]({% slug api_dialog_windowservice %}#toc-open)).
|
10
|
+
* Holds references to the Window instance. Controls Windows opened through `WindowService`. ([See example.]({% slug api_dialog_windowservice %}#toc-open))
|
13
11
|
*/
|
14
12
|
export declare class WindowRef {
|
15
13
|
/**
|
16
|
-
*
|
14
|
+
* Represents a reference to the Window instance.
|
17
15
|
*/
|
18
16
|
window: ComponentRef<WindowComponent>;
|
19
17
|
/**
|
20
|
-
*
|
21
|
-
* Available when the Window is opened with
|
22
|
-
* [component content](slug:service_window#toc-rendering-the-content-area).
|
18
|
+
* Represents a reference to the child component of the Window. Available when you open the Window with [component content](slug:service_window#toc-rendering-the-content-area).
|
23
19
|
*/
|
24
20
|
content: ComponentRef<any>;
|
25
21
|
/**
|
26
|
-
* Allows you to close the Window by using code.
|
27
|
-
* When called with no arguments,
|
28
|
-
* the `result` Observable will be of type WindowCloseResult.
|
29
|
-
* When called with an argument, the `result` Observable will hold the provided value.
|
22
|
+
* Allows you to close the Window by using code. When called with no arguments, the `result` Observable is of type `WindowCloseResult`. When called with an argument, the `result` Observable holds the provided value.
|
30
23
|
*/
|
31
24
|
close: Function;
|
32
25
|
/**
|
33
|
-
* Emits events when the Window is closed through the
|
34
|
-
* by calling the `close` method.
|
35
|
-
* When the Window is closed with the title bar button, **Esc** or by calling `close` with no arguments,
|
36
|
-
* the result is of type [WindowCloseResult]({% slug api_dialog_windowcloseresult %}).
|
37
|
-
* When `close` is called with an argument, the result is the passed argument.
|
26
|
+
* Emits events when the Window is closed through the `Esc` key, the **Close** button of the title bar, or by calling the `close` method. When the Window is closed with the title bar button, `Esc`, or by calling `close` with no arguments, the result is of type [`WindowCloseResult`]({% slug api_dialog_windowcloseresult %}). When `close` is called with an argument, the result is the passed argument.
|
38
27
|
*/
|
39
28
|
result: Observable<WindowCloseResult>;
|
40
29
|
}
|
@@ -8,26 +8,22 @@ import { WindowRef } from './window-ref';
|
|
8
8
|
import { WindowState } from './window-types';
|
9
9
|
import { WindowThemeColor } from './theme-color';
|
10
10
|
/**
|
11
|
-
*
|
12
|
-
* ([see example]({% slug api_dialog_windowservice %}#toc-open)).
|
11
|
+
* Represents the settings for the Window actions when you open a Window through `WindowService`. ([See example.]({% slug api_dialog_windowservice %}#toc-open))
|
13
12
|
*/
|
14
13
|
export declare class WindowSettings {
|
15
14
|
/**
|
16
|
-
*
|
17
|
-
*
|
18
|
-
*
|
19
|
-
*
|
20
|
-
* @param {any} ev
|
21
|
-
* @param {WindowRef} [windowRef] - provided only when the window is created using a component.
|
22
|
-
* @returns
|
15
|
+
* Use the `preventClose` predicate to check if closing the Window should be prevented. Applies to clicking the **Close** button, pressing **Esc**, or calling the `close` method. Return `true` to prevent closing. If the **Close** button or **Esc** is used, a [`WindowCloseResult`]({% slug api_dialog_windowcloseresult %}) instance is passed.
|
16
|
+
* @param {any} ev The event argument.
|
17
|
+
* @param {WindowRef} [windowRef] - The window reference, provided only when you create the window using a component.
|
18
|
+
* @returns Returns `true` to prevent closing the window.
|
23
19
|
*/
|
24
20
|
preventClose?: (ev: any, windowRef?: WindowRef) => boolean;
|
25
21
|
/**
|
26
|
-
* Sets the title
|
22
|
+
* Sets the Window `title`.
|
27
23
|
*/
|
28
24
|
title?: string;
|
29
25
|
/**
|
30
|
-
* Defines the content
|
26
|
+
* Defines the Window `content`.
|
31
27
|
*/
|
32
28
|
content?: string | TemplateRef<any> | Function;
|
33
29
|
/**
|
@@ -35,37 +31,35 @@ export declare class WindowSettings {
|
|
35
31
|
*/
|
36
32
|
titleBarContent?: TemplateRef<any>;
|
37
33
|
/**
|
38
|
-
*
|
39
|
-
* Used primarily for localization.
|
34
|
+
* Sets the text of the labels shown in the Window. Use for localization.
|
40
35
|
*/
|
41
36
|
messages?: WindowMessages;
|
42
37
|
/**
|
43
|
-
*
|
44
|
-
* when the Window is minimized.
|
38
|
+
* Set to `true` to persist the Window content in the DOM when minimized.
|
45
39
|
*/
|
46
40
|
keepContent?: boolean;
|
47
41
|
/**
|
48
|
-
*
|
42
|
+
* Sets the width of the Window in pixels.
|
49
43
|
*/
|
50
44
|
width?: number;
|
51
45
|
/**
|
52
|
-
*
|
46
|
+
* Sets the minimum width of the Window in pixels.
|
53
47
|
*/
|
54
48
|
minWidth?: number;
|
55
49
|
/**
|
56
|
-
*
|
50
|
+
* Sets the height of the Window in pixels.
|
57
51
|
*/
|
58
52
|
height?: number;
|
59
53
|
/**
|
60
|
-
*
|
54
|
+
* Sets the minimum height of the Window in pixels.
|
61
55
|
*/
|
62
56
|
minHeight?: number;
|
63
57
|
/**
|
64
|
-
*
|
58
|
+
* Sets the left offset of the Window in pixels.
|
65
59
|
*/
|
66
60
|
left?: number;
|
67
61
|
/**
|
68
|
-
*
|
62
|
+
* Sets the top offset of the Window in pixels.
|
69
63
|
*/
|
70
64
|
top?: number;
|
71
65
|
/**
|
@@ -73,13 +67,11 @@ export declare class WindowSettings {
|
|
73
67
|
*/
|
74
68
|
draggable?: boolean;
|
75
69
|
/**
|
76
|
-
* Sets
|
77
|
-
* Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
|
70
|
+
* Sets custom CSS classes for the Window wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
78
71
|
*/
|
79
72
|
cssClass?: any;
|
80
73
|
/**
|
81
|
-
* Sets
|
82
|
-
* The property accepts string key-value based pairs.
|
74
|
+
* Sets HTML attributes for the Window wrapper element. Accepts string key-value pairs.
|
83
75
|
*/
|
84
76
|
htmlAttributes?: {
|
85
77
|
[key: string]: string;
|
@@ -89,16 +81,15 @@ export declare class WindowSettings {
|
|
89
81
|
*/
|
90
82
|
resizable?: boolean;
|
91
83
|
/**
|
92
|
-
*
|
84
|
+
* Sets the initial state of the Window.
|
93
85
|
*/
|
94
86
|
state?: WindowState;
|
95
87
|
/**
|
96
|
-
* Defines the container
|
97
|
-
* Specifying this option changes the place in the page hierarchy where the Window will be inserted.
|
88
|
+
* Defines the container where the Window is inserted. This changes the place in the page hierarchy where the Window appears.
|
98
89
|
*/
|
99
90
|
appendTo?: ViewContainerRef;
|
100
91
|
/**
|
101
|
-
* Sets the
|
92
|
+
* Sets the query selector for the element to focus automatically.
|
102
93
|
*/
|
103
94
|
autoFocusedElement?: string;
|
104
95
|
/**
|
@@ -6,12 +6,11 @@ import { ViewContainerRef } from '@angular/core';
|
|
6
6
|
import { WindowContainerService } from './window-container.service';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
|
-
*
|
10
|
-
*
|
11
|
-
* Created Windows will be mounted after that element.
|
9
|
+
* Represents an insertion point for Windows created through the Window service.
|
10
|
+
* The created Windows mount after this element. ([See example.]({% slug api_dialog_windowservice %}#toc-open))
|
12
11
|
*
|
13
12
|
* @example
|
14
|
-
* ```html
|
13
|
+
* ```html
|
15
14
|
* <div kendoWindowContainer></div>
|
16
15
|
* ```
|
17
16
|
*/
|
@@ -5,6 +5,10 @@
|
|
5
5
|
import { OnDestroy, OnInit, ElementRef, NgZone, TemplateRef, AfterViewInit } from '@angular/core';
|
6
6
|
import { DragResizeService } from './drag-resize.service';
|
7
7
|
import * as i0 from "@angular/core";
|
8
|
+
/**
|
9
|
+
* Represents the title bar of the Window component.
|
10
|
+
*
|
11
|
+
*/
|
8
12
|
export declare class WindowTitleBarComponent implements OnInit, AfterViewInit, OnDestroy {
|
9
13
|
el: ElementRef;
|
10
14
|
private ngZone;
|
@@ -14,6 +14,12 @@ import { WindowThemeColor } from './models';
|
|
14
14
|
import * as i0 from "@angular/core";
|
15
15
|
/**
|
16
16
|
* Represents the [Kendo UI Window component for Angular]({% slug overview_window_dialogs %}).
|
17
|
+
*
|
18
|
+
* @example
|
19
|
+
* ```html
|
20
|
+
* <kendo-window title="My Window" [width]="400" [height]="300">
|
21
|
+
* </kendo-window>
|
22
|
+
* ```
|
17
23
|
*/
|
18
24
|
export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
|
19
25
|
private el;
|
@@ -27,29 +33,23 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
27
33
|
*/
|
28
34
|
autoFocusedElement: string;
|
29
35
|
/**
|
30
|
-
*
|
36
|
+
* Sets the text in the title bar.
|
31
37
|
*/
|
32
38
|
title: string;
|
33
39
|
/**
|
34
|
-
* Specifies
|
40
|
+
* Specifies if the user can drag the component.
|
35
41
|
* @default true
|
36
42
|
*/
|
37
43
|
set draggable(value: boolean);
|
38
44
|
get draggable(): boolean;
|
39
45
|
/**
|
40
|
-
* Specifies
|
46
|
+
* Specifies if the user can resize the component.
|
41
47
|
* @default true
|
42
48
|
*/
|
43
49
|
set resizable(value: boolean);
|
44
50
|
get resizable(): boolean;
|
45
51
|
/**
|
46
|
-
*
|
47
|
-
* The theme color will be applied as a background and border color to the titlebar while also amending the text color accordingly.
|
48
|
-
*
|
49
|
-
* The possible values are:
|
50
|
-
* * `primary`
|
51
|
-
* * `dark`
|
52
|
-
* * `light`
|
52
|
+
* Sets the predefined theme color for the Window. The color applies to the title bar background and border, and updates the text color.
|
53
53
|
*/
|
54
54
|
set themeColor(themeColor: WindowThemeColor);
|
55
55
|
get themeColor(): WindowThemeColor;
|
@@ -68,56 +68,44 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
68
68
|
[key: string]: string;
|
69
69
|
};
|
70
70
|
/**
|
71
|
-
* Specifies if the content
|
71
|
+
* Specifies if the content stays in the DOM when minimized.
|
72
72
|
* @default false
|
73
73
|
*/
|
74
74
|
keepContent: boolean;
|
75
75
|
/**
|
76
|
-
*
|
77
|
-
* If not specified, the value is set to `default`.
|
78
|
-
*
|
79
|
-
* The possible values are:
|
80
|
-
* * `minimized`
|
81
|
-
* * `maximized`
|
82
|
-
* * `default`
|
76
|
+
* Sets the initial state of the Window.
|
83
77
|
*/
|
84
78
|
set state(value: WindowState);
|
85
79
|
get state(): WindowState;
|
86
80
|
/**
|
87
|
-
*
|
88
|
-
* The `minWidth` property has to be set in pixels.
|
81
|
+
* Sets the minimum width in pixels.
|
89
82
|
* @default 120
|
90
83
|
*/
|
91
84
|
set minWidth(value: number);
|
92
85
|
get minWidth(): number;
|
93
86
|
/**
|
94
|
-
*
|
95
|
-
* The `minHeight` property has to be set in pixels.
|
87
|
+
* Sets the minimum height in pixels.
|
96
88
|
* @default 100
|
97
89
|
*/
|
98
90
|
set minHeight(value: number);
|
99
91
|
get minHeight(): number;
|
100
92
|
/**
|
101
|
-
*
|
102
|
-
* The `width` property has to be set in pixels.
|
93
|
+
* Sets the width in pixels.
|
103
94
|
*/
|
104
95
|
set width(value: number);
|
105
96
|
get width(): number;
|
106
97
|
/**
|
107
|
-
*
|
108
|
-
* The `height` property has to be set in pixels.
|
98
|
+
* Sets the height in pixels.
|
109
99
|
*/
|
110
100
|
set height(value: number);
|
111
101
|
get height(): number;
|
112
102
|
/**
|
113
|
-
*
|
114
|
-
* The `top` property has to be set in pixels.
|
103
|
+
* Sets the initial top offset in pixels.
|
115
104
|
*/
|
116
105
|
set top(value: number);
|
117
106
|
get top(): number;
|
118
107
|
/**
|
119
|
-
*
|
120
|
-
* Numeric values are treated as pixels.
|
108
|
+
* Sets the initial left offset in pixels.
|
121
109
|
*/
|
122
110
|
set left(value: number);
|
123
111
|
get left(): number;
|
@@ -130,7 +118,7 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
130
118
|
*/
|
131
119
|
dragStart: EventEmitter<any>;
|
132
120
|
/**
|
133
|
-
* Fires
|
121
|
+
* Fires after the Window has been moved by the user.
|
134
122
|
*/
|
135
123
|
dragEnd: EventEmitter<any>;
|
136
124
|
/**
|
@@ -138,7 +126,7 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
138
126
|
*/
|
139
127
|
resizeStart: EventEmitter<any>;
|
140
128
|
/**
|
141
|
-
* Fires
|
129
|
+
* Fires after the Window has been resized by the user.
|
142
130
|
*/
|
143
131
|
resizeEnd: EventEmitter<any>;
|
144
132
|
/**
|
@@ -146,28 +134,23 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
146
134
|
*/
|
147
135
|
close: EventEmitter<any>;
|
148
136
|
/**
|
149
|
-
* Fires when the `width` property
|
150
|
-
* has ended. The event data contains the new width. Allows a two-way binding of the `width` property.
|
137
|
+
* Fires when the `width` property is updated after resizing. The event data contains the new width. Allows two-way binding of the `width` property.
|
151
138
|
*/
|
152
139
|
widthChange: EventEmitter<number>;
|
153
140
|
/**
|
154
|
-
* Fires when the `height` property
|
155
|
-
* has ended. The event data contains the new height. Allows a two-way binding of the `height` property.
|
141
|
+
* Fires when the `height` property is updated after resizing. The event data contains the new height. Allows two-way binding of the `height` property.
|
156
142
|
*/
|
157
143
|
heightChange: EventEmitter<number>;
|
158
144
|
/**
|
159
|
-
* Fires when the `top` property
|
160
|
-
* and resizing have ended. The event data contains the new top offset. Allows a two-way binding of the `top` property.
|
145
|
+
* Fires when the `top` property is updated after dragging or resizing. The event data contains the new top offset. Allows two-way binding of the `top` property.
|
161
146
|
*/
|
162
147
|
topChange: EventEmitter<number>;
|
163
148
|
/**
|
164
|
-
* Fires when the `left` property
|
165
|
-
* and resizing have ended. The event data contains the new left offset. Allows a two-way binding of the `left` property.
|
149
|
+
* Fires when the `left` property is updated after dragging or resizing. The event data contains the new left offset. Allows two-way binding of the `left` property.
|
166
150
|
*/
|
167
151
|
leftChange: EventEmitter<number>;
|
168
152
|
/**
|
169
|
-
* Fires when the `state` property
|
170
|
-
* two-way binding of the `state` property.
|
153
|
+
* Fires when the `state` property is updated. The event data contains the new state. Allows two-way binding of the `state` property.
|
171
154
|
*/
|
172
155
|
stateChange: EventEmitter<WindowState>;
|
173
156
|
/**
|
@@ -228,8 +211,8 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
228
211
|
* corresponding property of the component instance will be updated.
|
229
212
|
* This method is intended to be used for sizing dynamically created components using the
|
230
213
|
* [`WindowService`]({% slug api_dialog_windowservice %})
|
231
|
-
* @param
|
232
|
-
* @param
|
214
|
+
* @param dimension The option to update.
|
215
|
+
* @param value The value in pixels.
|
233
216
|
*/
|
234
217
|
setDimension(dimension: WindowDimensionSetting, value: number): void;
|
235
218
|
/**
|
@@ -238,8 +221,8 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
|
|
238
221
|
* corresponding property of the component instance will be updated.
|
239
222
|
* This method is intended to be used for positioning dynamically created components using the
|
240
223
|
* [`WindowService`]({% slug api_dialog_windowservice %})
|
241
|
-
* @param
|
242
|
-
* @param
|
224
|
+
* @param offset The option to update.
|
225
|
+
* @param value The value in pixels.
|
243
226
|
*/
|
244
227
|
setOffset(offset: WindowOffsetSetting, value: number): void;
|
245
228
|
get showDefaultTitleBar(): boolean;
|
@@ -8,8 +8,9 @@ import { WindowContainerService } from '../window/window-container.service';
|
|
8
8
|
import { WindowRef } from './models/window-ref';
|
9
9
|
import * as i0 from "@angular/core";
|
10
10
|
/**
|
11
|
-
*
|
12
|
-
*
|
11
|
+
* Provides methods for opening Windows dynamically.
|
12
|
+
*
|
13
|
+
* Use this service to open a Window component and manage its lifecycle. ([See example.]({% slug service_window %}))
|
13
14
|
*/
|
14
15
|
export declare class WindowService {
|
15
16
|
/**
|
@@ -23,39 +24,18 @@ export declare class WindowService {
|
|
23
24
|
*/
|
24
25
|
resolver: ComponentFactoryResolver, containerService: WindowContainerService);
|
25
26
|
/**
|
26
|
-
* Opens a Window component.
|
27
|
+
* Opens a Window component with the specified settings.
|
27
28
|
*
|
28
|
-
* @param
|
29
|
-
* @returns
|
29
|
+
* @param settings The settings that configure the Window.
|
30
|
+
* @returns A `WindowRef` instance for controlling the Window.
|
30
31
|
*
|
31
32
|
* @example
|
32
|
-
*
|
33
|
-
*
|
34
|
-
*
|
35
|
-
*
|
36
|
-
*
|
37
|
-
* <button kendoButton (click)="open()">Open window</button>
|
38
|
-
* <div kendoWindowContainer></div>
|
39
|
-
* `
|
40
|
-
* })
|
41
|
-
* export class AppComponent {
|
42
|
-
* constructor( private windowService: WindowService ) {}
|
43
|
-
*
|
44
|
-
* public open() {
|
45
|
-
* var window = this.windowService.open({
|
46
|
-
* title: "My window",
|
47
|
-
* content: "My content!"
|
48
|
-
* });
|
49
|
-
*
|
50
|
-
* window.result.subscribe((result) => {
|
51
|
-
* if (result instanceof WindowCloseResult) {
|
52
|
-
* console.log("Window was closed");
|
53
|
-
* }
|
54
|
-
* });
|
55
|
-
* }
|
56
|
-
* }
|
33
|
+
* ```ts
|
34
|
+
* const window = windowService.open({
|
35
|
+
* title: 'My window',
|
36
|
+
* content: 'My content!'
|
37
|
+
* });
|
57
38
|
* ```
|
58
|
-
*
|
59
39
|
*/
|
60
40
|
open(settings: WindowSettings): WindowRef;
|
61
41
|
private applyOptions;
|
package/window.module.d.ts
CHANGED
@@ -13,25 +13,23 @@ import * as i7 from "./window/window-container.directive";
|
|
13
13
|
import * as i8 from "./dialog/dialog-actions.component";
|
14
14
|
import * as i9 from "./localization/custom-messages.component";
|
15
15
|
/**
|
16
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
17
|
-
*
|
18
|
-
*
|
19
|
-
* of your application or into any other sub-module that will use the Window component.
|
16
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Window component.
|
17
|
+
*
|
18
|
+
* Use the `WindowModule` to include all Window components and directives in your application.
|
20
19
|
*
|
21
20
|
* @example
|
22
|
-
* ```
|
21
|
+
* ```typescript
|
23
22
|
* import { NgModule } from '@angular/core';
|
24
23
|
* import { BrowserModule } from '@angular/platform-browser';
|
25
24
|
* import { WindowModule } from '@progress/kendo-angular-window';
|
26
25
|
* import { AppComponent } from './app.component';
|
27
26
|
*
|
28
|
-
*
|
27
|
+
* @NgModule({
|
29
28
|
* bootstrap: [AppComponent],
|
30
29
|
* declarations: [AppComponent],
|
31
30
|
* imports: [BrowserModule, WindowModule]
|
32
31
|
* })
|
33
|
-
* export class AppModule {
|
34
|
-
* }
|
32
|
+
* export class AppModule {}
|
35
33
|
* ```
|
36
34
|
*/
|
37
35
|
export declare class WindowModule {
|