@progress/kendo-angular-dialog 24.2.2 → 25.0.0-develop.12
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-dialog.mjs +89 -84
- package/index.d.ts +1668 -31
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/schematics/ngAdd/index.js +1 -1
- package/common/actions-layout.d.ts +0 -11
- package/common/animation-types.d.ts +0 -11
- package/common/dialog-animation-direction.d.ts +0 -11
- package/common/preventable-event.d.ts +0 -26
- package/common/util.d.ts +0 -93
- package/dialog/dialog-actions.component.d.ts +0 -63
- package/dialog/dialog-animations/animate-content.d.ts +0 -11
- package/dialog/dialog-animations/animations.d.ts +0 -11
- package/dialog/dialog-animations/create-animation-player.d.ts +0 -10
- package/dialog/dialog-container.directive.d.ts +0 -21
- package/dialog/dialog-container.service.d.ts +0 -16
- package/dialog/dialog-content-base.d.ts +0 -41
- package/dialog/dialog-titlebar.component.d.ts +0 -58
- package/dialog/dialog.component.d.ts +0 -239
- package/dialog/dialog.service.d.ts +0 -44
- package/dialog/models/dialog-action-divider.d.ts +0 -11
- package/dialog/models/dialog-action.d.ts +0 -42
- package/dialog/models/dialog-animation.d.ts +0 -26
- package/dialog/models/dialog-close-result.d.ts +0 -12
- package/dialog/models/dialog-ref.d.ts +0 -43
- package/dialog/models/dialog-result.d.ts +0 -14
- package/dialog/models/dialog-settings.d.ts +0 -106
- package/dialog/models/index.d.ts +0 -11
- package/dialog.module.d.ts +0 -35
- package/dialogs.module.d.ts +0 -43
- package/directives.d.ts +0 -76
- package/localization/custom-messages.component.d.ts +0 -39
- package/localization/dialog-localization.service.d.ts +0 -10
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -29
- package/localization/titlebar-localization.service.d.ts +0 -16
- package/package-metadata.d.ts +0 -9
- package/window/actions/window-close-action.directive.d.ts +0 -36
- package/window/actions/window-maximize-action.directive.d.ts +0 -37
- package/window/actions/window-minimize-action.directive.d.ts +0 -37
- package/window/actions/window-restore-action.directive.d.ts +0 -37
- package/window/drag-resize.service.d.ts +0 -68
- package/window/models/index.d.ts +0 -10
- package/window/models/window-close-result.d.ts +0 -10
- package/window/models/window-messages.d.ts +0 -26
- package/window/models/window-options.d.ts +0 -20
- package/window/models/window-ref.d.ts +0 -29
- package/window/models/window-settings.d.ts +0 -97
- package/window/models/window-types.d.ts +0 -20
- package/window/navigation.service.d.ts +0 -24
- package/window/window-container.directive.d.ts +0 -21
- package/window/window-container.service.d.ts +0 -16
- package/window/window-events.d.ts +0 -13
- package/window/window-resize-handle.directive.d.ts +0 -26
- package/window/window-titlebar.component.d.ts +0 -59
- package/window/window.component.d.ts +0 -265
- package/window/window.service.d.ts +0 -36
- package/window.module.d.ts +0 -39
package/index.d.ts
CHANGED
|
@@ -2,34 +2,1671 @@
|
|
|
2
2
|
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { ElementRef, TemplateRef, EventEmitter, AfterViewInit, NgZone, AfterContentInit, OnInit, OnDestroy, QueryList, Renderer2, ChangeDetectorRef, ComponentRef, ViewContainerRef, OnChanges, SimpleChange } from '@angular/core';
|
|
7
|
+
import { AnimationBuilder } from '@angular/animations';
|
|
8
|
+
import { ButtonThemeColor, ButtonFillMode, Button } from '@progress/kendo-angular-buttons';
|
|
9
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
11
|
+
import { LicenseMessage } from '@progress/kendo-licensing';
|
|
12
|
+
import { Observable, Subscription } from 'rxjs';
|
|
13
|
+
import { DraggableDirective } from '@progress/kendo-angular-common';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Represents the settings for Dialog actions when you open a Dialog through `DialogService`.
|
|
17
|
+
*
|
|
18
|
+
* Use the `DialogAction` class to configure action buttons in the Dialog. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
19
|
+
*
|
|
20
|
+
*/
|
|
21
|
+
declare class DialogAction {
|
|
22
|
+
/**
|
|
23
|
+
* Sets the text of the action button.
|
|
24
|
+
*/
|
|
25
|
+
text: string;
|
|
26
|
+
/**
|
|
27
|
+
* Sets the theme color of the action button. The theme color applies to the background, border, and text.
|
|
28
|
+
*/
|
|
29
|
+
themeColor?: ButtonThemeColor;
|
|
30
|
+
/**
|
|
31
|
+
* Sets the background and border styles of the action button.
|
|
32
|
+
*/
|
|
33
|
+
fillMode?: ButtonFillMode;
|
|
34
|
+
/**
|
|
35
|
+
* Sets the CSS classes for the action button. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
36
|
+
*/
|
|
37
|
+
cssClass?: any;
|
|
38
|
+
/**
|
|
39
|
+
* Sets the [SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) to display in the action button.
|
|
40
|
+
*/
|
|
41
|
+
svgIcon?: SVGIcon;
|
|
42
|
+
/**
|
|
43
|
+
* Sets the name of the [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) to display in the action button.
|
|
44
|
+
*/
|
|
45
|
+
icon?: string;
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Represents the layout for the Dialog action buttons.
|
|
54
|
+
*
|
|
55
|
+
* Use the `ActionsLayout` type to set the alignment of action buttons in the Dialog.
|
|
56
|
+
*
|
|
57
|
+
*/
|
|
58
|
+
type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Represents a Dialog action used as a divider between action buttons.
|
|
62
|
+
*
|
|
63
|
+
* Use the `DialogActionDivider` type to add a visual spacer in the Dialog actions area.
|
|
64
|
+
*
|
|
65
|
+
*/
|
|
66
|
+
type DialogActionDivider = 'spacer';
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* Represents the action buttons of the Dialog.
|
|
70
|
+
* ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/action-buttons))
|
|
71
|
+
*
|
|
72
|
+
* ```html
|
|
73
|
+
* <kendo-dialog>
|
|
74
|
+
* <kendo-dialog-actions>
|
|
75
|
+
* <button kendoButton fillMode="flat" themeColor="primary" (click)="onPrimaryActionClick()">
|
|
76
|
+
* Primary Action
|
|
77
|
+
* </button>
|
|
78
|
+
* </kendo-dialog-actions>
|
|
79
|
+
* </kendo-dialog>
|
|
80
|
+
* ```
|
|
81
|
+
*/
|
|
82
|
+
declare class DialogActionsComponent {
|
|
83
|
+
el: ElementRef;
|
|
84
|
+
/**
|
|
85
|
+
* Allows the declarative specification of the Dialog `actions`.
|
|
86
|
+
*/
|
|
87
|
+
set actions(value: DialogAction[] | TemplateRef<any>);
|
|
88
|
+
/**
|
|
89
|
+
* @hidden
|
|
90
|
+
*/
|
|
91
|
+
actionsArray: DialogAction[];
|
|
92
|
+
/**
|
|
93
|
+
* @hidden
|
|
94
|
+
*/
|
|
95
|
+
actionsTemplate: TemplateRef<any>;
|
|
96
|
+
/**
|
|
97
|
+
* Sets the possible layout of the action buttons.
|
|
98
|
+
* @default 'stretched'
|
|
99
|
+
*/
|
|
100
|
+
layout: ActionsLayout;
|
|
101
|
+
/**
|
|
102
|
+
* Fires when the user clicks an action button.
|
|
103
|
+
*/
|
|
104
|
+
action: EventEmitter<DialogAction>;
|
|
105
|
+
hostClasses: boolean;
|
|
106
|
+
get startClassName(): boolean;
|
|
107
|
+
get centerClassName(): boolean;
|
|
108
|
+
get endClassName(): boolean;
|
|
109
|
+
get stretchedClassName(): boolean;
|
|
110
|
+
constructor(el: ElementRef);
|
|
111
|
+
/**
|
|
112
|
+
* @hidden
|
|
113
|
+
*/
|
|
114
|
+
onButtonClick(action: DialogAction, _e?: any): void;
|
|
115
|
+
/**
|
|
116
|
+
* @hidden
|
|
117
|
+
*/
|
|
118
|
+
isDivider(action: DialogAction | DialogActionDivider): boolean;
|
|
119
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogActionsComponent, never>;
|
|
120
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogActionsComponent, "kendo-dialog-actions", never, { "actions": { "alias": "actions"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "action": "action"; }, never, ["*"], true, never>;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* Represents a preventable event in Dialog and Window components.
|
|
125
|
+
*
|
|
126
|
+
*/
|
|
127
|
+
declare class PreventableEvent {
|
|
128
|
+
private prevented;
|
|
129
|
+
/**
|
|
130
|
+
* @hidden
|
|
131
|
+
*/
|
|
132
|
+
constructor();
|
|
133
|
+
/**
|
|
134
|
+
* Prevents the default action for a specified event.
|
|
135
|
+
* In this way, the source component suppresses the built-in behavior that follows the event.
|
|
136
|
+
*/
|
|
137
|
+
preventDefault(): void;
|
|
138
|
+
/**
|
|
139
|
+
* If the event is prevented by any of its subscribers, returns `true`.
|
|
140
|
+
*
|
|
141
|
+
* @returns `true` if the default action was prevented. Otherwise, returns `false`.
|
|
142
|
+
*/
|
|
143
|
+
isDefaultPrevented(): boolean;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
/**
|
|
147
|
+
* Represents the [Kendo UI DialogTitleBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogtitlebarcomponent).
|
|
148
|
+
*
|
|
149
|
+
* Use this component as part of the Dialog content when you create the Dialog dynamically with an [Angular service](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service).
|
|
150
|
+
*
|
|
151
|
+
* ```html
|
|
152
|
+
* <kendo-dialog>
|
|
153
|
+
* <kendo-dialog-titlebar [id]="dialogId" (close)="onClose()">
|
|
154
|
+
* Dialog Title
|
|
155
|
+
* </kendo-dialog-titlebar>
|
|
156
|
+
* </kendo-dialog>
|
|
157
|
+
* ```
|
|
158
|
+
*
|
|
159
|
+
*/
|
|
160
|
+
declare class DialogTitleBarComponent implements AfterViewInit {
|
|
161
|
+
private zone;
|
|
162
|
+
private hostElement;
|
|
163
|
+
private localizationService;
|
|
164
|
+
/**
|
|
165
|
+
* Fires when the close button in the title bar is clicked.
|
|
166
|
+
*/
|
|
167
|
+
close: EventEmitter<PreventableEvent>;
|
|
168
|
+
/**
|
|
169
|
+
* @hidden
|
|
170
|
+
*/
|
|
171
|
+
id: string;
|
|
172
|
+
/**
|
|
173
|
+
* @hidden
|
|
174
|
+
*/
|
|
175
|
+
closeTitle: string;
|
|
176
|
+
/**
|
|
177
|
+
* @hidden
|
|
178
|
+
*/
|
|
179
|
+
closable: boolean;
|
|
180
|
+
get className(): true;
|
|
181
|
+
/**
|
|
182
|
+
* @hidden
|
|
183
|
+
*/
|
|
184
|
+
xIcon: SVGIcon;
|
|
185
|
+
constructor(zone: NgZone, hostElement: ElementRef, localizationService: LocalizationService);
|
|
186
|
+
get closeButtonTitle(): string;
|
|
187
|
+
ngAfterViewInit(): void;
|
|
188
|
+
/**
|
|
189
|
+
* @hidden
|
|
190
|
+
*/
|
|
191
|
+
onCloseClick(e: Event): void;
|
|
192
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogTitleBarComponent, [null, null, { optional: true; }]>;
|
|
193
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogTitleBarComponent, "kendo-dialog-titlebar", never, { "id": { "alias": "id"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Represents the available Dialog animation types.
|
|
198
|
+
*
|
|
199
|
+
* Use the `DialogAnimationType` type to specify the animation for Dialog transitions.
|
|
200
|
+
*
|
|
201
|
+
*/
|
|
202
|
+
type DialogAnimationType = 'translate' | 'slide' | 'fade' | 'expand' | 'zoom';
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* Represents the available directions for the Dialog opening animation.
|
|
206
|
+
*
|
|
207
|
+
* Use the `AnimationDirection` type to set the direction for Dialog animations.
|
|
208
|
+
*
|
|
209
|
+
*/
|
|
210
|
+
type AnimationDirection = 'up' | 'down' | 'right' | 'left';
|
|
211
|
+
|
|
212
|
+
/**
|
|
213
|
+
* Represents the settings for Dialog animations when you open the Dialog component.
|
|
214
|
+
*
|
|
215
|
+
* Use the `DialogAnimation` interface to configure animation duration, type, and direction. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/animations))
|
|
216
|
+
*
|
|
217
|
+
*/
|
|
218
|
+
interface DialogAnimation {
|
|
219
|
+
/**
|
|
220
|
+
* Sets the duration of the Dialog opening animation in milliseconds.
|
|
221
|
+
*/
|
|
222
|
+
duration?: number;
|
|
223
|
+
/**
|
|
224
|
+
* Sets the Dialog opening animation type.
|
|
225
|
+
*/
|
|
226
|
+
type?: DialogAnimationType;
|
|
227
|
+
/**
|
|
228
|
+
* Sets the direction of the Dialog opening animation. Applies to the `slide` and `expand` animation types.
|
|
229
|
+
*/
|
|
230
|
+
direction?: AnimationDirection;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
/**
|
|
234
|
+
* Represents the [Kendo UI Dialog component for Angular](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog).
|
|
235
|
+
*
|
|
236
|
+
* Use this component to display modal dialog windows in your application.
|
|
237
|
+
*
|
|
238
|
+
* @example
|
|
239
|
+
* ```ts
|
|
240
|
+
* import { Component } from '@angular/core';
|
|
241
|
+
*
|
|
242
|
+
* @Component({
|
|
243
|
+
* selector: 'my-app',
|
|
244
|
+
* template: `
|
|
245
|
+
* <kendo-dialog title="Example Dialog">
|
|
246
|
+
* <p>Dialog content goes here.</p>
|
|
247
|
+
* </kendo-dialog>
|
|
248
|
+
* `
|
|
249
|
+
* })
|
|
250
|
+
* export class AppComponent {}
|
|
251
|
+
* ```
|
|
252
|
+
*
|
|
253
|
+
* @remarks
|
|
254
|
+
* Supported children components are: {@link DialogTitleBarComponent}, {@link DialogActionsComponent}, {@link CustomMessagesComponent}.
|
|
255
|
+
*/
|
|
256
|
+
declare class DialogComponent implements AfterContentInit, AfterViewInit, OnInit, OnDestroy {
|
|
257
|
+
private wrapper;
|
|
258
|
+
private renderer;
|
|
259
|
+
private cdr;
|
|
260
|
+
private ngZone;
|
|
261
|
+
private builder;
|
|
262
|
+
/**
|
|
263
|
+
* Specifies the action buttons to render in the Dialog.
|
|
264
|
+
*
|
|
265
|
+
* @type {DialogAction[]}
|
|
266
|
+
*/
|
|
267
|
+
actions: DialogAction[];
|
|
268
|
+
/**
|
|
269
|
+
* Sets the layout of the action buttons in the Dialog. Applies only if you specify action buttons through the `actions` option.
|
|
270
|
+
*
|
|
271
|
+
* @type {ActionsLayout}
|
|
272
|
+
* @default 'stretched'
|
|
273
|
+
*/
|
|
274
|
+
actionsLayout: ActionsLayout;
|
|
275
|
+
/**
|
|
276
|
+
* Sets the query selector for the element to receive initial focus. ([See examples.](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/initial-focus))
|
|
277
|
+
*
|
|
278
|
+
* @type {string}
|
|
279
|
+
*
|
|
280
|
+
* @remarks
|
|
281
|
+
* This property is related to accessibility.
|
|
282
|
+
*/
|
|
283
|
+
autoFocusedElement: string;
|
|
284
|
+
/**
|
|
285
|
+
* Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
|
|
286
|
+
*
|
|
287
|
+
* @type {boolean}
|
|
288
|
+
* @default true
|
|
289
|
+
*/
|
|
290
|
+
set closable(value: boolean);
|
|
291
|
+
get closable(): boolean;
|
|
292
|
+
/**
|
|
293
|
+
* Sets the text in the Dialog title bar.
|
|
294
|
+
*
|
|
295
|
+
* @type {string}
|
|
296
|
+
*/
|
|
297
|
+
title: string;
|
|
298
|
+
/**
|
|
299
|
+
* Sets the width of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
300
|
+
*
|
|
301
|
+
* @type {number | string}
|
|
302
|
+
*/
|
|
303
|
+
width: number | string;
|
|
304
|
+
/**
|
|
305
|
+
* Sets the minimum width of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
306
|
+
*
|
|
307
|
+
* @type {number | string}
|
|
308
|
+
*/
|
|
309
|
+
minWidth: number | string;
|
|
310
|
+
/**
|
|
311
|
+
* Sets the maximum width of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
312
|
+
*
|
|
313
|
+
* @type {number | string}
|
|
314
|
+
*/
|
|
315
|
+
maxWidth: number | string;
|
|
316
|
+
/**
|
|
317
|
+
* Sets the height of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
318
|
+
*
|
|
319
|
+
* @type {number | string}
|
|
320
|
+
*/
|
|
321
|
+
height: number | string;
|
|
322
|
+
/**
|
|
323
|
+
* Sets the minimum height of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
324
|
+
*
|
|
325
|
+
* @type {number | string}
|
|
326
|
+
*/
|
|
327
|
+
minHeight: number | string;
|
|
328
|
+
/**
|
|
329
|
+
* Sets the maximum height of the Dialog. Use a number for pixels or a string for units (for example, `50%`).
|
|
330
|
+
*
|
|
331
|
+
* @type {number | string}
|
|
332
|
+
*/
|
|
333
|
+
maxHeight: number | string;
|
|
334
|
+
/**
|
|
335
|
+
* Configures the Dialog opening animation ([see example](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/animations)).
|
|
336
|
+
* The default animation type is `translate` and the duration is `300ms`.
|
|
337
|
+
*
|
|
338
|
+
* @type {boolean | DialogAnimation}
|
|
339
|
+
* @default true
|
|
340
|
+
*/
|
|
341
|
+
animation: boolean | DialogAnimation;
|
|
342
|
+
/**
|
|
343
|
+
* @hidden
|
|
344
|
+
*/
|
|
345
|
+
set htmlAttributes(attributes: {
|
|
346
|
+
[key: string]: string;
|
|
347
|
+
});
|
|
348
|
+
get htmlAttributes(): {
|
|
349
|
+
[key: string]: string;
|
|
350
|
+
};
|
|
351
|
+
/**
|
|
352
|
+
* @hidden
|
|
353
|
+
*/
|
|
354
|
+
set cssClass(classes: any);
|
|
355
|
+
get cssClass(): any;
|
|
356
|
+
/**
|
|
357
|
+
* @hidden
|
|
358
|
+
*/
|
|
359
|
+
contentTemplate: TemplateRef<any>;
|
|
360
|
+
/**
|
|
361
|
+
* @hidden
|
|
362
|
+
*/
|
|
363
|
+
titleId: string;
|
|
364
|
+
/**
|
|
365
|
+
* @hidden
|
|
366
|
+
*/
|
|
367
|
+
contentId: string;
|
|
368
|
+
/**
|
|
369
|
+
* @hidden
|
|
370
|
+
*/
|
|
371
|
+
closeTitle: string;
|
|
372
|
+
/**
|
|
373
|
+
* @hidden
|
|
374
|
+
*/
|
|
375
|
+
showLicenseWatermark: boolean;
|
|
376
|
+
/**
|
|
377
|
+
* @hidden
|
|
378
|
+
*/
|
|
379
|
+
licenseMessage?: LicenseMessage;
|
|
380
|
+
/**
|
|
381
|
+
* Emits when the user clicks an action button in the Dialog. Fires only if you specify action buttons through the `actions` option.
|
|
382
|
+
*
|
|
383
|
+
* @type {EventEmitter<DialogAction>}
|
|
384
|
+
*/
|
|
385
|
+
action: EventEmitter<DialogAction>;
|
|
386
|
+
/**
|
|
387
|
+
* Emits when the user clicks the **Close** button or presses the `ESC` key.
|
|
388
|
+
*
|
|
389
|
+
* @type {EventEmitter<any>}
|
|
390
|
+
*/
|
|
391
|
+
close: EventEmitter<any>;
|
|
392
|
+
get dir(): string;
|
|
393
|
+
tabIndex: number;
|
|
394
|
+
titlebarContent: QueryList<DialogTitleBarComponent>;
|
|
395
|
+
titlebarView: QueryList<DialogTitleBarComponent>;
|
|
396
|
+
actionsView: DialogActionsComponent;
|
|
397
|
+
dialog: ElementRef;
|
|
398
|
+
private _htmlAttributes;
|
|
399
|
+
private _cssClass;
|
|
400
|
+
private _closable;
|
|
401
|
+
private direction;
|
|
402
|
+
private subscriptions;
|
|
403
|
+
private domSubs;
|
|
404
|
+
constructor(wrapper: ElementRef, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, ngZone: NgZone, builder: AnimationBuilder);
|
|
405
|
+
ngAfterContentInit(): void;
|
|
406
|
+
ngAfterViewInit(): void;
|
|
407
|
+
ngOnInit(): void;
|
|
408
|
+
ngOnDestroy(): void;
|
|
409
|
+
/**
|
|
410
|
+
* Focuses the wrapper of the Dialog component.
|
|
411
|
+
*/
|
|
412
|
+
focus(): void;
|
|
413
|
+
private initDomEvents;
|
|
414
|
+
private onKeyDown;
|
|
415
|
+
private setServiceClasses;
|
|
416
|
+
/**
|
|
417
|
+
* @hidden
|
|
418
|
+
*/
|
|
419
|
+
private handleInitialFocus;
|
|
420
|
+
/**
|
|
421
|
+
* @hidden
|
|
422
|
+
*/
|
|
423
|
+
private findPrimary;
|
|
424
|
+
/**
|
|
425
|
+
* @hidden
|
|
426
|
+
*/
|
|
427
|
+
private handleActionButtonFocus;
|
|
428
|
+
/**
|
|
429
|
+
* @hidden
|
|
430
|
+
*/
|
|
431
|
+
private keepFocusWithinComponent;
|
|
432
|
+
/**
|
|
433
|
+
* @hidden
|
|
434
|
+
*/
|
|
435
|
+
private shouldFocusPrimary;
|
|
436
|
+
/**
|
|
437
|
+
* @hidden
|
|
438
|
+
*/
|
|
439
|
+
private getAllFocusableChildren;
|
|
440
|
+
/**
|
|
441
|
+
* @hidden
|
|
442
|
+
*/
|
|
443
|
+
private getFirstAndLastFocusable;
|
|
444
|
+
/**
|
|
445
|
+
* @hidden
|
|
446
|
+
*/
|
|
447
|
+
private generateTitleId;
|
|
448
|
+
/**
|
|
449
|
+
* @hidden
|
|
450
|
+
*/
|
|
451
|
+
private generateContentId;
|
|
452
|
+
get wrapperClass(): boolean;
|
|
453
|
+
get styles(): any;
|
|
454
|
+
private bubble;
|
|
455
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
|
|
456
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "action": "action"; "close": "close"; }, ["titlebarContent"], ["kendo-dialog-titlebar", "*", "kendo-dialog-actions"], true, never>;
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
/**
|
|
460
|
+
* Represents the result when the **Close** button is clicked in a Dialog opened through `DialogService`.
|
|
461
|
+
*
|
|
462
|
+
* Used when the results from the Dialogs that are opened through `DialogService` are filtered. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
463
|
+
*
|
|
464
|
+
*/
|
|
465
|
+
declare class DialogCloseResult {
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/**
|
|
469
|
+
* Represents the possible result types of the Dialog.
|
|
470
|
+
*
|
|
471
|
+
* Use the `DialogResult` type to handle the result when a Dialog closes. If the result is a [`DialogCloseResult`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogcloseresult), the **Close** button was clicked.
|
|
472
|
+
* Otherwise, the value is the configuration of the action button that was clicked. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
473
|
+
*
|
|
474
|
+
*/
|
|
475
|
+
type DialogResult = DialogCloseResult | DialogAction;
|
|
476
|
+
|
|
477
|
+
/**
|
|
478
|
+
* Holds references to the Dialog instance and published events when you open a Dialog through the `DialogService`.
|
|
479
|
+
*
|
|
480
|
+
* Use the `DialogRef` class to control and interact with Dialogs opened programmatically. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
481
|
+
*
|
|
482
|
+
*/
|
|
483
|
+
declare class DialogRef {
|
|
484
|
+
/**
|
|
485
|
+
* Emits events when the Dialog is closed either through the **Close** button of the title bar or through the action buttons. If the **Close** button of the title bar is clicked, `DialogResult` is a `DialogCloseResult` instance. If the Dialog is closed through the action buttons, `DialogResult` contains the object that was passed when the Dialog was opened. When `close` is called with an argument, the result is the passed argument.
|
|
486
|
+
*/
|
|
487
|
+
result: Observable<DialogResult>;
|
|
488
|
+
/**
|
|
489
|
+
* A reference to the Dialog instance.
|
|
490
|
+
*/
|
|
491
|
+
dialog: ComponentRef<DialogComponent>;
|
|
492
|
+
/**
|
|
493
|
+
* A reference to the child component of the Dialog. Available when the Dialog is opened with [component content](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service#rendering-the-content-area).
|
|
494
|
+
*/
|
|
495
|
+
content: ComponentRef<any>;
|
|
496
|
+
/**
|
|
497
|
+
* Closes the Dialog programmatically. When called without a value, the resulting Observable emits an empty `DialogCloseResult` object. When called with a value, the resulting Observable emits the provided value.
|
|
498
|
+
*
|
|
499
|
+
* ```ts
|
|
500
|
+
* // Close without arguments: Returns an empty `DialogCloseResult` object.
|
|
501
|
+
* dialogRef.close();
|
|
502
|
+
*
|
|
503
|
+
* // Simulate clicking an action button: Pass a `DialogAction` object.
|
|
504
|
+
* dialogRef.close({ text: 'OK', primary: true });
|
|
505
|
+
*
|
|
506
|
+
* // Return custom data: Pass a custom object.
|
|
507
|
+
* dialogRef.close({ success: true, data: { id: 123 } });
|
|
508
|
+
* ```
|
|
509
|
+
*/
|
|
510
|
+
close: Function;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
/**
|
|
514
|
+
* Serves as the base class for a component provided as Dialog content through the `content` property.
|
|
515
|
+
* ([See example](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service#single-component-rendering)).
|
|
516
|
+
*
|
|
517
|
+
* @example
|
|
518
|
+
* ```ts
|
|
519
|
+
* @Component({ ... })
|
|
520
|
+
* export class UserInfoComponent extends DialogContentBase {
|
|
521
|
+
* constructor(public dialog: DialogRef) {
|
|
522
|
+
* super(dialog);
|
|
523
|
+
* }
|
|
524
|
+
* }
|
|
525
|
+
* ```
|
|
526
|
+
*
|
|
527
|
+
*/
|
|
528
|
+
declare class DialogContentBase {
|
|
529
|
+
dialog: DialogRef;
|
|
530
|
+
/**
|
|
531
|
+
* @hidden
|
|
532
|
+
*/
|
|
533
|
+
dialogTitleBar: DialogTitleBarComponent;
|
|
534
|
+
/**
|
|
535
|
+
* @hidden
|
|
536
|
+
*/
|
|
537
|
+
dialogActions: DialogActionsComponent;
|
|
538
|
+
constructor(dialog: DialogRef);
|
|
539
|
+
/**
|
|
540
|
+
* @hidden
|
|
541
|
+
*/
|
|
542
|
+
ngAfterViewInit(): void;
|
|
543
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogContentBase, never>;
|
|
544
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogContentBase, never, never, {}, {}, never, never, true, never>;
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
/**
|
|
548
|
+
* @hidden
|
|
549
|
+
*/
|
|
550
|
+
declare class DialogContainerService {
|
|
551
|
+
private static container;
|
|
552
|
+
set container(container: ViewContainerRef);
|
|
553
|
+
get container(): ViewContainerRef;
|
|
554
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogContainerService, never>;
|
|
555
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DialogContainerService>;
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
/**
|
|
559
|
+
* Represents the settings for opening a Dialog through the `DialogService`.
|
|
560
|
+
* ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
561
|
+
*
|
|
562
|
+
*/
|
|
563
|
+
declare class DialogSettings {
|
|
564
|
+
/**
|
|
565
|
+
* Use the `preventAction` callback to check if the pressed Dialog action should be prevented. If `true`, the Dialog does not close.
|
|
566
|
+
* If the **Close** button in the title bar is clicked, `DialogResult` is a `DialogCloseResult` instance.
|
|
567
|
+
* If the action buttons are used to close the Dialog, `DialogResult` contains the object passed when opening the Dialog. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service#dialog-close-prevention))
|
|
568
|
+
* @param {DialogResult} ev The Dialog result.
|
|
569
|
+
* @param {DialogRef} [dialogRef] The Dialog reference, provided only when you create the Dialog using a component.
|
|
570
|
+
* @returns Returns `true` to prevent closing the Dialog.
|
|
571
|
+
*/
|
|
572
|
+
preventAction?: (ev: DialogResult, dialogRef?: DialogRef) => boolean;
|
|
573
|
+
/**
|
|
574
|
+
* Sets the Dialog `title`. If you omit `title`, the Dialog does not render a **Close** button.
|
|
575
|
+
*/
|
|
576
|
+
title?: string;
|
|
577
|
+
/**
|
|
578
|
+
* Sets the CSS classes for the Dialog wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
579
|
+
*/
|
|
580
|
+
cssClass?: any;
|
|
581
|
+
/**
|
|
582
|
+
* Configures the Dialog opening `animation` ([see example](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/animations)).
|
|
583
|
+
* @default { type: 'translate', duration: 300 }
|
|
584
|
+
*/
|
|
585
|
+
animation?: boolean | DialogAnimation;
|
|
586
|
+
/**
|
|
587
|
+
* Sets the HTML attributes for the Dialog wrapper element. Accepts string key-value pairs.
|
|
588
|
+
*
|
|
589
|
+
* @remarks
|
|
590
|
+
* This option is related to accessibility.
|
|
591
|
+
*/
|
|
592
|
+
htmlAttributes?: {
|
|
593
|
+
[key: string]: string;
|
|
594
|
+
};
|
|
595
|
+
/**
|
|
596
|
+
* Defines the Dialog `content`. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service#rendering-the-content-area))
|
|
597
|
+
*/
|
|
598
|
+
content?: string | TemplateRef<any> | Function;
|
|
599
|
+
/**
|
|
600
|
+
* Sets the width of the Dialog.
|
|
601
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
602
|
+
*/
|
|
603
|
+
width?: number | string;
|
|
604
|
+
/**
|
|
605
|
+
* Sets the minimum width of the Dialog.
|
|
606
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
607
|
+
*/
|
|
608
|
+
minWidth?: number | string;
|
|
609
|
+
/**
|
|
610
|
+
* Sets the maximum width of the Dialog.
|
|
611
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
612
|
+
*/
|
|
613
|
+
maxWidth?: number | string;
|
|
614
|
+
/**
|
|
615
|
+
* Sets the height of the Dialog.
|
|
616
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
617
|
+
*/
|
|
618
|
+
height?: number | string;
|
|
619
|
+
/**
|
|
620
|
+
* Sets the minimum height of the Dialog.
|
|
621
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
622
|
+
*/
|
|
623
|
+
minHeight?: number | string;
|
|
624
|
+
/**
|
|
625
|
+
* Sets the maximum height of the Dialog.
|
|
626
|
+
* Use a number for pixels or a string for other units, for example, `50%`.
|
|
627
|
+
*/
|
|
628
|
+
maxHeight?: number | string;
|
|
629
|
+
/**
|
|
630
|
+
* Defines the container where the Dialog is inserted. This changes the place in the page hierarchy where the Dialog appears. The component styling stays the same.
|
|
631
|
+
*/
|
|
632
|
+
appendTo?: ViewContainerRef;
|
|
633
|
+
/**
|
|
634
|
+
* Sets the `closeTitle` for the **Close** button.
|
|
635
|
+
*/
|
|
636
|
+
closeTitle?: string;
|
|
637
|
+
/**
|
|
638
|
+
* Specifies whether the Dialog can be closed by the **Close** button in the title bar or by pressing the `Esc` key.
|
|
639
|
+
* @default true
|
|
640
|
+
*/
|
|
641
|
+
closable?: boolean;
|
|
642
|
+
/**
|
|
643
|
+
* Sets the Dialog `actions` buttons.
|
|
644
|
+
*/
|
|
645
|
+
actions?: any[] | TemplateRef<any>;
|
|
646
|
+
/**
|
|
647
|
+
* Sets the layout of the Dialog action buttons with `actionsLayout`.
|
|
648
|
+
*/
|
|
649
|
+
actionsLayout?: ActionsLayout;
|
|
650
|
+
/**
|
|
651
|
+
* Sets the query selector for the element to focus automatically with `autoFocusedElement`.
|
|
652
|
+
*/
|
|
653
|
+
autoFocusedElement?: string;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
/**
|
|
657
|
+
* Provides a service for opening Dialog windows dynamically ([see example](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service)).
|
|
658
|
+
*/
|
|
659
|
+
declare class DialogService {
|
|
660
|
+
private containerService;
|
|
661
|
+
/**
|
|
662
|
+
* @hidden
|
|
663
|
+
*/
|
|
664
|
+
constructor(containerService: DialogContainerService);
|
|
665
|
+
/**
|
|
666
|
+
* Opens a Dialog window. Requires an element in the application that uses the
|
|
667
|
+
* [`kendoDialogContainer`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogcontainerdirective) directive.
|
|
668
|
+
* The created Dialog mounts in the DOM directly after that element.
|
|
669
|
+
*
|
|
670
|
+
* @param {DialogAction} options - The options that define the Dialog.
|
|
671
|
+
* @returns {DialogRef} - A reference to the Dialog object and its convenience properties.
|
|
672
|
+
*
|
|
673
|
+
* @example
|
|
674
|
+
* ```typescript
|
|
675
|
+
* const dialog = this.dialogService.open({
|
|
676
|
+
* title: 'Confirm',
|
|
677
|
+
* content: 'Are you sure?',
|
|
678
|
+
* actions: [
|
|
679
|
+
* { text: 'No' },
|
|
680
|
+
* { text: 'Yes', themeColor: 'primary' }
|
|
681
|
+
* ]
|
|
682
|
+
* });
|
|
683
|
+
* dialog.result.subscribe(result => {
|
|
684
|
+
* // handle result
|
|
685
|
+
* });
|
|
686
|
+
* ```
|
|
687
|
+
*/
|
|
688
|
+
open(options: DialogSettings): DialogRef;
|
|
689
|
+
private initializeDialog;
|
|
690
|
+
private applyOptions;
|
|
691
|
+
private contentFrom;
|
|
692
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
|
|
693
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
/**
|
|
697
|
+
* @hidden
|
|
698
|
+
*/
|
|
699
|
+
interface ChangeEvent {
|
|
700
|
+
top?: number;
|
|
701
|
+
left?: number;
|
|
702
|
+
width?: number;
|
|
703
|
+
height?: number;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
/**
|
|
707
|
+
* @hidden
|
|
708
|
+
*/
|
|
709
|
+
type WindowPosition = 'absolute' | 'fixed';
|
|
710
|
+
/**
|
|
711
|
+
* Represents the possible states of the Window component.
|
|
712
|
+
*/
|
|
713
|
+
type WindowState = 'minimized' | 'maximized' | 'default';
|
|
714
|
+
/**
|
|
715
|
+
* Represents the dimensions of the Window that can be resized dynamically.
|
|
716
|
+
*/
|
|
717
|
+
type WindowDimensionSetting = 'width' | 'height';
|
|
718
|
+
/**
|
|
719
|
+
* Represents the offset of the Window that can be set dynamically.
|
|
720
|
+
*/
|
|
721
|
+
type WindowOffsetSetting = 'top' | 'left';
|
|
722
|
+
|
|
723
|
+
/**
|
|
724
|
+
* @hidden
|
|
725
|
+
*/
|
|
726
|
+
interface WindowOptions {
|
|
727
|
+
width?: number;
|
|
728
|
+
height?: number;
|
|
729
|
+
minWidth: number;
|
|
730
|
+
minHeight: number;
|
|
731
|
+
top?: number;
|
|
732
|
+
left?: number;
|
|
733
|
+
position: WindowPosition;
|
|
734
|
+
state: WindowState;
|
|
735
|
+
draggable: boolean;
|
|
736
|
+
resizable: boolean;
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
/**
|
|
740
|
+
* @hidden
|
|
741
|
+
*/
|
|
742
|
+
declare class DragResizeService implements OnDestroy {
|
|
743
|
+
private ngZone;
|
|
744
|
+
close: EventEmitter<any>;
|
|
745
|
+
focus: EventEmitter<any>;
|
|
746
|
+
change: EventEmitter<ChangeEvent>;
|
|
747
|
+
stateChange: EventEmitter<WindowState>;
|
|
748
|
+
dragStart: EventEmitter<any>;
|
|
749
|
+
dragEnd: EventEmitter<any>;
|
|
750
|
+
resizeStart: EventEmitter<string>;
|
|
751
|
+
resizeEnd: EventEmitter<any>;
|
|
752
|
+
options: WindowOptions;
|
|
753
|
+
restoreOptions: WindowOptions;
|
|
754
|
+
window: ElementRef;
|
|
755
|
+
lastAction: string;
|
|
756
|
+
subscriptions: Subscription;
|
|
757
|
+
dragSubscription: Subscription;
|
|
758
|
+
constructor(ngZone: NgZone);
|
|
759
|
+
ngOnDestroy(): void;
|
|
760
|
+
init(el: ElementRef): void;
|
|
761
|
+
onDrag(el: DraggableDirective): void;
|
|
762
|
+
handleDrag({ originalX, originalY, pageX, pageY, startPosition }: {
|
|
763
|
+
originalX: any;
|
|
764
|
+
originalY: any;
|
|
765
|
+
pageX: any;
|
|
766
|
+
pageY: any;
|
|
767
|
+
startPosition: any;
|
|
768
|
+
}): void;
|
|
769
|
+
onResize(handle: DraggableDirective, direction: string): void;
|
|
770
|
+
handleResize(initial: any, dir: string, deltaX: number, deltaY: number): void;
|
|
771
|
+
restoreAction(): void;
|
|
772
|
+
defaultState(): void;
|
|
773
|
+
storeOptions(): void;
|
|
774
|
+
maximizeAction(): void;
|
|
775
|
+
maximizeState(): void;
|
|
776
|
+
minimizeAction(): void;
|
|
777
|
+
minimizeState(): void;
|
|
778
|
+
/**
|
|
779
|
+
* Handles manual changes of the 'state' property.
|
|
780
|
+
* Required to distinguish them from action clicks.
|
|
781
|
+
*/
|
|
782
|
+
applyManualState(previousState?: WindowState): void;
|
|
783
|
+
closeAction(): void;
|
|
784
|
+
ensureWidth(): void;
|
|
785
|
+
center(): void;
|
|
786
|
+
currentOffsetAndPosition(): any;
|
|
787
|
+
currentPosition(): any;
|
|
788
|
+
setPosition(): void;
|
|
789
|
+
setRestoreOption(style: string, value: number): void;
|
|
790
|
+
get nextPossibleZIndex(): number;
|
|
791
|
+
get nextZIndex(): number;
|
|
792
|
+
get windowViewPort(): any;
|
|
793
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DragResizeService, never>;
|
|
794
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DragResizeService>;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
/**
|
|
798
|
+
* @hidden
|
|
799
|
+
*/
|
|
800
|
+
declare class ResizeHandleDirective implements OnInit, OnDestroy {
|
|
801
|
+
draggable: DraggableDirective;
|
|
802
|
+
private el;
|
|
803
|
+
private renderer;
|
|
804
|
+
private service;
|
|
805
|
+
direction: string;
|
|
806
|
+
get hostClass(): boolean;
|
|
807
|
+
private subscriptions;
|
|
808
|
+
constructor(draggable: DraggableDirective, el: ElementRef, renderer: Renderer2, service: DragResizeService);
|
|
809
|
+
ngOnInit(): void;
|
|
810
|
+
ngOnDestroy(): void;
|
|
811
|
+
private setDisplay;
|
|
812
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeHandleDirective, [{ host: true; }, null, null, null]>;
|
|
813
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeHandleDirective, "[kendoWindowResizeHandle]", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, true, never>;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
/**
|
|
817
|
+
* Represents the title bar of the Window component.
|
|
818
|
+
*
|
|
819
|
+
*/
|
|
820
|
+
declare class WindowTitleBarComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
821
|
+
el: ElementRef;
|
|
822
|
+
private ngZone;
|
|
823
|
+
/**
|
|
824
|
+
* @hidden
|
|
825
|
+
*/
|
|
826
|
+
template: TemplateRef<any>;
|
|
827
|
+
/**
|
|
828
|
+
* @hidden
|
|
829
|
+
*/
|
|
830
|
+
id: string;
|
|
831
|
+
/**
|
|
832
|
+
* @hidden
|
|
833
|
+
*/
|
|
834
|
+
service: DragResizeService;
|
|
835
|
+
private dragDirective;
|
|
836
|
+
private dragSubscription;
|
|
837
|
+
private stateSubscription;
|
|
838
|
+
constructor(el: ElementRef, service: DragResizeService, ngZone: NgZone);
|
|
839
|
+
ngOnInit(): void;
|
|
840
|
+
ngAfterViewInit(): void;
|
|
841
|
+
ngOnDestroy(): void;
|
|
842
|
+
/**
|
|
843
|
+
* @hidden
|
|
844
|
+
*/
|
|
845
|
+
subscribeDrag(): void;
|
|
846
|
+
/**
|
|
847
|
+
* @hidden
|
|
848
|
+
*/
|
|
849
|
+
subscribeStateChange(): void;
|
|
850
|
+
/**
|
|
851
|
+
* @hidden
|
|
852
|
+
*/
|
|
853
|
+
unsubscribeDrag(): void;
|
|
854
|
+
/**
|
|
855
|
+
* @hidden
|
|
856
|
+
*/
|
|
857
|
+
unsubscribeState(): void;
|
|
858
|
+
get className(): true;
|
|
859
|
+
get touchAction(): string;
|
|
860
|
+
/**
|
|
861
|
+
* @hidden
|
|
862
|
+
*/
|
|
863
|
+
handle(ev: any): void;
|
|
864
|
+
protected get isDraggable(): boolean;
|
|
865
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowTitleBarComponent, never>;
|
|
866
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowTitleBarComponent, "kendo-window-titlebar", never, { "template": { "alias": "template"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
/**
|
|
870
|
+
* @hidden
|
|
871
|
+
*/
|
|
872
|
+
declare class NavigationService {
|
|
873
|
+
private window;
|
|
874
|
+
private ngZone;
|
|
875
|
+
constructor(window: DragResizeService, ngZone: NgZone);
|
|
876
|
+
process(ev: KeyboardEvent): void;
|
|
877
|
+
handleArrow(key: string, ev: KeyboardEvent): void;
|
|
878
|
+
handleEscape(): void;
|
|
879
|
+
handleDrag(key: string): void;
|
|
880
|
+
handleResize(key: string): void;
|
|
881
|
+
handleStateChange(key: string, state: WindowState): void;
|
|
882
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
|
|
883
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
/**
|
|
887
|
+
* Defines the text of the labels that appear in the Window. Use for localization.
|
|
888
|
+
*
|
|
889
|
+
*/
|
|
890
|
+
interface WindowMessages {
|
|
891
|
+
/**
|
|
892
|
+
* Specifies the title of the close button.
|
|
893
|
+
*/
|
|
894
|
+
closeTitle?: string;
|
|
895
|
+
/**
|
|
896
|
+
* Specifies the title of the restore button.
|
|
897
|
+
*/
|
|
898
|
+
restoreTitle?: string;
|
|
899
|
+
/**
|
|
900
|
+
* Specifies the title of the maximize button.
|
|
901
|
+
*/
|
|
902
|
+
maximizeTitle?: string;
|
|
903
|
+
/**
|
|
904
|
+
* Specifies the title of the minimize button.
|
|
905
|
+
*/
|
|
906
|
+
minimizeTitle?: string;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
/**
|
|
910
|
+
* Represents the [Kendo UI Window component for Angular](https://www.telerik.com/kendo-angular-ui/components/dialogs/window).
|
|
911
|
+
*
|
|
912
|
+
* @example
|
|
913
|
+
* ```html
|
|
914
|
+
* <kendo-window title="My Window" [width]="400" [height]="300">
|
|
915
|
+
* </kendo-window>
|
|
916
|
+
* ```
|
|
917
|
+
*
|
|
918
|
+
* @remarks
|
|
919
|
+
* Supported children components are: {@link CustomMessagesComponent}, {@link WindowTitleBarComponent}.
|
|
920
|
+
*/
|
|
921
|
+
declare class WindowComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
|
|
922
|
+
private el;
|
|
923
|
+
private renderer;
|
|
924
|
+
private service;
|
|
925
|
+
private navigation;
|
|
926
|
+
private ngZone;
|
|
927
|
+
private localization;
|
|
928
|
+
/**
|
|
929
|
+
* Specifies the query selector used to set the initial focus ([see examples](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/initial-focus)).
|
|
930
|
+
*
|
|
931
|
+
* @remarks
|
|
932
|
+
* This property is related to accessibility.
|
|
933
|
+
*/
|
|
934
|
+
autoFocusedElement: string;
|
|
935
|
+
/**
|
|
936
|
+
* Sets the text in the title bar.
|
|
937
|
+
*/
|
|
938
|
+
title: string;
|
|
939
|
+
/**
|
|
940
|
+
* Specifies if the user can drag the component.
|
|
941
|
+
* @default true
|
|
942
|
+
*/
|
|
943
|
+
set draggable(value: boolean);
|
|
944
|
+
get draggable(): boolean;
|
|
945
|
+
/**
|
|
946
|
+
* Specifies if the user can resize the component.
|
|
947
|
+
* @default true
|
|
948
|
+
*/
|
|
949
|
+
set resizable(value: boolean);
|
|
950
|
+
get resizable(): boolean;
|
|
951
|
+
/**
|
|
952
|
+
* @hidden
|
|
953
|
+
*/
|
|
954
|
+
set cssClass(classes: any);
|
|
955
|
+
get cssClass(): any;
|
|
956
|
+
/**
|
|
957
|
+
* @hidden
|
|
958
|
+
*/
|
|
959
|
+
set htmlAttributes(attributes: {
|
|
960
|
+
[key: string]: string;
|
|
961
|
+
});
|
|
962
|
+
get htmlAttributes(): {
|
|
963
|
+
[key: string]: string;
|
|
964
|
+
};
|
|
965
|
+
/**
|
|
966
|
+
* Specifies if the content stays in the DOM when minimized.
|
|
967
|
+
* @default false
|
|
968
|
+
*/
|
|
969
|
+
keepContent: boolean;
|
|
970
|
+
/**
|
|
971
|
+
* Sets the initial state of the Window.
|
|
972
|
+
*/
|
|
973
|
+
set state(value: WindowState);
|
|
974
|
+
get state(): WindowState;
|
|
975
|
+
/**
|
|
976
|
+
* Sets the minimum width in pixels.
|
|
977
|
+
* @default 120
|
|
978
|
+
*/
|
|
979
|
+
set minWidth(value: number);
|
|
980
|
+
get minWidth(): number;
|
|
981
|
+
/**
|
|
982
|
+
* Sets the minimum height in pixels.
|
|
983
|
+
* @default 100
|
|
984
|
+
*/
|
|
985
|
+
set minHeight(value: number);
|
|
986
|
+
get minHeight(): number;
|
|
987
|
+
/**
|
|
988
|
+
* Sets the width in pixels.
|
|
989
|
+
*/
|
|
990
|
+
set width(value: number);
|
|
991
|
+
get width(): number;
|
|
992
|
+
/**
|
|
993
|
+
* Sets the height in pixels.
|
|
994
|
+
*/
|
|
995
|
+
set height(value: number);
|
|
996
|
+
get height(): number;
|
|
997
|
+
/**
|
|
998
|
+
* Sets the initial top offset in pixels.
|
|
999
|
+
*/
|
|
1000
|
+
set top(value: number);
|
|
1001
|
+
get top(): number;
|
|
1002
|
+
/**
|
|
1003
|
+
* Sets the initial left offset in pixels.
|
|
1004
|
+
*/
|
|
1005
|
+
set left(value: number);
|
|
1006
|
+
get left(): number;
|
|
1007
|
+
get closeButtonTitle(): string;
|
|
1008
|
+
get restoreButtonTitle(): string;
|
|
1009
|
+
get maximizeButtonTitle(): string;
|
|
1010
|
+
get minimizeButtonTitle(): string;
|
|
1011
|
+
/**
|
|
1012
|
+
* Fires when the user starts to move the Window.
|
|
1013
|
+
*/
|
|
1014
|
+
dragStart: EventEmitter<any>;
|
|
1015
|
+
/**
|
|
1016
|
+
* Fires after the Window has been moved by the user.
|
|
1017
|
+
*/
|
|
1018
|
+
dragEnd: EventEmitter<any>;
|
|
1019
|
+
/**
|
|
1020
|
+
* Fires when the user starts to resize the Window.
|
|
1021
|
+
*/
|
|
1022
|
+
resizeStart: EventEmitter<any>;
|
|
1023
|
+
/**
|
|
1024
|
+
* Fires after the Window has been resized by the user.
|
|
1025
|
+
*/
|
|
1026
|
+
resizeEnd: EventEmitter<any>;
|
|
1027
|
+
/**
|
|
1028
|
+
* Fires when the user closes the Window.
|
|
1029
|
+
*/
|
|
1030
|
+
close: EventEmitter<any>;
|
|
1031
|
+
/**
|
|
1032
|
+
* Fires when the `width` property is updated after resizing. The event data contains the new width. Allows two-way binding of the `width` property.
|
|
1033
|
+
*/
|
|
1034
|
+
widthChange: EventEmitter<number>;
|
|
1035
|
+
/**
|
|
1036
|
+
* Fires when the `height` property is updated after resizing. The event data contains the new height. Allows two-way binding of the `height` property.
|
|
1037
|
+
*/
|
|
1038
|
+
heightChange: EventEmitter<number>;
|
|
1039
|
+
/**
|
|
1040
|
+
* 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.
|
|
1041
|
+
*/
|
|
1042
|
+
topChange: EventEmitter<number>;
|
|
1043
|
+
/**
|
|
1044
|
+
* 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.
|
|
1045
|
+
*/
|
|
1046
|
+
leftChange: EventEmitter<number>;
|
|
1047
|
+
/**
|
|
1048
|
+
* Fires when the `state` property is updated. The event data contains the new state. Allows two-way binding of the `state` property.
|
|
1049
|
+
*/
|
|
1050
|
+
stateChange: EventEmitter<WindowState>;
|
|
1051
|
+
/**
|
|
1052
|
+
* @hidden
|
|
1053
|
+
*/
|
|
1054
|
+
contentTemplate: TemplateRef<any>;
|
|
1055
|
+
/**
|
|
1056
|
+
* @hidden
|
|
1057
|
+
*/
|
|
1058
|
+
titleBarTemplate: TemplateRef<any>;
|
|
1059
|
+
/**
|
|
1060
|
+
* @hidden
|
|
1061
|
+
*/
|
|
1062
|
+
messages: WindowMessages;
|
|
1063
|
+
/**
|
|
1064
|
+
* @hidden
|
|
1065
|
+
*/
|
|
1066
|
+
showLicenseWatermark: boolean;
|
|
1067
|
+
/**
|
|
1068
|
+
* @hidden
|
|
1069
|
+
*/
|
|
1070
|
+
licenseMessage?: LicenseMessage;
|
|
1071
|
+
tabIndex: number;
|
|
1072
|
+
role: string;
|
|
1073
|
+
hostClass: boolean;
|
|
1074
|
+
get dir(): string;
|
|
1075
|
+
titleBarView: WindowTitleBarComponent;
|
|
1076
|
+
titleBarContent: WindowTitleBarComponent;
|
|
1077
|
+
resizeHandles: QueryList<ResizeHandleDirective>;
|
|
1078
|
+
resizeDirections: Array<string>;
|
|
1079
|
+
/**
|
|
1080
|
+
* @hidden
|
|
1081
|
+
*/
|
|
1082
|
+
titleId: string;
|
|
1083
|
+
private _htmlAttributes;
|
|
1084
|
+
private _cssClass;
|
|
1085
|
+
private direction;
|
|
1086
|
+
private draged;
|
|
1087
|
+
private resized;
|
|
1088
|
+
private windowSubscription;
|
|
1089
|
+
private domSubs;
|
|
1090
|
+
private localizationChangeSubscription;
|
|
1091
|
+
private stateAppliedByAction;
|
|
1092
|
+
constructor(el: ElementRef, renderer: Renderer2, service: DragResizeService, navigation: NavigationService, ngZone: NgZone, localization: LocalizationService);
|
|
1093
|
+
ngAfterViewInit(): void;
|
|
1094
|
+
ngOnInit(): void;
|
|
1095
|
+
ngOnChanges(changes: {
|
|
1096
|
+
[propertyName: string]: SimpleChange;
|
|
1097
|
+
}): void;
|
|
1098
|
+
ngOnDestroy(): void;
|
|
1099
|
+
/**
|
|
1100
|
+
* Focuses the wrapper of the Window component.
|
|
1101
|
+
*/
|
|
1102
|
+
focus(): void;
|
|
1103
|
+
/**
|
|
1104
|
+
* Brings the current Window component on top of other Window components on the page.
|
|
1105
|
+
*/
|
|
1106
|
+
bringToFront(): void;
|
|
1107
|
+
/**
|
|
1108
|
+
* Manually updates the `width` or `height` option of the Window.
|
|
1109
|
+
* The required style will be applied to the Window wrapper element and the
|
|
1110
|
+
* corresponding property of the component instance will be updated.
|
|
1111
|
+
* This method is intended to be used for sizing dynamically created components using the
|
|
1112
|
+
* [`WindowService`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice)
|
|
1113
|
+
* @param dimension The option to update.
|
|
1114
|
+
* @param value The value in pixels.
|
|
1115
|
+
*/
|
|
1116
|
+
setDimension(dimension: WindowDimensionSetting, value: number): void;
|
|
1117
|
+
/**
|
|
1118
|
+
* Manually updates the `top` or `left` offset of the Window.
|
|
1119
|
+
* The required style will be applied to the Window wrapper element and the
|
|
1120
|
+
* corresponding property of the component instance will be updated.
|
|
1121
|
+
* This method is intended to be used for positioning dynamically created components using the
|
|
1122
|
+
* [`WindowService`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice)
|
|
1123
|
+
* @param offset The option to update.
|
|
1124
|
+
* @param value The value in pixels.
|
|
1125
|
+
*/
|
|
1126
|
+
setOffset(offset: WindowOffsetSetting, value: number): void;
|
|
1127
|
+
get showDefaultTitleBar(): boolean;
|
|
1128
|
+
get styleMinWidth(): string;
|
|
1129
|
+
get styleMinHeight(): string;
|
|
1130
|
+
get stylePosition(): string;
|
|
1131
|
+
get wrapperMaximizedClass(): boolean;
|
|
1132
|
+
get wrapperMinimizedClass(): boolean;
|
|
1133
|
+
/**
|
|
1134
|
+
* @hidden
|
|
1135
|
+
*/
|
|
1136
|
+
onComponentFocus(): void;
|
|
1137
|
+
/**
|
|
1138
|
+
* @hidden
|
|
1139
|
+
*/
|
|
1140
|
+
onComponentBlur(): void;
|
|
1141
|
+
private subscribeEvents;
|
|
1142
|
+
private initDomEvents;
|
|
1143
|
+
private onKeyDown;
|
|
1144
|
+
private setServiceClasses;
|
|
1145
|
+
private setNextZIndex;
|
|
1146
|
+
private setInitialOffset;
|
|
1147
|
+
private updateAllOffset;
|
|
1148
|
+
private setStyle;
|
|
1149
|
+
private removeStyle;
|
|
1150
|
+
private get options();
|
|
1151
|
+
private setOption;
|
|
1152
|
+
private handleInitialFocus;
|
|
1153
|
+
/**
|
|
1154
|
+
* @hidden
|
|
1155
|
+
*/
|
|
1156
|
+
private generateTitleId;
|
|
1157
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowComponent, never>;
|
|
1158
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "kendo-window", ["kendoWindow"], { "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "title": { "alias": "title"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "keepContent": { "alias": "keepContent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "top": { "alias": "top"; "required": false; }; "left": { "alias": "left"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "resizeStart": "resizeStart"; "resizeEnd": "resizeEnd"; "close": "close"; "widthChange": "widthChange"; "heightChange": "heightChange"; "topChange": "topChange"; "leftChange": "leftChange"; "stateChange": "stateChange"; }, ["titleBarContent"], ["kendo-window-titlebar", "*"], true, never>;
|
|
1159
|
+
}
|
|
1160
|
+
|
|
1161
|
+
/**
|
|
1162
|
+
* Represents the maximize action directive of the Window component.
|
|
1163
|
+
*
|
|
1164
|
+
* ```html
|
|
1165
|
+
* <button kendoWindowMaximizeAction>Maximize</button>
|
|
1166
|
+
* ```
|
|
1167
|
+
*/
|
|
1168
|
+
declare class WindowMaximizeActionDirective extends Button {
|
|
1169
|
+
/**
|
|
1170
|
+
* @hidden
|
|
1171
|
+
*/
|
|
1172
|
+
window: any;
|
|
1173
|
+
buttonType: string;
|
|
1174
|
+
buttonClass: boolean;
|
|
1175
|
+
/**
|
|
1176
|
+
* @hidden
|
|
1177
|
+
*/
|
|
1178
|
+
windowIcon: SVGIcon;
|
|
1179
|
+
constructor(el: ElementRef, renderer: Renderer2, _service: DragResizeService, localization: LocalizationService, ngZone: NgZone);
|
|
1180
|
+
/**
|
|
1181
|
+
* @hidden
|
|
1182
|
+
*/
|
|
1183
|
+
onClick(): void;
|
|
1184
|
+
get visible(): string;
|
|
1185
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowMaximizeActionDirective, [null, null, { optional: true; }, null, null]>;
|
|
1186
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowMaximizeActionDirective, "button[kendoWindowMaximizeAction]", ["kendoWindowMaximizeAction"], { "window": { "alias": "window"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1187
|
+
}
|
|
1188
|
+
|
|
1189
|
+
/**
|
|
1190
|
+
* Represents the minimize action directive of the Window component.
|
|
1191
|
+
*
|
|
1192
|
+
* ```html
|
|
1193
|
+
* <button kendoWindowMinimizeAction>Minimize</button>
|
|
1194
|
+
* ```
|
|
1195
|
+
*/
|
|
1196
|
+
declare class WindowMinimizeActionDirective extends Button {
|
|
1197
|
+
/**
|
|
1198
|
+
* @hidden
|
|
1199
|
+
*/
|
|
1200
|
+
window: any;
|
|
1201
|
+
buttonType: string;
|
|
1202
|
+
buttonClass: boolean;
|
|
1203
|
+
/**
|
|
1204
|
+
* @hidden
|
|
1205
|
+
*/
|
|
1206
|
+
windowMinimizeIcon: SVGIcon;
|
|
1207
|
+
constructor(el: ElementRef, renderer: Renderer2, _service: DragResizeService, localization: LocalizationService, ngZone: NgZone);
|
|
1208
|
+
/**
|
|
1209
|
+
* @hidden
|
|
1210
|
+
*/
|
|
1211
|
+
onClick(): void;
|
|
1212
|
+
get visible(): string;
|
|
1213
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowMinimizeActionDirective, [null, null, { optional: true; }, null, null]>;
|
|
1214
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowMinimizeActionDirective, "button[kendoWindowMinimizeAction]", ["kendoWindowMinimizeAction"], { "window": { "alias": "window"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
/**
|
|
1218
|
+
* Represents the close action directive of the Window component.
|
|
1219
|
+
*
|
|
1220
|
+
* ```html
|
|
1221
|
+
* <button kendoWindowCloseAction>Close</button>
|
|
1222
|
+
* ```
|
|
1223
|
+
*/
|
|
1224
|
+
declare class WindowCloseActionDirective extends Button {
|
|
1225
|
+
/**
|
|
1226
|
+
* @hidden
|
|
1227
|
+
*/
|
|
1228
|
+
window: any;
|
|
1229
|
+
/**
|
|
1230
|
+
* @hidden
|
|
1231
|
+
*/
|
|
1232
|
+
xIcon: SVGIcon;
|
|
1233
|
+
buttonType: string;
|
|
1234
|
+
buttonClass: boolean;
|
|
1235
|
+
constructor(el: ElementRef, renderer: Renderer2, _service: DragResizeService, localization: LocalizationService, ngZone: NgZone);
|
|
1236
|
+
/**
|
|
1237
|
+
* @hidden
|
|
1238
|
+
*/
|
|
1239
|
+
onClick(): void;
|
|
1240
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowCloseActionDirective, [null, null, { optional: true; }, null, null]>;
|
|
1241
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowCloseActionDirective, "button[kendoWindowCloseAction]", ["kendoWindowCloseAction"], { "window": { "alias": "window"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
/**
|
|
1245
|
+
* Represents the restore action directive of the Window component.
|
|
1246
|
+
*
|
|
1247
|
+
* ```html
|
|
1248
|
+
* <button kendoWindowRestoreAction>Restore</button>
|
|
1249
|
+
* ```
|
|
1250
|
+
*/
|
|
1251
|
+
declare class WindowRestoreActionDirective extends Button {
|
|
1252
|
+
/**
|
|
1253
|
+
* @hidden
|
|
1254
|
+
*/
|
|
1255
|
+
window: any;
|
|
1256
|
+
/**
|
|
1257
|
+
* @hidden
|
|
1258
|
+
*/
|
|
1259
|
+
windowRestoreIcon: SVGIcon;
|
|
1260
|
+
buttonType: string;
|
|
1261
|
+
buttonClass: boolean;
|
|
1262
|
+
constructor(el: ElementRef, renderer: Renderer2, _service: DragResizeService, localization: LocalizationService, ngZone: NgZone);
|
|
1263
|
+
/**
|
|
1264
|
+
* @hidden
|
|
1265
|
+
*/
|
|
1266
|
+
onClick(): void;
|
|
1267
|
+
get visible(): string;
|
|
1268
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowRestoreActionDirective, [null, null, { optional: true; }, null, null]>;
|
|
1269
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WindowRestoreActionDirective, "button[kendoWindowRestoreAction]", ["kendoWindowRestoreAction"], { "window": { "alias": "window"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
/**
|
|
1273
|
+
* Indicates that the **Close** button of a Window opened through `WindowService` is clicked.
|
|
1274
|
+
*
|
|
1275
|
+
*/
|
|
1276
|
+
declare class WindowCloseResult {
|
|
1277
|
+
}
|
|
1278
|
+
|
|
1279
|
+
/**
|
|
1280
|
+
* Holds references to the Window instance. Controls Windows opened through `WindowService`. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice#open))
|
|
1281
|
+
*/
|
|
1282
|
+
declare class WindowRef {
|
|
1283
|
+
/**
|
|
1284
|
+
* Represents a reference to the Window instance.
|
|
1285
|
+
*/
|
|
1286
|
+
window: ComponentRef<WindowComponent>;
|
|
1287
|
+
/**
|
|
1288
|
+
* Represents a reference to the child component of the Window. Available when you open the Window with [component content](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service#rendering-the-content-area).
|
|
1289
|
+
*/
|
|
1290
|
+
content: ComponentRef<any>;
|
|
1291
|
+
/**
|
|
1292
|
+
* 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.
|
|
1293
|
+
*/
|
|
1294
|
+
close: Function;
|
|
1295
|
+
/**
|
|
1296
|
+
* 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`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowcloseresult). When `close` is called with an argument, the result is the passed argument.
|
|
1297
|
+
*/
|
|
1298
|
+
result: Observable<WindowCloseResult>;
|
|
1299
|
+
}
|
|
1300
|
+
|
|
1301
|
+
/**
|
|
1302
|
+
* Represents the settings for the Window actions when you open a Window through `WindowService`. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice#open))
|
|
1303
|
+
*/
|
|
1304
|
+
declare class WindowSettings {
|
|
1305
|
+
/**
|
|
1306
|
+
* 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`](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowcloseresult) instance is passed.
|
|
1307
|
+
* @param {any} ev The event argument.
|
|
1308
|
+
* @param {WindowRef} [windowRef] - The window reference, provided only when you create the window using a component.
|
|
1309
|
+
* @returns Returns `true` to prevent closing the window.
|
|
1310
|
+
*/
|
|
1311
|
+
preventClose?: (ev: any, windowRef?: WindowRef) => boolean;
|
|
1312
|
+
/**
|
|
1313
|
+
* Sets the Window `title`.
|
|
1314
|
+
*/
|
|
1315
|
+
title?: string;
|
|
1316
|
+
/**
|
|
1317
|
+
* Defines the Window `content`.
|
|
1318
|
+
*/
|
|
1319
|
+
content?: string | TemplateRef<any> | Function;
|
|
1320
|
+
/**
|
|
1321
|
+
* Defines the content of the title bar.
|
|
1322
|
+
*/
|
|
1323
|
+
titleBarContent?: TemplateRef<any>;
|
|
1324
|
+
/**
|
|
1325
|
+
* Sets the text of the labels shown in the Window. Use for localization.
|
|
1326
|
+
*/
|
|
1327
|
+
messages?: WindowMessages;
|
|
1328
|
+
/**
|
|
1329
|
+
* Set to `true` to persist the Window content in the DOM when minimized.
|
|
1330
|
+
*/
|
|
1331
|
+
keepContent?: boolean;
|
|
1332
|
+
/**
|
|
1333
|
+
* Sets the width of the Window in pixels.
|
|
1334
|
+
*/
|
|
1335
|
+
width?: number;
|
|
1336
|
+
/**
|
|
1337
|
+
* Sets the minimum width of the Window in pixels.
|
|
1338
|
+
*/
|
|
1339
|
+
minWidth?: number;
|
|
1340
|
+
/**
|
|
1341
|
+
* Sets the height of the Window in pixels.
|
|
1342
|
+
*/
|
|
1343
|
+
height?: number;
|
|
1344
|
+
/**
|
|
1345
|
+
* Sets the minimum height of the Window in pixels.
|
|
1346
|
+
*/
|
|
1347
|
+
minHeight?: number;
|
|
1348
|
+
/**
|
|
1349
|
+
* Sets the left offset of the Window in pixels.
|
|
1350
|
+
*/
|
|
1351
|
+
left?: number;
|
|
1352
|
+
/**
|
|
1353
|
+
* Sets the top offset of the Window in pixels.
|
|
1354
|
+
*/
|
|
1355
|
+
top?: number;
|
|
1356
|
+
/**
|
|
1357
|
+
* Specifies is the Window is draggable.
|
|
1358
|
+
*/
|
|
1359
|
+
draggable?: boolean;
|
|
1360
|
+
/**
|
|
1361
|
+
* Sets custom CSS classes for the Window wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
1362
|
+
*/
|
|
1363
|
+
cssClass?: any;
|
|
1364
|
+
/**
|
|
1365
|
+
* Sets HTML attributes for the Window wrapper element. Accepts string key-value pairs.
|
|
1366
|
+
*
|
|
1367
|
+
* @remarks
|
|
1368
|
+
* This option is related to accessibility.
|
|
1369
|
+
*/
|
|
1370
|
+
htmlAttributes?: {
|
|
1371
|
+
[key: string]: string;
|
|
1372
|
+
};
|
|
1373
|
+
/**
|
|
1374
|
+
* Specifies if the Window is resizable.
|
|
1375
|
+
*/
|
|
1376
|
+
resizable?: boolean;
|
|
1377
|
+
/**
|
|
1378
|
+
* Sets the initial state of the Window.
|
|
1379
|
+
*/
|
|
1380
|
+
state?: WindowState;
|
|
1381
|
+
/**
|
|
1382
|
+
* Defines the container where the Window is inserted. This changes the place in the page hierarchy where the Window appears.
|
|
1383
|
+
*/
|
|
1384
|
+
appendTo?: ViewContainerRef;
|
|
1385
|
+
/**
|
|
1386
|
+
* Sets the query selector for the element to focus automatically.
|
|
1387
|
+
*/
|
|
1388
|
+
autoFocusedElement?: string;
|
|
1389
|
+
}
|
|
1390
|
+
|
|
1391
|
+
/**
|
|
1392
|
+
* @hidden
|
|
1393
|
+
*/
|
|
1394
|
+
declare class WindowContainerService {
|
|
1395
|
+
private static container;
|
|
1396
|
+
set container(container: ViewContainerRef);
|
|
1397
|
+
get container(): ViewContainerRef;
|
|
1398
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowContainerService, never>;
|
|
1399
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<WindowContainerService>;
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
/**
|
|
1403
|
+
* Provides methods for opening Windows dynamically.
|
|
1404
|
+
*
|
|
1405
|
+
* Use this service to open a Window component and manage its lifecycle. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service))
|
|
1406
|
+
*/
|
|
1407
|
+
declare class WindowService {
|
|
1408
|
+
private containerService;
|
|
1409
|
+
/**
|
|
1410
|
+
* @hidden
|
|
1411
|
+
*/
|
|
1412
|
+
constructor(containerService: WindowContainerService);
|
|
1413
|
+
/**
|
|
1414
|
+
* Opens a Window component with the specified settings.
|
|
1415
|
+
*
|
|
1416
|
+
* @param settings The settings that configure the Window.
|
|
1417
|
+
* @returns A `WindowRef` instance for controlling the Window.
|
|
1418
|
+
*
|
|
1419
|
+
* @example
|
|
1420
|
+
* ```ts
|
|
1421
|
+
* const window = windowService.open({
|
|
1422
|
+
* title: 'My window',
|
|
1423
|
+
* content: 'My content!'
|
|
1424
|
+
* });
|
|
1425
|
+
* ```
|
|
1426
|
+
*/
|
|
1427
|
+
open(settings: WindowSettings): WindowRef;
|
|
1428
|
+
private applyOptions;
|
|
1429
|
+
private contentFrom;
|
|
1430
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowService, never>;
|
|
1431
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<WindowService>;
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
/**
|
|
1435
|
+
* Represents an insertion point for Dialogs created through the Dialog service.
|
|
1436
|
+
* The created Dialogs mount after this element. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
|
|
1437
|
+
*
|
|
1438
|
+
* @example
|
|
1439
|
+
* ```html
|
|
1440
|
+
* <div kendoDialogContainer></div>
|
|
1441
|
+
* ```
|
|
1442
|
+
*/
|
|
1443
|
+
declare class DialogContainerDirective {
|
|
1444
|
+
constructor(container: ViewContainerRef, service: DialogContainerService);
|
|
1445
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogContainerDirective, never>;
|
|
1446
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogContainerDirective, "[kendoDialogContainer]", never, {}, {}, never, never, true, never>;
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1449
|
+
/**
|
|
1450
|
+
* @hidden
|
|
1451
|
+
*/
|
|
1452
|
+
declare class Messages extends ComponentMessages {
|
|
1453
|
+
/**
|
|
1454
|
+
* Sets the title for the **Close** button.
|
|
1455
|
+
*/
|
|
1456
|
+
closeTitle: string;
|
|
1457
|
+
/**
|
|
1458
|
+
* Sets the title for the **Restore** button.
|
|
1459
|
+
*/
|
|
1460
|
+
restoreTitle: string;
|
|
1461
|
+
/**
|
|
1462
|
+
* Sets the title for the **Maximize** button.
|
|
1463
|
+
*/
|
|
1464
|
+
maximizeTitle: string;
|
|
1465
|
+
/**
|
|
1466
|
+
* Sets the title for the **Minimize** button.
|
|
1467
|
+
*/
|
|
1468
|
+
minimizeTitle: string;
|
|
1469
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
1470
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-dialog-messages-base", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; "restoreTitle": { "alias": "restoreTitle"; "required": false; }; "maximizeTitle": { "alias": "maximizeTitle"; "required": false; }; "minimizeTitle": { "alias": "minimizeTitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
1471
|
+
}
|
|
1472
|
+
|
|
1473
|
+
/**
|
|
1474
|
+
* Represents a component for customizing the messages in Dialog and Window components.
|
|
1475
|
+
*
|
|
1476
|
+
* Use the `CustomMessagesComponent` to override default messages with custom text. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/globalization#internationalization)).
|
|
1477
|
+
*
|
|
1478
|
+
* @example
|
|
1479
|
+
* ```typescript
|
|
1480
|
+
* import { CustomMessagesComponent } from './custom-messages.component';
|
|
1481
|
+
*
|
|
1482
|
+
* @Component({
|
|
1483
|
+
* selector: 'my-dialog',
|
|
1484
|
+
* template: `
|
|
1485
|
+
* <kendo-dialog>
|
|
1486
|
+
* <kendo-dialog-messages
|
|
1487
|
+
* [closeTitle]="'Close dialog'"
|
|
1488
|
+
* [restoreTitle]="'Restore dialog'"
|
|
1489
|
+
* [maximizeTitle]="'Maximize dialog'"
|
|
1490
|
+
* [minimizeTitle]="'Minimize dialog'">
|
|
1491
|
+
* </kendo-dialog-messages>
|
|
1492
|
+
* </kendo-dialog>
|
|
1493
|
+
* `
|
|
1494
|
+
* })
|
|
1495
|
+
* export class MyDialogComponent {}
|
|
1496
|
+
* ```
|
|
1497
|
+
*/
|
|
1498
|
+
declare class CustomMessagesComponent extends Messages {
|
|
1499
|
+
protected service: LocalizationService;
|
|
1500
|
+
constructor(service: LocalizationService);
|
|
1501
|
+
protected get override(): boolean;
|
|
1502
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
1503
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CustomMessagesComponent, "kendo-dialog-messages, kendo-window-messages", never, {}, {}, never, never, true, never>;
|
|
1504
|
+
}
|
|
1505
|
+
|
|
1506
|
+
/**
|
|
1507
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Dialog component.
|
|
1508
|
+
*
|
|
1509
|
+
* Use the `DialogModule` to include all Dialog components and directives in your application.
|
|
1510
|
+
*
|
|
1511
|
+
* @example
|
|
1512
|
+
* ```typescript
|
|
1513
|
+
* import { NgModule } from '@angular/core';
|
|
1514
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
1515
|
+
* import { DialogModule } from '@progress/kendo-angular-dialog';
|
|
1516
|
+
* import { AppComponent } from './app.component';
|
|
1517
|
+
*
|
|
1518
|
+
* @NgModule({
|
|
1519
|
+
* bootstrap: [AppComponent],
|
|
1520
|
+
* declarations: [AppComponent],
|
|
1521
|
+
* imports: [BrowserModule, DialogModule]
|
|
1522
|
+
* })
|
|
1523
|
+
* export class AppModule {}
|
|
1524
|
+
* ```
|
|
1525
|
+
*/
|
|
1526
|
+
declare class DialogModule {
|
|
1527
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
|
|
1528
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, never, [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent], [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent]>;
|
|
1529
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
/**
|
|
1533
|
+
* Represents an insertion point for Windows created through the Window service.
|
|
1534
|
+
* The created Windows mount after this element. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice#open))
|
|
1535
|
+
*
|
|
1536
|
+
* @example
|
|
1537
|
+
* ```html
|
|
1538
|
+
* <div kendoWindowContainer></div>
|
|
1539
|
+
* ```
|
|
1540
|
+
*/
|
|
1541
|
+
declare class WindowContainerDirective {
|
|
1542
|
+
constructor(container: ViewContainerRef, service: WindowContainerService);
|
|
1543
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowContainerDirective, never>;
|
|
1544
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<WindowContainerDirective, "[kendoWindowContainer]", never, {}, {}, never, never, true, never>;
|
|
1545
|
+
}
|
|
1546
|
+
|
|
1547
|
+
/**
|
|
1548
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Window component.
|
|
1549
|
+
*
|
|
1550
|
+
* Use the `WindowModule` to include all Window components and directives in your application.
|
|
1551
|
+
*
|
|
1552
|
+
* @example
|
|
1553
|
+
* ```typescript
|
|
1554
|
+
* import { NgModule } from '@angular/core';
|
|
1555
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
1556
|
+
* import { WindowModule } from '@progress/kendo-angular-window';
|
|
1557
|
+
* import { AppComponent } from './app.component';
|
|
1558
|
+
*
|
|
1559
|
+
* @NgModule({
|
|
1560
|
+
* bootstrap: [AppComponent],
|
|
1561
|
+
* declarations: [AppComponent],
|
|
1562
|
+
* imports: [BrowserModule, WindowModule]
|
|
1563
|
+
* })
|
|
1564
|
+
* export class AppModule {}
|
|
1565
|
+
* ```
|
|
1566
|
+
*/
|
|
1567
|
+
declare class WindowModule {
|
|
1568
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WindowModule, never>;
|
|
1569
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<WindowModule, never, [typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent], [typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent]>;
|
|
1570
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<WindowModule>;
|
|
1571
|
+
}
|
|
1572
|
+
|
|
1573
|
+
/**
|
|
1574
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Dialogs components.
|
|
1575
|
+
*
|
|
1576
|
+
* Use the `DialogsModule` to include all Dialog and Window components and services in your application.
|
|
1577
|
+
*
|
|
1578
|
+
* @example
|
|
1579
|
+
* ```typescript
|
|
1580
|
+
* import { DialogsModule } from '@progress/kendo-angular-dialog';
|
|
1581
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
1582
|
+
* import { NgModule } from '@angular/core';
|
|
1583
|
+
* import { AppComponent } from './app.component';
|
|
1584
|
+
*
|
|
1585
|
+
* @NgModule({
|
|
1586
|
+
* declarations: [AppComponent],
|
|
1587
|
+
* imports: [BrowserModule, DialogsModule],
|
|
1588
|
+
* bootstrap: [AppComponent]
|
|
1589
|
+
* })
|
|
1590
|
+
* export class AppModule {}
|
|
1591
|
+
*
|
|
1592
|
+
* ```
|
|
1593
|
+
*/
|
|
1594
|
+
declare class DialogsModule {
|
|
1595
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogsModule, never>;
|
|
1596
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DialogsModule, never, [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent, typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent], [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent, typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent]>;
|
|
1597
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DialogsModule>;
|
|
1598
|
+
}
|
|
1599
|
+
|
|
1600
|
+
/**
|
|
1601
|
+
* @hidden
|
|
1602
|
+
*/
|
|
1603
|
+
declare class LocalizedMessagesDirective extends Messages {
|
|
1604
|
+
protected service: LocalizationService;
|
|
1605
|
+
constructor(service: LocalizationService);
|
|
1606
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
1607
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, " [kendoDialogLocalizedMessages], [kendoWindowLocalizedMessages], [kendoDialogTitleBarLocalizedMessages] ", never, {}, {}, never, never, true, never>;
|
|
1608
|
+
}
|
|
1609
|
+
|
|
1610
|
+
/**
|
|
1611
|
+
* Represents the utility array that that contains all `Dialog`-related components and directives.
|
|
1612
|
+
*
|
|
1613
|
+
* Use `KENDO_DIALOG` to import all Dialog components and directives at once.
|
|
1614
|
+
*
|
|
1615
|
+
* @example
|
|
1616
|
+
* ```typescript
|
|
1617
|
+
* import { Component } from '@angular/core';
|
|
1618
|
+
* import { KENDO_DIALOG } from '@progress/kendo-angular-dialog';
|
|
1619
|
+
*
|
|
1620
|
+
* @Component({
|
|
1621
|
+
* selector: 'my-dialog-app',
|
|
1622
|
+
* standalone: true,
|
|
1623
|
+
* imports: [KENDO_DIALOG],
|
|
1624
|
+
* template: `...`
|
|
1625
|
+
* })
|
|
1626
|
+
* export class DialogAppComponent {}
|
|
1627
|
+
* ```
|
|
1628
|
+
*/
|
|
1629
|
+
declare const KENDO_DIALOG: readonly [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent];
|
|
1630
|
+
/**
|
|
1631
|
+
* Represents the utility array that contains all `Window`-related components and directives.
|
|
1632
|
+
*
|
|
1633
|
+
* Use `KENDO_WINDOW` to import all Window components and directives at once.
|
|
1634
|
+
*
|
|
1635
|
+
* @example
|
|
1636
|
+
* ```typescript
|
|
1637
|
+
* import { Component } from '@angular/core';
|
|
1638
|
+
* import { KENDO_WINDOW } from '@progress/kendo-angular-dialog';
|
|
1639
|
+
*
|
|
1640
|
+
* @Component({
|
|
1641
|
+
* selector: 'my-window-app',
|
|
1642
|
+
* standalone: true,
|
|
1643
|
+
* imports: [KENDO_WINDOW],
|
|
1644
|
+
* template: `...`
|
|
1645
|
+
* })
|
|
1646
|
+
* export class WindowAppComponent {}
|
|
1647
|
+
* ```
|
|
1648
|
+
*/
|
|
1649
|
+
declare const KENDO_WINDOW: readonly [typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent];
|
|
1650
|
+
/**
|
|
1651
|
+
* Represents the utility array that contains all `@progress/kendo-angular-dialog`-related components and directives.
|
|
1652
|
+
*
|
|
1653
|
+
* Use `KENDO_DIALOGS` to import all Dialog and Window components and directives at once.
|
|
1654
|
+
*
|
|
1655
|
+
* @example
|
|
1656
|
+
* ```typescript
|
|
1657
|
+
* import { Component } from '@angular/core';
|
|
1658
|
+
* import { KENDO_DIALOGS } from '@progress/kendo-angular-dialog';
|
|
1659
|
+
*
|
|
1660
|
+
* @Component({
|
|
1661
|
+
* selector: 'my-app',
|
|
1662
|
+
* standalone: true,
|
|
1663
|
+
* imports: [KENDO_DIALOGS],
|
|
1664
|
+
* template: `...`
|
|
1665
|
+
* })
|
|
1666
|
+
* export class AppComponent {}
|
|
1667
|
+
* ```
|
|
1668
|
+
*/
|
|
1669
|
+
declare const KENDO_DIALOGS: readonly [typeof DialogComponent, typeof DialogTitleBarComponent, typeof DialogContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent, typeof WindowComponent, typeof WindowCloseActionDirective, typeof WindowMinimizeActionDirective, typeof WindowMaximizeActionDirective, typeof WindowRestoreActionDirective, typeof WindowTitleBarComponent, typeof WindowContainerDirective, typeof DialogActionsComponent, typeof CustomMessagesComponent];
|
|
1670
|
+
|
|
1671
|
+
export { CustomMessagesComponent, DialogAction, DialogActionsComponent, DialogCloseResult, DialogComponent, DialogContainerDirective, DialogContainerService, DialogContentBase, DialogModule, DialogRef, DialogService, DialogSettings, DialogTitleBarComponent, DialogsModule, DragResizeService, KENDO_DIALOG, KENDO_DIALOGS, KENDO_WINDOW, LocalizedMessagesDirective, Messages, NavigationService, PreventableEvent, WindowCloseActionDirective, WindowCloseResult, WindowComponent, WindowContainerDirective, WindowContainerService, WindowMaximizeActionDirective, WindowMinimizeActionDirective, WindowModule, WindowRef, WindowRestoreActionDirective, WindowService, WindowSettings, WindowTitleBarComponent };
|
|
1672
|
+
export type { ActionsLayout, AnimationDirection, DialogActionDivider, DialogAnimation, DialogAnimationType, DialogResult, WindowDimensionSetting, WindowState };
|