@progress/kendo-angular-dialog 17.0.0-develop.21 → 17.0.0-develop.22

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 (85) hide show
  1. package/common/actions-layout.d.ts +1 -1
  2. package/common/animation-types.d.ts +1 -1
  3. package/common/dialog-animation-direction.d.ts +1 -1
  4. package/dialog/dialog-actions.component.d.ts +1 -1
  5. package/dialog/dialog-titlebar.component.d.ts +1 -1
  6. package/dialog/dialog.component.d.ts +1 -1
  7. package/dialog/models/dialog-action-divider.d.ts +1 -1
  8. package/dialog/models/dialog-result.d.ts +1 -1
  9. package/dialog/models/theme-color.d.ts +1 -1
  10. package/{esm2020 → esm2022}/common/preventable-event.mjs +2 -3
  11. package/{esm2020 → esm2022}/dialog/dialog-actions.component.mjs +26 -17
  12. package/{esm2020 → esm2022}/dialog/dialog-container.directive.mjs +3 -3
  13. package/{esm2020 → esm2022}/dialog/dialog-container.service.mjs +4 -4
  14. package/{esm2020 → esm2022}/dialog/dialog-content-base.mjs +12 -3
  15. package/{esm2020 → esm2022}/dialog/dialog-titlebar.component.mjs +36 -25
  16. package/{esm2020 → esm2022}/dialog/dialog.component.mjs +139 -71
  17. package/{esm2020 → esm2022}/dialog/dialog.service.mjs +7 -3
  18. package/esm2022/dialog/models/dialog-action.mjs +27 -0
  19. package/esm2022/dialog/models/dialog-ref.mjs +34 -0
  20. package/esm2022/dialog/models/dialog-settings.mjs +106 -0
  21. package/{esm2020 → esm2022}/dialog.module.mjs +4 -4
  22. package/{esm2020 → esm2022}/dialogs.module.mjs +4 -4
  23. package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
  24. package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
  25. package/{esm2020 → esm2022}/localization/messages.mjs +19 -3
  26. package/{esm2020 → esm2022}/localization/titlebar-localization.service.mjs +4 -3
  27. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  28. package/{esm2020 → esm2022}/window/actions/window-close-action.directive.mjs +20 -16
  29. package/{esm2020 → esm2022}/window/actions/window-maximize-action.directive.mjs +20 -16
  30. package/{esm2020 → esm2022}/window/actions/window-minimize-action.directive.mjs +20 -16
  31. package/{esm2020 → esm2022}/window/actions/window-restore-action.directive.mjs +20 -16
  32. package/{esm2020 → esm2022}/window/drag-resize.service.mjs +18 -15
  33. package/esm2022/window/models/window-ref.mjs +36 -0
  34. package/esm2022/window/models/window-settings.mjs +101 -0
  35. package/{esm2020 → esm2022}/window/navigation.service.mjs +5 -3
  36. package/{esm2020 → esm2022}/window/window-container.directive.mjs +3 -3
  37. package/{esm2020 → esm2022}/window/window-container.service.mjs +4 -4
  38. package/{esm2020 → esm2022}/window/window-resize-handle.directive.mjs +12 -7
  39. package/{esm2020 → esm2022}/window/window-titlebar.component.mjs +21 -4
  40. package/{esm2020 → esm2022}/window/window.component.mjs +128 -98
  41. package/{esm2020 → esm2022}/window/window.service.mjs +7 -3
  42. package/{esm2020 → esm2022}/window.module.mjs +4 -4
  43. package/{fesm2020 → fesm2022}/progress-kendo-angular-dialog.mjs +816 -368
  44. package/localization/messages.d.ts +1 -1
  45. package/package.json +14 -20
  46. package/schematics/ngAdd/index.js +1 -1
  47. package/window/actions/window-close-action.directive.d.ts +1 -1
  48. package/window/actions/window-maximize-action.directive.d.ts +1 -1
  49. package/window/actions/window-minimize-action.directive.d.ts +1 -1
  50. package/window/actions/window-restore-action.directive.d.ts +1 -1
  51. package/window/models/theme-color.d.ts +1 -1
  52. package/window/models/window-types.d.ts +4 -4
  53. package/window/window-resize-handle.directive.d.ts +1 -1
  54. package/window/window-titlebar.component.d.ts +1 -1
  55. package/window/window.component.d.ts +1 -1
  56. package/esm2020/dialog/models/dialog-action.mjs +0 -10
  57. package/esm2020/dialog/models/dialog-ref.mjs +0 -11
  58. package/esm2020/dialog/models/dialog-settings.mjs +0 -10
  59. package/esm2020/window/models/window-ref.mjs +0 -11
  60. package/esm2020/window/models/window-settings.mjs +0 -10
  61. package/fesm2015/progress-kendo-angular-dialog.mjs +0 -3807
  62. /package/{esm2020 → esm2022}/common/actions-layout.mjs +0 -0
  63. /package/{esm2020 → esm2022}/common/animation-types.mjs +0 -0
  64. /package/{esm2020 → esm2022}/common/dialog-animation-direction.mjs +0 -0
  65. /package/{esm2020 → esm2022}/common/util.mjs +0 -0
  66. /package/{esm2020 → esm2022}/dialog/dialog-animations/animate-content.mjs +0 -0
  67. /package/{esm2020 → esm2022}/dialog/dialog-animations/animations.mjs +0 -0
  68. /package/{esm2020 → esm2022}/dialog/dialog-animations/create-animation-player.mjs +0 -0
  69. /package/{esm2020 → esm2022}/dialog/models/dialog-action-divider.mjs +0 -0
  70. /package/{esm2020 → esm2022}/dialog/models/dialog-animation.mjs +0 -0
  71. /package/{esm2020 → esm2022}/dialog/models/dialog-close-result.mjs +0 -0
  72. /package/{esm2020 → esm2022}/dialog/models/dialog-result.mjs +0 -0
  73. /package/{esm2020 → esm2022}/dialog/models/index.mjs +0 -0
  74. /package/{esm2020 → esm2022}/dialog/models/theme-color.mjs +0 -0
  75. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  76. /package/{esm2020 → esm2022}/index.mjs +0 -0
  77. /package/{esm2020 → esm2022}/localization/dialog-localization.service.mjs +0 -0
  78. /package/{esm2020 → esm2022}/progress-kendo-angular-dialog.mjs +0 -0
  79. /package/{esm2020 → esm2022}/window/models/index.mjs +0 -0
  80. /package/{esm2020 → esm2022}/window/models/theme-color.mjs +0 -0
  81. /package/{esm2020 → esm2022}/window/models/window-close-result.mjs +0 -0
  82. /package/{esm2020 → esm2022}/window/models/window-messages.mjs +0 -0
  83. /package/{esm2020 → esm2022}/window/models/window-options.mjs +0 -0
  84. /package/{esm2020 → esm2022}/window/models/window-types.mjs +0 -0
  85. /package/{esm2020 → esm2022}/window/window-events.mjs +0 -0
@@ -0,0 +1,36 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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 object instance of the Window.
7
+ * Controls the Windows that were opened through `WindowService`
8
+ * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
9
+ */
10
+ export class WindowRef {
11
+ /**
12
+ * A reference to the Window instance.
13
+ */
14
+ window;
15
+ /**
16
+ * A reference to the child component of the Window.
17
+ * Available when the Window is opened with
18
+ * [component content](slug:service_window#toc-rendering-the-content-area).
19
+ */
20
+ content;
21
+ /**
22
+ * Allows you to close the Window by using code.
23
+ * When called with no arguments,
24
+ * the `result` Observable will be of type WindowCloseResult.
25
+ * When called with an argument, the `result` Observable will hold the provided value.
26
+ */
27
+ close;
28
+ /**
29
+ * Emits events when the Window is closed through the **Esc** key, the **Close** button of the title bar or
30
+ * by calling the `close` method.
31
+ * When the Window is closed with the title bar button, **Esc** or by calling `close` with no arguments,
32
+ * the result is of type [WindowCloseResult]({% slug api_dialog_windowcloseresult %}).
33
+ * When `close` is called with an argument, the result is the passed argument.
34
+ */
35
+ result;
36
+ }
@@ -0,0 +1,101 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * The settings for the Window actions when the Window is opened through `WindowService`
7
+ * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
8
+ */
9
+ export class WindowSettings {
10
+ /**
11
+ * Defines a predicate that verifies if the closing of the Window should be prevented.
12
+ * It applies to clicking the **Close** button of the title bar, pressing the **Esc** key or calling the `close` method.
13
+ * Returning true from the predicate prevents the Window from closing.
14
+ * If the **Close** button of the title bar is clicked or **Esc** is pressed, a [WindowCloseResult]({% slug api_dialog_windowcloseresult %}) instance is passed.
15
+ * @param {any} ev
16
+ * @param {WindowRef} [windowRef] - provided only when the window is created using a component.
17
+ * @returns
18
+ */
19
+ preventClose;
20
+ /**
21
+ * Sets the title of the Window.
22
+ */
23
+ title;
24
+ /**
25
+ * Defines the content of the Window.
26
+ */
27
+ content;
28
+ /**
29
+ * Defines the content of the title bar.
30
+ */
31
+ titleBarContent;
32
+ /**
33
+ * Defines the text of the labels that are shown within the Window.
34
+ * Used primarily for localization.
35
+ */
36
+ messages;
37
+ /**
38
+ * Specifies if the content of the Window is persisted in the DOM
39
+ * when the Window is minimized.
40
+ */
41
+ keepContent;
42
+ /**
43
+ * Specifies the width of the Window.
44
+ */
45
+ width;
46
+ /**
47
+ * Specifies the minimum width of the Window.
48
+ */
49
+ minWidth;
50
+ /**
51
+ * Specifies the height of the Window.
52
+ */
53
+ height;
54
+ /**
55
+ * Specifies the minimum height of the Window.
56
+ */
57
+ minHeight;
58
+ /**
59
+ * Specifies the left offset of the Window.
60
+ */
61
+ left;
62
+ /**
63
+ * Specifies the top offset of the Window.
64
+ */
65
+ top;
66
+ /**
67
+ * Specifies is the Window is draggable.
68
+ */
69
+ draggable;
70
+ /**
71
+ * Sets the custom CSS classes that will be rendered on the Window wrapper element.
72
+ * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
73
+ */
74
+ cssClass;
75
+ /**
76
+ * Sets the HTML attributes of the Window wrapper element.
77
+ * The property accepts string key-value based pairs.
78
+ */
79
+ htmlAttributes;
80
+ /**
81
+ * Specifies if the Window is resizable.
82
+ */
83
+ resizable;
84
+ /**
85
+ * Specifies the initial state of the Window.
86
+ */
87
+ state;
88
+ /**
89
+ * Defines the container in which the Window will be inserted.
90
+ * Specifying this option changes the place in the page hierarchy where the Window will be inserted.
91
+ */
92
+ appendTo;
93
+ /**
94
+ * Sets the focused element query selector.
95
+ */
96
+ autoFocusedElement;
97
+ /**
98
+ * Sets the theme color of the Window.
99
+ */
100
+ themeColor;
101
+ }
@@ -11,6 +11,8 @@ import * as i1 from "./drag-resize.service";
11
11
  * @hidden
12
12
  */
13
13
  export class NavigationService {
14
+ window;
15
+ ngZone;
14
16
  constructor(window, ngZone) {
15
17
  this.window = window;
16
18
  this.ngZone = ngZone;
@@ -144,9 +146,9 @@ export class NavigationService {
144
146
  }
145
147
  }
146
148
  }
149
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
150
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
147
151
  }
148
- NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
149
- NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
152
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
151
153
  type: Injectable
152
154
  }], ctorParameters: function () { return [{ type: i1.DragResizeService }, { type: i0.NgZone }]; } });
@@ -20,10 +20,10 @@ export class WindowContainerDirective {
20
20
  constructor(container, service) {
21
21
  service.container = container;
22
22
  }
23
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
24
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
23
25
  }
24
- WindowContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
25
- WindowContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerDirective, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, decorators: [{
27
27
  type: Directive,
28
28
  args: [{
29
29
  selector: '[kendoWindowContainer]',
@@ -8,17 +8,17 @@ import * as i0 from "@angular/core";
8
8
  * @hidden
9
9
  */
10
10
  export class WindowContainerService {
11
+ static container = null;
11
12
  set container(container) {
12
13
  WindowContainerService.container = container;
13
14
  }
14
15
  get container() {
15
16
  return WindowContainerService.container;
16
17
  }
18
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
19
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
17
20
  }
18
- WindowContainerService.container = null;
19
- WindowContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
20
- WindowContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, decorators: [{
22
22
  type: Injectable,
23
23
  args: [{
24
24
  providedIn: 'root'
@@ -13,15 +13,20 @@ import * as i2 from "./drag-resize.service";
13
13
  * @hidden
14
14
  */
15
15
  export class ResizeHandleDirective {
16
+ draggable;
17
+ el;
18
+ renderer;
19
+ service;
20
+ direction;
21
+ get hostClass() {
22
+ return true;
23
+ }
24
+ subscriptions = new Subscription();
16
25
  constructor(draggable, el, renderer, service) {
17
26
  this.draggable = draggable;
18
27
  this.el = el;
19
28
  this.renderer = renderer;
20
29
  this.service = service;
21
- this.subscriptions = new Subscription();
22
- }
23
- get hostClass() {
24
- return true;
25
30
  }
26
31
  ngOnInit() {
27
32
  this.setDisplay();
@@ -50,10 +55,10 @@ export class ResizeHandleDirective {
50
55
  setDisplay(value = 'block') {
51
56
  this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
52
57
  }
58
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
59
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
53
60
  }
54
- ResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
55
- ResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHandleDirective, decorators: [{
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, decorators: [{
57
62
  type: Directive,
58
63
  args: [{
59
64
  selector: '[kendoWindowResizeHandle]',
@@ -11,6 +11,23 @@ import { hasClasses, isFocusable, isPresent } from '../common/util';
11
11
  import * as i0 from "@angular/core";
12
12
  import * as i1 from "./drag-resize.service";
13
13
  export class WindowTitleBarComponent {
14
+ el;
15
+ ngZone;
16
+ /**
17
+ * @hidden
18
+ */
19
+ template;
20
+ /**
21
+ * @hidden
22
+ */
23
+ id;
24
+ /**
25
+ * @hidden
26
+ */
27
+ service;
28
+ dragDirective;
29
+ dragSubscription;
30
+ stateSubscription;
14
31
  constructor(el, service, ngZone) {
15
32
  this.el = el;
16
33
  this.ngZone = ngZone;
@@ -105,16 +122,16 @@ export class WindowTitleBarComponent {
105
122
  const options = this.service.options;
106
123
  return options.draggable && options.state !== 'maximized';
107
124
  }
108
- }
109
- WindowTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
110
- WindowTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
125
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
126
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
111
127
  <ng-content *ngIf="!template"></ng-content>
112
128
  <ng-template
113
129
  [ngTemplateOutlet]="template"
114
130
  [ngTemplateOutletContext]="{'$implicit': service}" *ngIf="template">
115
131
  </ng-template>
116
132
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
133
+ }
134
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
118
135
  type: Component,
119
136
  args: [{
120
137
  selector: 'kendo-window-titlebar',
@@ -30,92 +30,20 @@ import * as i3 from "@progress/kendo-angular-l10n";
30
30
  * Represents the [Kendo UI Window component for Angular]({% slug overview_window_dialogs %}).
31
31
  */
32
32
  export class WindowComponent {
33
- constructor(el, renderer, service, navigation, ngZone, localization) {
34
- this.el = el;
35
- this.renderer = renderer;
36
- this.service = service;
37
- this.navigation = navigation;
38
- this.ngZone = ngZone;
39
- this.localization = localization;
40
- /**
41
- * Specifies if the content of the component is persisted in the DOM when minimized.
42
- * @default false
43
- */
44
- this.keepContent = false;
45
- /**
46
- * Fires when the user starts to move the Window.
47
- */
48
- this.dragStart = new EventEmitter();
49
- /**
50
- * Fires when the Window was moved by the user.
51
- */
52
- this.dragEnd = new EventEmitter();
53
- /**
54
- * Fires when the user starts to resize the Window.
55
- */
56
- this.resizeStart = new EventEmitter();
57
- /**
58
- * Fires when the Window was resized by the user.
59
- */
60
- this.resizeEnd = new EventEmitter();
61
- /**
62
- * Fires when the user closes the Window.
63
- */
64
- this.close = new EventEmitter();
65
- /**
66
- * Fires when the `width` property of the component was updated. The event is triggered only after the resizing
67
- * has ended. The event data contains the new width. Allows a two-way binding of the `width` property.
68
- */
69
- this.widthChange = new EventEmitter();
70
- /**
71
- * Fires when the `height` property of the component was updated. The event is triggered only after the resizing
72
- * has ended. The event data contains the new height. Allows a two-way binding of the `height` property.
73
- */
74
- this.heightChange = new EventEmitter();
75
- /**
76
- * Fires when the `top` property of the component was updated. The event is triggered only after the dragging
77
- * and resizing have ended. The event data contains the new top offset. Allows a two-way binding of the `top` property.
78
- */
79
- this.topChange = new EventEmitter();
80
- /**
81
- * Fires when the `left` property of the component was updated. The event is triggered only after the dragging
82
- * and resizing have ended. The event data contains the new left offset. Allows a two-way binding of the `left` property.
83
- */
84
- this.leftChange = new EventEmitter();
85
- /**
86
- * Fires when the `state` property of the component was updated. The event data contains the new state. Allows a
87
- * two-way binding of the `state` property.
88
- */
89
- this.stateChange = new EventEmitter();
90
- /**
91
- * @hidden
92
- */
93
- this.messages = {};
94
- /**
95
- * @hidden
96
- */
97
- this.showLicenseWatermark = false;
98
- this.tabIndex = 0;
99
- this.role = 'dialog';
100
- this.hostClass = true;
101
- /**
102
- * @hidden
103
- */
104
- this.titleId = null;
105
- this._themeColor = null;
106
- this.draged = false;
107
- this.resized = false;
108
- this.windowSubscription = new Subscription();
109
- this.domSubs = new Subscription();
110
- const isValid = validatePackage(packageMetadata);
111
- this.showLicenseWatermark = shouldShowValidationUI(isValid);
112
- this.direction = this.localization.rtl ? 'rtl' : 'ltr';
113
- this.localizationChangeSubscription = this.localization.changes
114
- .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
115
- this.resizeDirections = RESIZE_DIRECTIONS;
116
- this.subscribeEvents();
117
- this.titleId = this.generateTitleId();
118
- }
33
+ el;
34
+ renderer;
35
+ service;
36
+ navigation;
37
+ ngZone;
38
+ localization;
39
+ /**
40
+ * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_window %})).
41
+ */
42
+ autoFocusedElement;
43
+ /**
44
+ * Specifies the text that is rendered in the title bar.
45
+ */
46
+ title;
119
47
  /**
120
48
  * Specifies whether the user will be able to drag the component.
121
49
  * @default true
@@ -181,6 +109,11 @@ export class WindowComponent {
181
109
  get htmlAttributes() {
182
110
  return this._htmlAttributes;
183
111
  }
112
+ /**
113
+ * Specifies if the content of the component is persisted in the DOM when minimized.
114
+ * @default false
115
+ */
116
+ keepContent = false;
184
117
  /**
185
118
  * Specifies the initial state of the component.
186
119
  * If not specified, the value is set to `default`.
@@ -282,9 +215,106 @@ export class WindowComponent {
282
215
  }
283
216
  return this.localization.get('minimizeTitle');
284
217
  }
218
+ /**
219
+ * Fires when the user starts to move the Window.
220
+ */
221
+ dragStart = new EventEmitter();
222
+ /**
223
+ * Fires when the Window was moved by the user.
224
+ */
225
+ dragEnd = new EventEmitter();
226
+ /**
227
+ * Fires when the user starts to resize the Window.
228
+ */
229
+ resizeStart = new EventEmitter();
230
+ /**
231
+ * Fires when the Window was resized by the user.
232
+ */
233
+ resizeEnd = new EventEmitter();
234
+ /**
235
+ * Fires when the user closes the Window.
236
+ */
237
+ close = new EventEmitter();
238
+ /**
239
+ * Fires when the `width` property of the component was updated. The event is triggered only after the resizing
240
+ * has ended. The event data contains the new width. Allows a two-way binding of the `width` property.
241
+ */
242
+ widthChange = new EventEmitter();
243
+ /**
244
+ * Fires when the `height` property of the component was updated. The event is triggered only after the resizing
245
+ * has ended. The event data contains the new height. Allows a two-way binding of the `height` property.
246
+ */
247
+ heightChange = new EventEmitter();
248
+ /**
249
+ * Fires when the `top` property of the component was updated. The event is triggered only after the dragging
250
+ * and resizing have ended. The event data contains the new top offset. Allows a two-way binding of the `top` property.
251
+ */
252
+ topChange = new EventEmitter();
253
+ /**
254
+ * Fires when the `left` property of the component was updated. The event is triggered only after the dragging
255
+ * and resizing have ended. The event data contains the new left offset. Allows a two-way binding of the `left` property.
256
+ */
257
+ leftChange = new EventEmitter();
258
+ /**
259
+ * Fires when the `state` property of the component was updated. The event data contains the new state. Allows a
260
+ * two-way binding of the `state` property.
261
+ */
262
+ stateChange = new EventEmitter();
263
+ /**
264
+ * @hidden
265
+ */
266
+ contentTemplate;
267
+ /**
268
+ * @hidden
269
+ */
270
+ titleBarTemplate;
271
+ /**
272
+ * @hidden
273
+ */
274
+ messages = {};
275
+ /**
276
+ * @hidden
277
+ */
278
+ showLicenseWatermark = false;
279
+ tabIndex = 0;
280
+ role = 'dialog';
281
+ hostClass = true;
285
282
  get dir() {
286
283
  return this.direction;
287
284
  }
285
+ titleBarView;
286
+ titleBarContent;
287
+ resizeHandles;
288
+ resizeDirections;
289
+ /**
290
+ * @hidden
291
+ */
292
+ titleId = null;
293
+ _htmlAttributes;
294
+ _cssClass;
295
+ _themeColor = null;
296
+ direction;
297
+ draged = false;
298
+ resized = false;
299
+ windowSubscription = new Subscription();
300
+ domSubs = new Subscription();
301
+ localizationChangeSubscription;
302
+ constructor(el, renderer, service, navigation, ngZone, localization) {
303
+ this.el = el;
304
+ this.renderer = renderer;
305
+ this.service = service;
306
+ this.navigation = navigation;
307
+ this.ngZone = ngZone;
308
+ this.localization = localization;
309
+ const isValid = validatePackage(packageMetadata);
310
+ this.showLicenseWatermark = shouldShowValidationUI(isValid);
311
+ this.direction = this.localization.rtl ? 'rtl' : 'ltr';
312
+ this.localizationChangeSubscription = this.localization.changes
313
+ .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
314
+ this.resizeDirections = RESIZE_DIRECTIONS;
315
+ this.subscribeEvents();
316
+ this.titleId = this.generateTitleId();
317
+ }
288
318
  ngAfterViewInit() {
289
319
  if (!isDocumentAvailable()) {
290
320
  return;
@@ -576,17 +606,16 @@ export class WindowComponent {
576
606
  this.renderer.addClass(wrapper, classToAdd);
577
607
  }
578
608
  }
579
- }
580
- WindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
581
- WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", themeColor: "themeColor", keepContent: "keepContent", state: "state", minWidth: "minWidth", minHeight: "minHeight", width: "width", height: "height", top: "top", left: "left" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", resizeStart: "resizeStart", resizeEnd: "resizeEnd", close: "close", widthChange: "widthChange", heightChange: "heightChange", topChange: "topChange", leftChange: "leftChange", stateChange: "stateChange" }, host: { listeners: { "focus": "onComponentFocus()", "blur": "onComponentBlur()" }, properties: { "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "class.k-window": "this.hostClass", "attr.dir": "this.dir", "style.minWidth": "this.styleMinWidth", "style.minHeight": "this.styleMinHeight", "style.position": "this.stylePosition", "class.k-window-maximized": "this.wrapperMaximizedClass", "class.k-window-minimized": "this.wrapperMinimizedClass" } }, providers: [
582
- DragResizeService,
583
- NavigationService,
584
- LocalizationService,
585
- {
586
- provide: L10N_PREFIX,
587
- useValue: 'kendo.window'
588
- }
589
- ], queries: [{ propertyName: "titleBarContent", first: true, predicate: WindowTitleBarComponent, descendants: true }], viewQueries: [{ propertyName: "titleBarView", first: true, predicate: WindowTitleBarComponent, descendants: true }, { propertyName: "resizeHandles", predicate: ResizeHandleDirective, descendants: true }], exportAs: ["kendoWindow"], usesOnChanges: true, ngImport: i0, template: `
609
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
610
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", themeColor: "themeColor", keepContent: "keepContent", state: "state", minWidth: "minWidth", minHeight: "minHeight", width: "width", height: "height", top: "top", left: "left" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", resizeStart: "resizeStart", resizeEnd: "resizeEnd", close: "close", widthChange: "widthChange", heightChange: "heightChange", topChange: "topChange", leftChange: "leftChange", stateChange: "stateChange" }, host: { listeners: { "focus": "onComponentFocus()", "blur": "onComponentBlur()" }, properties: { "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "class.k-window": "this.hostClass", "attr.dir": "this.dir", "style.minWidth": "this.styleMinWidth", "style.minHeight": "this.styleMinHeight", "style.position": "this.stylePosition", "class.k-window-maximized": "this.wrapperMaximizedClass", "class.k-window-minimized": "this.wrapperMinimizedClass" } }, providers: [
611
+ DragResizeService,
612
+ NavigationService,
613
+ LocalizationService,
614
+ {
615
+ provide: L10N_PREFIX,
616
+ useValue: 'kendo.window'
617
+ }
618
+ ], queries: [{ propertyName: "titleBarContent", first: true, predicate: WindowTitleBarComponent, descendants: true }], viewQueries: [{ propertyName: "titleBarView", first: true, predicate: WindowTitleBarComponent, descendants: true }, { propertyName: "resizeHandles", predicate: ResizeHandleDirective, descendants: true }], exportAs: ["kendoWindow"], usesOnChanges: true, ngImport: i0, template: `
590
619
  <ng-container kendoWindowLocalizedMessages
591
620
  i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
592
621
  closeTitle="Close"
@@ -631,7 +660,8 @@ WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
631
660
 
632
661
  <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
633
662
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "component", type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { kind: "component", type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { kind: "component", type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { kind: "component", type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
634
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowComponent, decorators: [{
663
+ }
664
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, decorators: [{
635
665
  type: Component,
636
666
  args: [{
637
667
  exportAs: 'kendoWindow',
@@ -14,6 +14,8 @@ import * as i0 from "@angular/core";
14
14
  import * as i1 from "../window/window-container.service";
15
15
  const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
16
16
  class WindowInjector {
17
+ getWindowRef;
18
+ parentInjector;
17
19
  constructor(getWindowRef, parentInjector) {
18
20
  this.getWindowRef = getWindowRef;
19
21
  this.parentInjector = parentInjector;
@@ -30,6 +32,8 @@ class WindowInjector {
30
32
  * ([see example]({% slug service_window %})).
31
33
  */
32
34
  export class WindowService {
35
+ resolver;
36
+ containerService;
33
37
  constructor(
34
38
  /**
35
39
  * @hidden
@@ -208,10 +212,10 @@ export class WindowService {
208
212
  ]
209
213
  };
210
214
  }
215
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, deps: [{ token: i0.ComponentFactoryResolver }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
216
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, providedIn: 'root' });
211
217
  }
212
- WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, deps: [{ token: i0.ComponentFactoryResolver }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
213
- WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, providedIn: 'root' });
214
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, decorators: [{
218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, decorators: [{
215
219
  type: Injectable,
216
220
  args: [{
217
221
  providedIn: 'root'
@@ -47,11 +47,11 @@ const ENTRY_COMPONENTS = [
47
47
  * ```
48
48
  */
49
49
  export class WindowModule {
50
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
51
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, imports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective, i6.WindowTitleBarComponent, i7.WindowContainerDirective, i8.DialogActionsComponent, i9.CustomMessagesComponent], exports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective, i6.WindowTitleBarComponent, i7.WindowContainerDirective, i8.DialogActionsComponent, i9.CustomMessagesComponent] });
52
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective] });
50
53
  }
51
- WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
52
- WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, imports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective, i6.WindowTitleBarComponent, i7.WindowContainerDirective, i8.DialogActionsComponent, i9.CustomMessagesComponent], exports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective, i6.WindowTitleBarComponent, i7.WindowContainerDirective, i8.DialogActionsComponent, i9.CustomMessagesComponent] });
53
- WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [i1.WindowComponent, i2.WindowCloseActionDirective, i3.WindowMinimizeActionDirective, i4.WindowMaximizeActionDirective, i5.WindowRestoreActionDirective, i6.WindowTitleBarComponent, i8.DialogActionsComponent] });
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, decorators: [{
54
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, decorators: [{
55
55
  type: NgModule,
56
56
  args: [{
57
57
  imports: [...KENDO_WINDOW],