@progress/kendo-angular-dialog 21.4.1-develop.1 → 22.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dialog/dialog-content-base.d.ts +1 -1
  2. package/fesm2022/progress-kendo-angular-dialog.mjs +84 -84
  3. package/localization/messages.d.ts +1 -1
  4. package/package.json +11 -19
  5. package/schematics/ngAdd/index.js +1 -1
  6. package/esm2022/common/actions-layout.mjs +0 -5
  7. package/esm2022/common/animation-types.mjs +0 -5
  8. package/esm2022/common/dialog-animation-direction.mjs +0 -5
  9. package/esm2022/common/preventable-event.mjs +0 -30
  10. package/esm2022/common/util.mjs +0 -167
  11. package/esm2022/dialog/dialog-actions.component.mjs +0 -182
  12. package/esm2022/dialog/dialog-animations/animate-content.mjs +0 -19
  13. package/esm2022/dialog/dialog-animations/animations.mjs +0 -69
  14. package/esm2022/dialog/dialog-animations/create-animation-player.mjs +0 -18
  15. package/esm2022/dialog/dialog-container.directive.mjs +0 -31
  16. package/esm2022/dialog/dialog-container.service.mjs +0 -26
  17. package/esm2022/dialog/dialog-content-base.mjs +0 -57
  18. package/esm2022/dialog/dialog-titlebar.component.mjs +0 -170
  19. package/esm2022/dialog/dialog.component.mjs +0 -650
  20. package/esm2022/dialog/dialog.service.mjs +0 -210
  21. package/esm2022/dialog/models/dialog-action-divider.mjs +0 -5
  22. package/esm2022/dialog/models/dialog-action.mjs +0 -40
  23. package/esm2022/dialog/models/dialog-animation.mjs +0 -5
  24. package/esm2022/dialog/models/dialog-close-result.mjs +0 -12
  25. package/esm2022/dialog/models/dialog-ref.mjs +0 -39
  26. package/esm2022/dialog/models/dialog-result.mjs +0 -5
  27. package/esm2022/dialog/models/dialog-settings.mjs +0 -95
  28. package/esm2022/dialog/models/index.mjs +0 -12
  29. package/esm2022/dialog/models/theme-color.mjs +0 -5
  30. package/esm2022/dialog.module.mjs +0 -49
  31. package/esm2022/dialogs.module.mjs +0 -59
  32. package/esm2022/directives.mjs +0 -95
  33. package/esm2022/index.mjs +0 -33
  34. package/esm2022/localization/custom-messages.component.mjs +0 -65
  35. package/esm2022/localization/dialog-localization.service.mjs +0 -9
  36. package/esm2022/localization/localized-messages.directive.mjs +0 -43
  37. package/esm2022/localization/messages.mjs +0 -45
  38. package/esm2022/localization/titlebar-localization.service.mjs +0 -45
  39. package/esm2022/package-metadata.mjs +0 -16
  40. package/esm2022/progress-kendo-angular-dialog.mjs +0 -8
  41. package/esm2022/window/actions/window-close-action.directive.mjs +0 -119
  42. package/esm2022/window/actions/window-maximize-action.directive.mjs +0 -125
  43. package/esm2022/window/actions/window-minimize-action.directive.mjs +0 -125
  44. package/esm2022/window/actions/window-restore-action.directive.mjs +0 -125
  45. package/esm2022/window/drag-resize.service.mjs +0 -335
  46. package/esm2022/window/models/index.mjs +0 -11
  47. package/esm2022/window/models/theme-color.mjs +0 -5
  48. package/esm2022/window/models/window-close-result.mjs +0 -10
  49. package/esm2022/window/models/window-messages.mjs +0 -5
  50. package/esm2022/window/models/window-options.mjs +0 -5
  51. package/esm2022/window/models/window-ref.mjs +0 -25
  52. package/esm2022/window/models/window-settings.mjs +0 -92
  53. package/esm2022/window/models/window-types.mjs +0 -5
  54. package/esm2022/window/navigation.service.mjs +0 -160
  55. package/esm2022/window/window-container.directive.mjs +0 -31
  56. package/esm2022/window/window-container.service.mjs +0 -26
  57. package/esm2022/window/window-events.mjs +0 -5
  58. package/esm2022/window/window-resize-handle.directive.mjs +0 -74
  59. package/esm2022/window/window-titlebar.component.mjs +0 -173
  60. package/esm2022/window/window.component.mjs +0 -831
  61. package/esm2022/window/window.service.mjs +0 -206
  62. package/esm2022/window.module.mjs +0 -53
@@ -1,210 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- // eslint-disable max-line-length
6
- import { Subject, merge } from 'rxjs';
7
- import { take, filter, share, map } from 'rxjs/operators';
8
- import { Injectable, ComponentFactoryResolver, Renderer2, TemplateRef, isDevMode, Inject } from '@angular/core';
9
- import { DialogComponent } from './dialog.component';
10
- import { DialogContainerService } from './dialog-container.service';
11
- import { DialogRef } from './models/dialog-ref';
12
- import { DialogContentBase } from './dialog-content-base';
13
- import { PreventableEvent } from '../common/preventable-event';
14
- import { isString } from '../common/util';
15
- import { DialogCloseResult } from './models';
16
- import * as i0 from "@angular/core";
17
- import * as i1 from "./dialog-container.service";
18
- const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
19
- class DialogInjector {
20
- getDialogRef;
21
- parentInjector;
22
- constructor(getDialogRef, parentInjector) {
23
- this.getDialogRef = getDialogRef;
24
- this.parentInjector = parentInjector;
25
- }
26
- get(token, notFoundValue) {
27
- if (token === DialogRef) {
28
- return this.getDialogRef();
29
- }
30
- return this.parentInjector.get(token, notFoundValue);
31
- }
32
- }
33
- /**
34
- * Provides a service for opening Dialog windows dynamically ([see example]({% slug service_dialog %})).
35
- */
36
- export class DialogService {
37
- resolver;
38
- containerService;
39
- constructor(
40
- /**
41
- * @hidden
42
- */
43
- resolver, containerService) {
44
- this.resolver = resolver;
45
- this.containerService = containerService;
46
- }
47
- /**
48
- * Opens a Dialog window. Requires an element in the application that uses the
49
- * [`kendoDialogContainer`]({% slug api_dialog_dialogcontainerdirective %}) directive.
50
- * The created Dialog mounts in the DOM directly after that element.
51
- *
52
- * @param {DialogAction} options - The options that define the Dialog.
53
- * @returns {DialogRef} - A reference to the Dialog object and its convenience properties.
54
- *
55
- * @example
56
- * ```typescript
57
- * const dialog = this.dialogService.open({
58
- * title: 'Confirm',
59
- * content: 'Are you sure?',
60
- * actions: [
61
- * { text: 'No' },
62
- * { text: 'Yes', themeColor: 'primary' }
63
- * ]
64
- * });
65
- * dialog.result.subscribe(result => {
66
- * // handle result
67
- * });
68
- * ```
69
- */
70
- open(options) {
71
- const factory = this.resolver.resolveComponentFactory(DialogComponent);
72
- const container = options.appendTo || this.containerService.container;
73
- if (!container) {
74
- throw new Error(`
75
- Cannot attach dialog to the page.
76
- Add an element that uses the kendoDialogContainer directive, or set the 'appendTo' property.
77
- See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
78
- `);
79
- }
80
- // create DialogRef to (1) pass as result, (2) provide through injector
81
- const dialogRef = {
82
- close: () => {
83
- /* noop */
84
- },
85
- content: null,
86
- dialog: null,
87
- result: null
88
- };
89
- return this.initializeDialog(options.content, factory, container, dialogRef, options);
90
- }
91
- initializeDialog(component, factory, container, dialogRef, options) {
92
- const content = this.contentFrom(component, container, dialogRef);
93
- const dialog = container.createComponent(factory, undefined, undefined, content.nodes);
94
- dialogRef.dialog = dialog;
95
- dialog.changeDetectorRef.markForCheck();
96
- // copy @Input options to dialog instance
97
- this.applyOptions(dialog.instance, options);
98
- // create close handler and result stream
99
- const apiClose = new Subject();
100
- const close = (e) => {
101
- if (e instanceof PreventableEvent) {
102
- e = new DialogCloseResult();
103
- }
104
- apiClose.next(e || new DialogCloseResult());
105
- if (content.componentRef) {
106
- content.componentRef.destroy();
107
- }
108
- dialog.destroy();
109
- };
110
- const result = merge(apiClose,
111
- // triggered when the titlebar or actions are defined in DialogSettings
112
- merge(dialog.instance.close, dialog.instance.action).pipe(map(e => (e instanceof PreventableEvent ? new DialogCloseResult() : e)), filter(e => {
113
- if (options.preventAction) {
114
- // add dialogRef only when using component
115
- const dialogRefParameter = isNotComponent(component) ? undefined : dialogRef;
116
- return !options.preventAction(e, dialogRefParameter);
117
- }
118
- return true;
119
- }))).pipe(take(1),
120
- // Takes care for multiple subscriptions:
121
- // We subscribe internaly and the user may subscribe to get a close result - dialog.result.subscribe().
122
- // This causes multiple subscriptions to the same source and thus multiple emissions. share() solves that.
123
- share());
124
- result.subscribe(close);
125
- dialogRef.close = close;
126
- dialogRef.result = result;
127
- if (component && isDevMode()) {
128
- const hasContentTitle = content.nodes[0] && content.nodes[0].length > 0;
129
- const hasContentActions = content.nodes[2] && content.nodes[2].length > 0;
130
- const multipleTitles = options.title && hasContentTitle;
131
- const multipleActions = options.actions && hasContentActions;
132
- if (component.prototype instanceof DialogContentBase) {
133
- // content component extends DialogContentBase
134
- if (multipleTitles || multipleActions) {
135
- console.warn(`
136
- Multiple Title and/or Actions configurations detected.
137
- When using a component as content, provide the title and actions either in the component's markup
138
- or via the title and actions properties of the DialogSettings object, but not both.
139
- See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-passing-title-content-and-actions-as-a-single-component'`);
140
- }
141
- }
142
- else if (hasContentTitle || hasContentActions) {
143
- console.warn(`
144
- When Title and/or Actions markup is provided in content component's template,
145
- the component needs to inherit the DialogContentBase class to ensure that close and result events are properly hooked.
146
- See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-passing-title-content-and-actions-as-a-single-component'`);
147
- }
148
- }
149
- return dialogRef;
150
- }
151
- applyOptions(instance, options) {
152
- instance.title = options.title;
153
- instance.actions = options.actions;
154
- instance.actionsLayout = options.actionsLayout || 'stretched';
155
- instance.width = options.width;
156
- instance.minWidth = options.minWidth;
157
- instance.maxWidth = options.maxWidth;
158
- instance.height = options.height;
159
- instance.minHeight = options.minHeight;
160
- instance.maxHeight = options.maxHeight;
161
- instance.autoFocusedElement = options.autoFocusedElement;
162
- instance.themeColor = options.themeColor != undefined ? options.themeColor : null;
163
- instance.closeTitle = options.closeTitle;
164
- instance.cssClass = options.cssClass;
165
- instance.htmlAttributes = options.htmlAttributes;
166
- instance.animation = options.animation !== undefined ? options.animation : true;
167
- if (options.content instanceof TemplateRef) {
168
- instance.contentTemplate = options.content;
169
- }
170
- }
171
- contentFrom(content, container, dialogRef) {
172
- const renderer = container.injector.get(Renderer2);
173
- let nodes = [];
174
- let titleNodes = [];
175
- let actionNodes = [];
176
- let componentRef = null;
177
- if (typeof content === 'string') {
178
- nodes = [renderer.createText(content)];
179
- }
180
- else if (content && !(content instanceof TemplateRef)) {
181
- // Component
182
- const injector = new DialogInjector(() => dialogRef, container.injector);
183
- const factory = this.resolver.resolveComponentFactory(content);
184
- componentRef = container.createComponent(factory, undefined, injector);
185
- titleNodes = Array.from(componentRef.location.nativeElement.querySelectorAll('kendo-dialog-titlebar'));
186
- nodes = [componentRef.location.nativeElement];
187
- actionNodes = Array.from(componentRef.location.nativeElement.querySelectorAll('kendo-dialog-actions'));
188
- dialogRef.content = componentRef;
189
- }
190
- return {
191
- componentRef,
192
- nodes: [
193
- titleNodes, // <ng-content select="kendo-dialog-titlebar">
194
- nodes, // <ng-content>
195
- actionNodes // <ng-content select="kendo-dialog-actions">
196
- ]
197
- };
198
- }
199
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
200
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogService, providedIn: 'root' });
201
- }
202
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogService, decorators: [{
203
- type: Injectable,
204
- args: [{
205
- providedIn: 'root'
206
- }]
207
- }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i1.DialogContainerService, decorators: [{
208
- type: Inject,
209
- args: [DialogContainerService]
210
- }] }] });
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,40 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the settings for Dialog actions when you open a Dialog through `DialogService`.
7
- *
8
- * Use the `DialogAction` class to configure action buttons in the Dialog. ([See example.]({% slug api_dialog_dialogservice %}#toc-open))
9
- *
10
- */
11
- export class DialogAction {
12
- /**
13
- * Sets the text of the action button.
14
- */
15
- text;
16
- /**
17
- * Sets the theme color of the action button. The theme color applies to the background, border, and text.
18
- */
19
- themeColor;
20
- /**
21
- * Sets the background and border styles of the action button.
22
- */
23
- fillMode;
24
- /**
25
- * Sets the CSS classes for the action button. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
26
- */
27
- cssClass;
28
- /**
29
- * Sets the [SVG icon](slug:svgicon_list) to display in the action button.
30
- */
31
- svgIcon;
32
- /**
33
- * Sets the name of the [font icon](slug:icon_list) to display in the action button.
34
- */
35
- icon;
36
- /**
37
- * @hidden
38
- */
39
- disabled;
40
- }
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,12 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the result when the **Close** button is clicked in a Dialog opened through `DialogService`.
7
- *
8
- * Used when the results from the Dialogs that are opened through `DialogService` are filtered. ([See example.]({% slug api_dialog_dialogservice %}#toc-open))
9
- *
10
- */
11
- export class DialogCloseResult {
12
- }
@@ -1,39 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Holds references to the Dialog instance and published events when you open a Dialog through the `DialogService`.
7
- *
8
- * Use the `DialogRef` class to control and interact with Dialogs opened programmatically. ([See example.]({% slug api_dialog_dialogservice %}#toc-open))
9
- *
10
- */
11
- export class DialogRef {
12
- /**
13
- * 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.
14
- */
15
- result;
16
- /**
17
- * A reference to the Dialog instance.
18
- */
19
- dialog;
20
- /**
21
- * A reference to the child component of the Dialog. Available when the Dialog is opened with [component content](slug:service_dialog#toc-rendering-the-content-area).
22
- */
23
- content;
24
- /**
25
- * 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.
26
- *
27
- * ```ts
28
- * // Close without arguments: Returns an empty `DialogCloseResult` object.
29
- * dialogRef.close();
30
- *
31
- * // Simulate clicking an action button: Pass a `DialogAction` object.
32
- * dialogRef.close({ text: 'OK', primary: true });
33
- *
34
- * // Return custom data: Pass a custom object.
35
- * dialogRef.close({ success: true, data: { id: 123 } });
36
- * ```
37
- */
38
- close;
39
- }
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,95 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the settings for opening a Dialog through the `DialogService`.
7
- * ([See example.]({% slug api_dialog_dialogservice %}#toc-open))
8
- *
9
- */
10
- export class DialogSettings {
11
- /**
12
- * Use the `preventAction` callback to check if the pressed Dialog action should be prevented. If `true`, the Dialog does not close.
13
- * If the **Close** button in the title bar is clicked, `DialogResult` is a `DialogCloseResult` instance.
14
- * If the action buttons are used to close the Dialog, `DialogResult` contains the object passed when opening the Dialog. ([See example.](slug:service_dialog#toc-dialog-close-prevention))
15
- * @param {DialogResult} ev The Dialog result.
16
- * @param {DialogRef} [dialogRef] The Dialog reference, provided only when you create the Dialog using a component.
17
- * @returns Returns `true` to prevent closing the Dialog.
18
- */
19
- preventAction;
20
- /**
21
- * Sets the Dialog `title`. If you omit `title`, the Dialog does not render a **Close** button.
22
- */
23
- title;
24
- /**
25
- * Sets the CSS classes for the Dialog wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
26
- */
27
- cssClass;
28
- /**
29
- * Configures the Dialog opening `animation` ([see example]({% slug animations_dialog %})).
30
- * @default { type: 'translate', duration: 300 }
31
- */
32
- animation;
33
- /**
34
- * Sets the HTML attributes for the Dialog wrapper element. Accepts string key-value pairs.
35
- */
36
- htmlAttributes;
37
- /**
38
- * Defines the Dialog `content`. ([See example.](slug:service_dialog#toc-rendering-the-content-area))
39
- */
40
- content;
41
- /**
42
- * Sets the width of the Dialog.
43
- * Use a number for pixels or a string for other units, for example, `50%`.
44
- */
45
- width;
46
- /**
47
- * Sets the minimum width of the Dialog.
48
- * Use a number for pixels or a string for other units, for example, `50%`.
49
- */
50
- minWidth;
51
- /**
52
- * Sets the maximum width of the Dialog.
53
- * Use a number for pixels or a string for other units, for example, `50%`.
54
- */
55
- maxWidth;
56
- /**
57
- * Sets the height of the Dialog.
58
- * Use a number for pixels or a string for other units, for example, `50%`.
59
- */
60
- height;
61
- /**
62
- * Sets the minimum height of the Dialog.
63
- * Use a number for pixels or a string for other units, for example, `50%`.
64
- */
65
- minHeight;
66
- /**
67
- * Sets the maximum height of the Dialog.
68
- * Use a number for pixels or a string for other units, for example, `50%`.
69
- */
70
- maxHeight;
71
- /**
72
- * 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.
73
- */
74
- appendTo;
75
- /**
76
- * Sets the `closeTitle` for the **Close** button.
77
- */
78
- closeTitle;
79
- /**
80
- * Sets the Dialog `actions` buttons.
81
- */
82
- actions;
83
- /**
84
- * Sets the layout of the Dialog action buttons with `actionsLayout`.
85
- */
86
- actionsLayout;
87
- /**
88
- * Sets the query selector for the element to focus automatically with `autoFocusedElement`.
89
- */
90
- autoFocusedElement;
91
- /**
92
- * Sets the theme color of the Dialog.
93
- */
94
- themeColor;
95
- }
@@ -1,12 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export * from './dialog-action';
6
- export * from './dialog-close-result';
7
- export * from './dialog-ref';
8
- export * from './dialog-result';
9
- export * from './dialog-settings';
10
- export * from './dialog-animation';
11
- export * from './theme-color';
12
- export * from './dialog-action-divider';
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,49 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NgModule } from '@angular/core';
6
- import { IconsService } from '@progress/kendo-angular-icons';
7
- import { DialogService } from './dialog/dialog.service';
8
- import { DialogContainerService } from './dialog/dialog-container.service';
9
- import { KENDO_DIALOG } from './directives';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "./dialog/dialog.component";
12
- import * as i2 from "./dialog/dialog-titlebar.component";
13
- import * as i3 from "./dialog/dialog-container.directive";
14
- import * as i4 from "./dialog/dialog-actions.component";
15
- import * as i5 from "./localization/custom-messages.component";
16
- //IMPORTANT: NgModule export kept for backwards compatibility
17
- /**
18
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Dialog component.
19
- *
20
- * Use the `DialogModule` to include all Dialog components and directives in your application.
21
- *
22
- * @example
23
- * ```typescript
24
- * import { NgModule } from '@angular/core';
25
- * import { BrowserModule } from '@angular/platform-browser';
26
- * import { DialogModule } from '@progress/kendo-angular-dialog';
27
- * import { AppComponent } from './app.component';
28
- *
29
- * @NgModule({
30
- * bootstrap: [AppComponent],
31
- * declarations: [AppComponent],
32
- * imports: [BrowserModule, DialogModule]
33
- * })
34
- * export class AppModule {}
35
- * ```
36
- */
37
- export class DialogModule {
38
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
39
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DialogModule, imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i3.DialogContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent], exports: [i1.DialogComponent, i2.DialogTitleBarComponent, i3.DialogContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent] });
40
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i4.DialogActionsComponent] });
41
- }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogModule, decorators: [{
43
- type: NgModule,
44
- args: [{
45
- exports: [...KENDO_DIALOG],
46
- imports: [...KENDO_DIALOG],
47
- providers: [DialogContainerService, DialogService, IconsService]
48
- }]
49
- }] });
@@ -1,59 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NgModule } from '@angular/core';
6
- import { IconsService } from '@progress/kendo-angular-icons';
7
- import { KENDO_DIALOGS } from './directives';
8
- import { DialogService } from './dialog/dialog.service';
9
- import { DialogContainerService } from './dialog/dialog-container.service';
10
- import { WindowService } from './window/window.service';
11
- import { WindowContainerService } from './window/window-container.service';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "./dialog/dialog.component";
14
- import * as i2 from "./dialog/dialog-titlebar.component";
15
- import * as i3 from "./dialog/dialog-container.directive";
16
- import * as i4 from "./dialog/dialog-actions.component";
17
- import * as i5 from "./localization/custom-messages.component";
18
- import * as i6 from "./window/window.component";
19
- import * as i7 from "./window/actions/window-close-action.directive";
20
- import * as i8 from "./window/actions/window-minimize-action.directive";
21
- import * as i9 from "./window/actions/window-maximize-action.directive";
22
- import * as i10 from "./window/actions/window-restore-action.directive";
23
- import * as i11 from "./window/window-titlebar.component";
24
- import * as i12 from "./window/window-container.directive";
25
- //IMPORTANT: NgModule export kept for backwards compatibility
26
- /**
27
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Dialogs components.
28
- *
29
- * Use the `DialogsModule` to include all Dialog and Window components and services in your application.
30
- *
31
- * @example
32
- * ```typescript
33
- * import { DialogsModule } from '@progress/kendo-angular-dialog';
34
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
35
- * import { NgModule } from '@angular/core';
36
- * import { AppComponent } from './app.component';
37
- *
38
- * @NgModule({
39
- * declarations: [AppComponent],
40
- * imports: [BrowserModule, DialogsModule],
41
- * bootstrap: [AppComponent]
42
- * })
43
- * export class AppModule {}
44
- *
45
- * ```
46
- */
47
- export class DialogsModule {
48
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
49
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DialogsModule, imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i3.DialogContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent, i6.WindowComponent, i7.WindowCloseActionDirective, i8.WindowMinimizeActionDirective, i9.WindowMaximizeActionDirective, i10.WindowRestoreActionDirective, i11.WindowTitleBarComponent, i12.WindowContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent], exports: [i1.DialogComponent, i2.DialogTitleBarComponent, i3.DialogContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent, i6.WindowComponent, i7.WindowCloseActionDirective, i8.WindowMinimizeActionDirective, i9.WindowMaximizeActionDirective, i10.WindowRestoreActionDirective, i11.WindowTitleBarComponent, i12.WindowContainerDirective, i4.DialogActionsComponent, i5.CustomMessagesComponent] });
50
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i4.DialogActionsComponent, i6.WindowComponent, i7.WindowCloseActionDirective, i8.WindowMinimizeActionDirective, i9.WindowMaximizeActionDirective, i10.WindowRestoreActionDirective, i4.DialogActionsComponent] });
51
- }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogsModule, decorators: [{
53
- type: NgModule,
54
- args: [{
55
- imports: [...KENDO_DIALOGS],
56
- exports: [...KENDO_DIALOGS],
57
- providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService]
58
- }]
59
- }] });
@@ -1,95 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { DialogActionsComponent } from "./dialog/dialog-actions.component";
6
- import { DialogContainerDirective } from "./dialog/dialog-container.directive";
7
- import { DialogTitleBarComponent } from "./dialog/dialog-titlebar.component";
8
- import { DialogComponent } from "./dialog/dialog.component";
9
- import { CustomMessagesComponent } from "./localization/custom-messages.component";
10
- import { WindowCloseActionDirective } from "./window/actions/window-close-action.directive";
11
- import { WindowMaximizeActionDirective } from "./window/actions/window-maximize-action.directive";
12
- import { WindowMinimizeActionDirective } from "./window/actions/window-minimize-action.directive";
13
- import { WindowRestoreActionDirective } from "./window/actions/window-restore-action.directive";
14
- import { WindowContainerDirective } from "./window/window-container.directive";
15
- import { WindowTitleBarComponent } from "./window/window-titlebar.component";
16
- import { WindowComponent } from "./window/window.component";
17
- /**
18
- * Represents the utility array that that contains all `Dialog`-related components and directives.
19
- *
20
- * Use `KENDO_DIALOG` to import all Dialog components and directives at once.
21
- *
22
- * @example
23
- * ```typescript
24
- * import { Component } from '@angular/core';
25
- * import { KENDO_DIALOG } from '@progress/kendo-angular-dialog';
26
- *
27
- * @Component({
28
- * selector: 'my-dialog-app',
29
- * standalone: true,
30
- * imports: [KENDO_DIALOG],
31
- * template: `...`
32
- * })
33
- * export class DialogAppComponent {}
34
- * ```
35
- */
36
- export const KENDO_DIALOG = [
37
- DialogComponent,
38
- DialogTitleBarComponent,
39
- DialogContainerDirective,
40
- DialogActionsComponent,
41
- CustomMessagesComponent
42
- ];
43
- /**
44
- * Represents the utility array that contains all `Window`-related components and directives.
45
- *
46
- * Use `KENDO_WINDOW` to import all Window components and directives at once.
47
- *
48
- * @example
49
- * ```typescript
50
- * import { Component } from '@angular/core';
51
- * import { KENDO_WINDOW } from '@progress/kendo-angular-dialog';
52
- *
53
- * @Component({
54
- * selector: 'my-window-app',
55
- * standalone: true,
56
- * imports: [KENDO_WINDOW],
57
- * template: `...`
58
- * })
59
- * export class WindowAppComponent {}
60
- * ```
61
- */
62
- export const KENDO_WINDOW = [
63
- WindowComponent,
64
- WindowCloseActionDirective,
65
- WindowMinimizeActionDirective,
66
- WindowMaximizeActionDirective,
67
- WindowRestoreActionDirective,
68
- WindowTitleBarComponent,
69
- WindowContainerDirective,
70
- DialogActionsComponent,
71
- CustomMessagesComponent
72
- ];
73
- /**
74
- * Represents the utility array that contains all `@progress/kendo-angular-dialog`-related components and directives.
75
- *
76
- * Use `KENDO_DIALOGS` to import all Dialog and Window components and directives at once.
77
- *
78
- * @example
79
- * ```typescript
80
- * import { Component } from '@angular/core';
81
- * import { KENDO_DIALOGS } from '@progress/kendo-angular-dialog';
82
- *
83
- * @Component({
84
- * selector: 'my-app',
85
- * standalone: true,
86
- * imports: [KENDO_DIALOGS],
87
- * template: `...`
88
- * })
89
- * export class AppComponent {}
90
- * ```
91
- */
92
- export const KENDO_DIALOGS = [
93
- ...KENDO_DIALOG,
94
- ...KENDO_WINDOW
95
- ];