@progress/kendo-angular-dialog 18.5.0-develop.2 → 18.5.0-develop.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dialog/dialog-actions.component.d.ts +0 -4
  2. package/dialog/models/dialog-action.d.ts +14 -1
  3. package/esm2022/dialog/dialog-actions.component.mjs +18 -19
  4. package/esm2022/dialog/models/dialog-action.mjs +13 -1
  5. package/esm2022/dialog.module.mjs +1 -1
  6. package/esm2022/dialogs.module.mjs +1 -1
  7. package/esm2022/package-metadata.mjs +2 -2
  8. package/esm2022/window.module.mjs +1 -1
  9. package/fesm2022/progress-kendo-angular-dialog.mjs +241 -230
  10. package/package.json +7 -7
  11. package/schematics/ngAdd/index.js +1 -1
package/dialog/dialog-actions.component.d.ts CHANGED
@@ -44,10 +44,6 @@ export declare class DialogActionsComponent {
44
44
  * @hidden
45
45
  */
46
46
  onButtonClick(action: DialogAction, _e?: any): void;
47
- /**
48
- * @hidden
49
- */
50
- buttonClass(action: DialogAction): string;
51
47
  /**
52
48
  * @hidden
53
49
  */
package/dialog/models/dialog-action.d.ts CHANGED
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ButtonFillMode, ButtonThemeColor } from "@progress/kendo-angular-buttons";
6
+ import { SVGIcon } from "@progress/kendo-svg-icons";
6
7
  /**
7
8
  * The settings for the Dialog actions when the Dialog is opened through `DialogService`
8
9
  * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
@@ -22,7 +23,19 @@ export declare class DialogAction {
22
23
  fillMode?: ButtonFillMode;
23
24
  /**
24
25
  * Sets the CSS classes that will be rendered on the action button.
25
- * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
26
+ * Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
26
27
  */
27
28
  cssClass?: any;
29
+ /**
30
+ * Specifies the [SVG icon](slug:svgicon_list) to be rendered within the action button.
31
+ */
32
+ svgIcon?: SVGIcon;
33
+ /**
34
+ * Specifies the name of the [font icon](slug:icon_list) to be rendered within the action button.
35
+ */
36
+ icon?: string;
37
+ /**
38
+ * @hidden
39
+ */
40
+ disabled?: boolean;
28
41
  }
package/esm2022/dialog/dialog-actions.component.mjs CHANGED
@@ -3,9 +3,10 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Component, EventEmitter, HostBinding, TemplateRef, Input, Output, ElementRef } from '@angular/core';
6
- import { parseCSSClassNames } from '../common/util';
7
6
  import { NgIf, NgFor, NgClass, NgTemplateOutlet } from '@angular/common';
7
+ import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
8
8
  import * as i0 from "@angular/core";
9
+ import * as i1 from "@progress/kendo-angular-buttons";
9
10
  /**
10
11
  * Specifies the action buttons of the Dialog
11
12
  * ([see example]({% slug actionbuttons_dialog %})).
@@ -65,20 +66,6 @@ export class DialogActionsComponent {
65
66
  onButtonClick(action, _e) {
66
67
  this.action.emit(action);
67
68
  }
68
- /**
69
- * @hidden
70
- */
71
- buttonClass(action) {
72
- let classes = ['k-button k-button-md k-rounded-md'];
73
- const fillMode = action.fillMode ? action.fillMode : 'solid';
74
- const themeColor = action.themeColor ? action.themeColor : 'base';
75
- const cssClasses = action.cssClass ? parseCSSClassNames(action.cssClass) : [];
76
- classes.push(`k-button-${fillMode} k-button-${fillMode}-${themeColor}`);
77
- if (cssClasses.length > 0) {
78
- classes = classes.concat(cssClasses);
79
- }
80
- return classes.join(' ');
81
- }
82
69
  /**
83
70
  * @hidden
84
71
  */
@@ -96,9 +83,15 @@ export class DialogActionsComponent {
96
83
  <ng-template #defaultAction>
97
84
  <button
98
85
  type="button"
99
- [ngClass]="buttonClass(action)"
86
+ kendoButton
87
+ [disabled]="action.disabled"
88
+ [fillMode]="action.fillMode"
89
+ [themeColor]="action.themeColor"
90
+ [ngClass]="action.cssClass"
100
91
  (click)="onButtonClick(action, $event)"
101
92
  [attr.aria-label]="action.text"
93
+ [svgIcon]="action.svgIcon"
94
+ [icon]="action.icon"
102
95
  >
103
96
  {{ action.text }}
104
97
  </button>
@@ -106,7 +99,7 @@ export class DialogActionsComponent {
106
99
  </ng-container>
107
100
  </ng-container>
108
101
  <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
109
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
102
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
110
103
  }
111
104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
112
105
  type: Component,
@@ -122,9 +115,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
122
115
  <ng-template #defaultAction>
123
116
  <button
124
117
  type="button"
125
- [ngClass]="buttonClass(action)"
118
+ kendoButton
119
+ [disabled]="action.disabled"
120
+ [fillMode]="action.fillMode"
121
+ [themeColor]="action.themeColor"
122
+ [ngClass]="action.cssClass"
126
123
  (click)="onButtonClick(action, $event)"
127
124
  [attr.aria-label]="action.text"
125
+ [svgIcon]="action.svgIcon"
126
+ [icon]="action.icon"
128
127
  >
129
128
  {{ action.text }}
130
129
  </button>
@@ -134,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
134
133
  <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
135
134
  `,
136
135
  standalone: true,
137
- imports: [NgIf, NgFor, NgClass, NgTemplateOutlet]
136
+ imports: [NgIf, NgFor, NgClass, NgTemplateOutlet, KENDO_BUTTON]
138
137
  }]
139
138
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { actions: [{
140
139
  type: Input
package/esm2022/dialog/models/dialog-action.mjs CHANGED
@@ -21,7 +21,19 @@ export class DialogAction {
21
21
  fillMode;
22
22
  /**
23
23
  * Sets the CSS classes that will be rendered on the action button.
24
- * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
24
+ * Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
25
25
  */
26
26
  cssClass;
27
+ /**
28
+ * Specifies the [SVG icon](slug:svgicon_list) to be rendered within the action button.
29
+ */
30
+ svgIcon;
31
+ /**
32
+ * Specifies the name of the [font icon](slug:icon_list) to be rendered within the action button.
33
+ */
34
+ icon;
35
+ /**
36
+ * @hidden
37
+ */
38
+ disabled;
27
39
  }
package/esm2022/dialog.module.mjs CHANGED
@@ -39,7 +39,7 @@ import * as i5 from "./localization/custom-messages.component";
39
39
  export class DialogModule {
40
40
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
41
41
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", 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] });
42
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [i1.DialogComponent, i2.DialogTitleBarComponent] });
42
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i4.DialogActionsComponent] });
43
43
  }
44
44
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
45
45
  type: NgModule,
package/esm2022/dialogs.module.mjs CHANGED
@@ -51,7 +51,7 @@ import * as i12 from "./window/window-container.directive";
51
51
  export class DialogsModule {
52
52
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
53
53
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", 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] });
54
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [i1.DialogComponent, i2.DialogTitleBarComponent, i6.WindowComponent, i7.WindowCloseActionDirective, i8.WindowMinimizeActionDirective, i9.WindowMaximizeActionDirective, i10.WindowRestoreActionDirective] });
54
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", 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] });
55
55
  }
56
56
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, decorators: [{
57
57
  type: NgModule,
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1743750379,
14
- version: '18.5.0-develop.2',
13
+ publishDate: 1743751223,
14
+ version: '18.5.0-develop.3',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/window.module.mjs CHANGED
@@ -43,7 +43,7 @@ import * as i9 from "./localization/custom-messages.component";
43
43
  export class WindowModule {
44
44
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
45
45
  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] });
46
- 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] });
46
+ 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, i8.DialogActionsComponent] });
47
47
  }
48
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, decorators: [{
49
49
  type: NgModule,
package/fesm2022/progress-kendo-angular-dialog.mjs CHANGED
@@ -7,196 +7,19 @@ import { TemplateRef, EventEmitter, Component, Input, Output, HostBinding, Injec
7
7
  import { NgIf, NgFor, NgClass, NgTemplateOutlet, NgStyle } from '@angular/common';
8
8
  import * as i2 from '@angular/animations';
9
9
  import { style, animate, keyframes, trigger, state, transition } from '@angular/animations';
10
- import { of, Subscription, Subject, merge } from 'rxjs';
11
- import { delay, takeUntil, take, filter, map, share, tap, switchMap } from 'rxjs/operators';
12
- import * as i1 from '@progress/kendo-angular-l10n';
10
+ import * as i1 from '@progress/kendo-angular-buttons';
11
+ import { KENDO_BUTTON, ButtonComponent, Button } from '@progress/kendo-angular-buttons';
12
+ import * as i1$1 from '@progress/kendo-angular-l10n';
13
13
  import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
14
+ import { take, delay, takeUntil, filter, map, share, tap, switchMap } from 'rxjs/operators';
14
15
  import { xIcon, windowRestoreIcon, windowIcon, windowMinimizeIcon } from '@progress/kendo-svg-icons';
15
- import { ButtonComponent, Button } from '@progress/kendo-angular-buttons';
16
16
  import { validatePackage } from '@progress/kendo-licensing';
17
- import * as i1$1 from '@progress/kendo-angular-common';
17
+ import { of, Subscription, Subject, merge } from 'rxjs';
18
+ import * as i1$2 from '@progress/kendo-angular-common';
18
19
  import { setHTMLAttributes, shouldShowValidationUI, isDocumentAvailable, focusableSelector, WatermarkOverlayComponent, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
19
20
  import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
20
21
  import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
21
22
 
22
- /**
23
- * @hidden
24
- */
25
- const isPresent = (value) => value !== null && value !== undefined;
26
- /**
27
- * @hidden
28
- */
29
- const isTruthy = (value) => !!value;
30
- const toClassList = (classNames) => String(classNames).trim().split(' ');
31
- const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
32
- /**
33
- * @hidden
34
- */
35
- var Keys;
36
- (function (Keys) {
37
- Keys[Keys["esc"] = 27] = "esc";
38
- Keys[Keys["tab"] = 9] = "tab";
39
- Keys[Keys["enter"] = 13] = "enter";
40
- Keys[Keys["space"] = 32] = "space";
41
- Keys[Keys["ctrl"] = 17] = "ctrl";
42
- Keys[Keys["shift"] = 16] = "shift";
43
- Keys[Keys["left"] = 37] = "left";
44
- Keys[Keys["up"] = 38] = "up";
45
- Keys[Keys["right"] = 39] = "right";
46
- Keys[Keys["down"] = 40] = "down";
47
- })(Keys || (Keys = {}));
48
- /**
49
- * @hidden
50
- */
51
- const DIALOG_ELEMENTS_HANDLING_ESC_KEY = 'k-dialog-wrapper k-actions k-dialog-titlebar-action';
52
- /**
53
- * @hidden
54
- */
55
- const DIALOG_ELEMENTS_HANDLING_ARROWS = 'k-actions';
56
- /**
57
- * @hidden
58
- */
59
- const WINDOW_CLASSES = 'k-window';
60
- /**
61
- * @hidden
62
- */
63
- const WINDOW_ELEMENTS_HANDLING_ESC_KEY = 'k-window k-window-titlebar-action';
64
- /**
65
- * @hidden
66
- */
67
- const hasClasses = (element, classNames) => {
68
- const namesList = toClassList(classNames);
69
- return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
70
- };
71
- /**
72
- * @hidden
73
- */
74
- const isVisible = (element) => {
75
- const rect = element.getBoundingClientRect();
76
- return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
77
- };
78
- /**
79
- * @hidden
80
- */
81
- const isFocusable = (element, checkVisibility = true) => {
82
- if (element.tagName) {
83
- const tagName = element.tagName.toLowerCase();
84
- const tabIndex = element.getAttribute('tabIndex');
85
- const validTabIndex = tabIndex !== null && !isNaN(tabIndex) && tabIndex > -1;
86
- let focusable = false;
87
- if (focusableRegex.test(tagName)) {
88
- focusable = !element.disabled;
89
- }
90
- else {
91
- focusable = validTabIndex;
92
- }
93
- return focusable && (!checkVisibility || isVisible(element));
94
- }
95
- return false;
96
- };
97
- /**
98
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
99
- *
100
- * @hidden
101
- */
102
- const parseCSSClassNames = (value) => {
103
- if (isObject(value)) {
104
- return parseObjectClassNames(value);
105
- }
106
- if (isString(value)) {
107
- return parseStringClassNames(value);
108
- }
109
- if (Array.isArray(value)) {
110
- return parseArrayClassNames(value);
111
- }
112
- };
113
- const parseObjectClassNames = (value) => {
114
- const classes = [];
115
- Object.keys(value).forEach(className => {
116
- const currentClassName = splitStringToArray(className);
117
- if (value[className] && currentClassName[0]) {
118
- classes.push(...currentClassName);
119
- }
120
- });
121
- return classes;
122
- };
123
- const parseStringClassNames = (value) => {
124
- const classes = [];
125
- const classesArray = splitStringToArray(value);
126
- classesArray.forEach(className => {
127
- classes.push(className);
128
- });
129
- return classes;
130
- };
131
- const parseArrayClassNames = (value) => {
132
- const classes = [];
133
- value.forEach((className) => {
134
- const current = splitStringToArray(className);
135
- if (current[0]) {
136
- classes.push(...current);
137
- }
138
- });
139
- return classes;
140
- };
141
- /**
142
- * @hidden
143
- */
144
- const preventDefault = ({ originalEvent: event }) => {
145
- event.stopPropagation();
146
- event.preventDefault();
147
- };
148
- /**
149
- * @hidden
150
- */
151
- const isWindowAvailable = () => {
152
- return typeof window !== 'undefined';
153
- };
154
- /**
155
- * @hidden
156
- */
157
- const preventOnDblClick = release => (mouseDown) => of(mouseDown).pipe(delay(150), takeUntil(release));
158
- /**
159
- * @hidden
160
- */
161
- const RESIZE_DIRECTIONS = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
162
- /**
163
- * @hidden
164
- */
165
- const OFFSET_STYLES = ['top', 'left', 'width', 'height'];
166
- /**
167
- * @hidden
168
- */
169
- const isString = (value) => value instanceof String || typeof value === 'string';
170
- /**
171
- * @hidden
172
- */
173
- const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
174
- /**
175
- * @hidden
176
- */
177
- const isNumber = (value) => typeof value === 'number' && isFinite(value);
178
- /**
179
- * @hidden
180
- */
181
- const createValueWithUnit = (value) => value + (isNumber(value) ? 'px' : '');
182
- /**
183
- * @hidden
184
- */
185
- const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
186
- /**
187
- * @hidden
188
- */
189
- const findPrimaryButton = (buttons) => {
190
- for (let i = buttons.length - 1; i >= 0; i--) {
191
- const classList = buttons[i].classList;
192
- for (let j = 0; j < classList.length; j++) {
193
- if (classList[j].endsWith('-primary')) {
194
- return buttons[i];
195
- }
196
- }
197
- }
198
- };
199
-
200
23
  /**
201
24
  * Specifies the action buttons of the Dialog
202
25
  * ([see example]({% slug actionbuttons_dialog %})).
@@ -256,20 +79,6 @@ class DialogActionsComponent {
256
79
  onButtonClick(action, _e) {
257
80
  this.action.emit(action);
258
81
  }
259
- /**
260
- * @hidden
261
- */
262
- buttonClass(action) {
263
- let classes = ['k-button k-button-md k-rounded-md'];
264
- const fillMode = action.fillMode ? action.fillMode : 'solid';
265
- const themeColor = action.themeColor ? action.themeColor : 'base';
266
- const cssClasses = action.cssClass ? parseCSSClassNames(action.cssClass) : [];
267
- classes.push(`k-button-${fillMode} k-button-${fillMode}-${themeColor}`);
268
- if (cssClasses.length > 0) {
269
- classes = classes.concat(cssClasses);
270
- }
271
- return classes.join(' ');
272
- }
273
82
  /**
274
83
  * @hidden
275
84
  */
@@ -287,9 +96,15 @@ class DialogActionsComponent {
287
96
  <ng-template #defaultAction>
288
97
  <button
289
98
  type="button"
290
- [ngClass]="buttonClass(action)"
99
+ kendoButton
100
+ [disabled]="action.disabled"
101
+ [fillMode]="action.fillMode"
102
+ [themeColor]="action.themeColor"
103
+ [ngClass]="action.cssClass"
291
104
  (click)="onButtonClick(action, $event)"
292
105
  [attr.aria-label]="action.text"
106
+ [svgIcon]="action.svgIcon"
107
+ [icon]="action.icon"
293
108
  >
294
109
  {{ action.text }}
295
110
  </button>
@@ -297,7 +112,7 @@ class DialogActionsComponent {
297
112
  </ng-container>
298
113
  </ng-container>
299
114
  <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
300
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
115
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
301
116
  }
302
117
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
303
118
  type: Component,
@@ -313,9 +128,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
313
128
  <ng-template #defaultAction>
314
129
  <button
315
130
  type="button"
316
- [ngClass]="buttonClass(action)"
131
+ kendoButton
132
+ [disabled]="action.disabled"
133
+ [fillMode]="action.fillMode"
134
+ [themeColor]="action.themeColor"
135
+ [ngClass]="action.cssClass"
317
136
  (click)="onButtonClick(action, $event)"
318
137
  [attr.aria-label]="action.text"
138
+ [svgIcon]="action.svgIcon"
139
+ [icon]="action.icon"
319
140
  >
320
141
  {{ action.text }}
321
142
  </button>
@@ -325,7 +146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
325
146
  <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
326
147
  `,
327
148
  standalone: true,
328
- imports: [NgIf, NgFor, NgClass, NgTemplateOutlet]
149
+ imports: [NgIf, NgFor, NgClass, NgTemplateOutlet, KENDO_BUTTON]
329
150
  }]
330
151
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { actions: [{
331
152
  type: Input
@@ -402,7 +223,7 @@ class TitleBarLocalizationService extends LocalizationService {
402
223
  }
403
224
  return super.get(shortKey);
404
225
  }
405
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }, { token: DIALOG_LOCALIZATION_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
226
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1$1.MessageService, optional: true }, { token: RTL, optional: true }, { token: DIALOG_LOCALIZATION_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
406
227
  static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService });
407
228
  }
408
229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService, decorators: [{
@@ -410,14 +231,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
410
231
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
411
232
  type: Inject,
412
233
  args: [L10N_PREFIX]
413
- }] }, { type: i1.MessageService, decorators: [{
234
+ }] }, { type: i1$1.MessageService, decorators: [{
414
235
  type: Optional
415
236
  }] }, { type: undefined, decorators: [{
416
237
  type: Optional
417
238
  }, {
418
239
  type: Inject,
419
240
  args: [RTL]
420
- }] }, { type: i1.LocalizationService, decorators: [{
241
+ }] }, { type: i1$1.LocalizationService, decorators: [{
421
242
  type: Optional
422
243
  }, {
423
244
  type: Inject,
@@ -472,7 +293,7 @@ class LocalizedMessagesDirective extends Messages {
472
293
  super();
473
294
  this.service = service;
474
295
  }
475
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
296
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
476
297
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n ", providers: [
477
298
  {
478
299
  provide: Messages,
@@ -496,7 +317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
496
317
  `,
497
318
  standalone: true
498
319
  }]
499
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
320
+ }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
500
321
 
501
322
  /**
502
323
  * Represents the [Kendo UI DialogTitleBar component for Angular]({% slug api_dialog_dialogtitlebarcomponent %}).
@@ -548,7 +369,7 @@ class DialogTitleBarComponent {
548
369
  const eventArgs = new PreventableEvent();
549
370
  this.close.emit(eventArgs);
550
371
  }
551
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
372
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
552
373
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitleBarComponent, isStandalone: true, selector: "kendo-dialog-titlebar", inputs: { id: "id", closeTitle: "closeTitle" }, outputs: { close: "close" }, host: { properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className" } }, providers: [
553
374
  TitleBarLocalizationService,
554
375
  {
@@ -630,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
630
451
  standalone: true,
631
452
  imports: [LocalizedMessagesDirective, ButtonComponent]
632
453
  }]
633
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1.LocalizationService, decorators: [{
454
+ }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1$1.LocalizationService, decorators: [{
634
455
  type: Optional
635
456
  }] }]; }, propDecorators: { close: [{
636
457
  type: Output
@@ -654,11 +475,189 @@ const packageMetadata = {
654
475
  productName: 'Kendo UI for Angular',
655
476
  productCode: 'KENDOUIANGULAR',
656
477
  productCodes: ['KENDOUIANGULAR'],
657
- publishDate: 1743750379,
658
- version: '18.5.0-develop.2',
478
+ publishDate: 1743751223,
479
+ version: '18.5.0-develop.3',
659
480
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
660
481
  };
661
482
 
483
+ /**
484
+ * @hidden
485
+ */
486
+ const isPresent = (value) => value !== null && value !== undefined;
487
+ /**
488
+ * @hidden
489
+ */
490
+ const isTruthy = (value) => !!value;
491
+ const toClassList = (classNames) => String(classNames).trim().split(' ');
492
+ const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
493
+ /**
494
+ * @hidden
495
+ */
496
+ var Keys;
497
+ (function (Keys) {
498
+ Keys[Keys["esc"] = 27] = "esc";
499
+ Keys[Keys["tab"] = 9] = "tab";
500
+ Keys[Keys["enter"] = 13] = "enter";
501
+ Keys[Keys["space"] = 32] = "space";
502
+ Keys[Keys["ctrl"] = 17] = "ctrl";
503
+ Keys[Keys["shift"] = 16] = "shift";
504
+ Keys[Keys["left"] = 37] = "left";
505
+ Keys[Keys["up"] = 38] = "up";
506
+ Keys[Keys["right"] = 39] = "right";
507
+ Keys[Keys["down"] = 40] = "down";
508
+ })(Keys || (Keys = {}));
509
+ /**
510
+ * @hidden
511
+ */
512
+ const DIALOG_ELEMENTS_HANDLING_ESC_KEY = 'k-dialog-wrapper k-actions k-dialog-titlebar-action';
513
+ /**
514
+ * @hidden
515
+ */
516
+ const DIALOG_ELEMENTS_HANDLING_ARROWS = 'k-actions';
517
+ /**
518
+ * @hidden
519
+ */
520
+ const WINDOW_CLASSES = 'k-window';
521
+ /**
522
+ * @hidden
523
+ */
524
+ const WINDOW_ELEMENTS_HANDLING_ESC_KEY = 'k-window k-window-titlebar-action';
525
+ /**
526
+ * @hidden
527
+ */
528
+ const hasClasses = (element, classNames) => {
529
+ const namesList = toClassList(classNames);
530
+ return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
531
+ };
532
+ /**
533
+ * @hidden
534
+ */
535
+ const isVisible = (element) => {
536
+ const rect = element.getBoundingClientRect();
537
+ return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
538
+ };
539
+ /**
540
+ * @hidden
541
+ */
542
+ const isFocusable = (element, checkVisibility = true) => {
543
+ if (element.tagName) {
544
+ const tagName = element.tagName.toLowerCase();
545
+ const tabIndex = element.getAttribute('tabIndex');
546
+ const validTabIndex = tabIndex !== null && !isNaN(tabIndex) && tabIndex > -1;
547
+ let focusable = false;
548
+ if (focusableRegex.test(tagName)) {
549
+ focusable = !element.disabled;
550
+ }
551
+ else {
552
+ focusable = validTabIndex;
553
+ }
554
+ return focusable && (!checkVisibility || isVisible(element));
555
+ }
556
+ return false;
557
+ };
558
+ /**
559
+ * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
560
+ *
561
+ * @hidden
562
+ */
563
+ const parseCSSClassNames = (value) => {
564
+ if (isObject(value)) {
565
+ return parseObjectClassNames(value);
566
+ }
567
+ if (isString(value)) {
568
+ return parseStringClassNames(value);
569
+ }
570
+ if (Array.isArray(value)) {
571
+ return parseArrayClassNames(value);
572
+ }
573
+ };
574
+ const parseObjectClassNames = (value) => {
575
+ const classes = [];
576
+ Object.keys(value).forEach(className => {
577
+ const currentClassName = splitStringToArray(className);
578
+ if (value[className] && currentClassName[0]) {
579
+ classes.push(...currentClassName);
580
+ }
581
+ });
582
+ return classes;
583
+ };
584
+ const parseStringClassNames = (value) => {
585
+ const classes = [];
586
+ const classesArray = splitStringToArray(value);
587
+ classesArray.forEach(className => {
588
+ classes.push(className);
589
+ });
590
+ return classes;
591
+ };
592
+ const parseArrayClassNames = (value) => {
593
+ const classes = [];
594
+ value.forEach((className) => {
595
+ const current = splitStringToArray(className);
596
+ if (current[0]) {
597
+ classes.push(...current);
598
+ }
599
+ });
600
+ return classes;
601
+ };
602
+ /**
603
+ * @hidden
604
+ */
605
+ const preventDefault = ({ originalEvent: event }) => {
606
+ event.stopPropagation();
607
+ event.preventDefault();
608
+ };
609
+ /**
610
+ * @hidden
611
+ */
612
+ const isWindowAvailable = () => {
613
+ return typeof window !== 'undefined';
614
+ };
615
+ /**
616
+ * @hidden
617
+ */
618
+ const preventOnDblClick = release => (mouseDown) => of(mouseDown).pipe(delay(150), takeUntil(release));
619
+ /**
620
+ * @hidden
621
+ */
622
+ const RESIZE_DIRECTIONS = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
623
+ /**
624
+ * @hidden
625
+ */
626
+ const OFFSET_STYLES = ['top', 'left', 'width', 'height'];
627
+ /**
628
+ * @hidden
629
+ */
630
+ const isString = (value) => value instanceof String || typeof value === 'string';
631
+ /**
632
+ * @hidden
633
+ */
634
+ const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
635
+ /**
636
+ * @hidden
637
+ */
638
+ const isNumber = (value) => typeof value === 'number' && isFinite(value);
639
+ /**
640
+ * @hidden
641
+ */
642
+ const createValueWithUnit = (value) => value + (isNumber(value) ? 'px' : '');
643
+ /**
644
+ * @hidden
645
+ */
646
+ const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
647
+ /**
648
+ * @hidden
649
+ */
650
+ const findPrimaryButton = (buttons) => {
651
+ for (let i = buttons.length - 1; i >= 0; i--) {
652
+ const classList = buttons[i].classList;
653
+ for (let j = 0; j < classList.length; j++) {
654
+ if (classList[j].endsWith('-primary')) {
655
+ return buttons[i];
656
+ }
657
+ }
658
+ }
659
+ };
660
+
662
661
  /**
663
662
  * Indicates that the **Close** button is clicked. Used when the results from
664
663
  * the Dialogs that are opened through `DialogService` are filtered
@@ -1191,7 +1190,7 @@ class DialogComponent {
1191
1190
  }
1192
1191
  });
1193
1192
  }
1194
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
1193
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
1195
1194
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
1196
1195
  LocalizationService,
1197
1196
  {
@@ -1281,7 +1280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1281
1280
  standalone: true,
1282
1281
  imports: [LocalizedMessagesDirective, NgStyle, NgIf, DialogTitleBarComponent, NgTemplateOutlet, DialogActionsComponent, WatermarkOverlayComponent]
1283
1282
  }]
1284
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2.AnimationBuilder }]; }, propDecorators: { actions: [{
1283
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2.AnimationBuilder }]; }, propDecorators: { actions: [{
1285
1284
  type: Input
1286
1285
  }], actionsLayout: [{
1287
1286
  type: Input
@@ -1462,9 +1461,21 @@ class DialogAction {
1462
1461
  fillMode;
1463
1462
  /**
1464
1463
  * Sets the CSS classes that will be rendered on the action button.
1465
- * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
1464
+ * Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
1466
1465
  */
1467
1466
  cssClass;
1467
+ /**
1468
+ * Specifies the [SVG icon](slug:svgicon_list) to be rendered within the action button.
1469
+ */
1470
+ svgIcon;
1471
+ /**
1472
+ * Specifies the name of the [font icon](slug:icon_list) to be rendered within the action button.
1473
+ */
1474
+ icon;
1475
+ /**
1476
+ * @hidden
1477
+ */
1478
+ disabled;
1468
1479
  }
1469
1480
 
1470
1481
  /**
@@ -2160,7 +2171,7 @@ class ResizeHandleDirective {
2160
2171
  setDisplay(value = 'block') {
2161
2172
  this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
2162
2173
  }
2163
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
2174
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$2.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
2164
2175
  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 });
2165
2176
  }
2166
2177
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, decorators: [{
@@ -2169,7 +2180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2169
2180
  selector: '[kendoWindowResizeHandle]',
2170
2181
  standalone: true
2171
2182
  }]
2172
- }], ctorParameters: function () { return [{ type: i1$1.DraggableDirective, decorators: [{
2183
+ }], ctorParameters: function () { return [{ type: i1$2.DraggableDirective, decorators: [{
2173
2184
  type: Host
2174
2185
  }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }]; }, propDecorators: { direction: [{
2175
2186
  type: Input
@@ -2504,7 +2515,7 @@ class WindowCloseActionDirective extends Button {
2504
2515
  this.window.closeAction();
2505
2516
  }
2506
2517
  }
2507
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2518
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2508
2519
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowCloseActionDirective, isStandalone: true, selector: "button[kendoWindowCloseAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass" } }, providers: [
2509
2520
  LocalizationService,
2510
2521
  {
@@ -2555,7 +2566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2555
2566
  }]
2556
2567
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
2557
2568
  type: Optional
2558
- }] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2569
+ }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2559
2570
  type: Input
2560
2571
  }], buttonType: [{
2561
2572
  type: HostBinding,
@@ -2596,7 +2607,7 @@ class WindowRestoreActionDirective extends Button {
2596
2607
  get visible() {
2597
2608
  return this.window.options.state === 'default' ? 'none' : 'inline-flex';
2598
2609
  }
2599
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2610
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2600
2611
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowRestoreActionDirective, isStandalone: true, selector: "button[kendoWindowRestoreAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
2601
2612
  LocalizationService,
2602
2613
  {
@@ -2647,7 +2658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2647
2658
  }]
2648
2659
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
2649
2660
  type: Optional
2650
- }] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2661
+ }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2651
2662
  type: Input
2652
2663
  }], buttonType: [{
2653
2664
  type: HostBinding,
@@ -2691,7 +2702,7 @@ class WindowMaximizeActionDirective extends Button {
2691
2702
  get visible() {
2692
2703
  return this.window.options.state === 'default' ? 'inline-flex' : 'none';
2693
2704
  }
2694
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2705
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2695
2706
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowMaximizeActionDirective, isStandalone: true, selector: "button[kendoWindowMaximizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
2696
2707
  LocalizationService,
2697
2708
  {
@@ -2742,7 +2753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2742
2753
  }]
2743
2754
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
2744
2755
  type: Optional
2745
- }] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2756
+ }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2746
2757
  type: Input
2747
2758
  }], buttonType: [{
2748
2759
  type: HostBinding,
@@ -2786,7 +2797,7 @@ class WindowMinimizeActionDirective extends Button {
2786
2797
  get visible() {
2787
2798
  return this.window.options.state === 'default' ? 'inline-flex' : 'none';
2788
2799
  }
2789
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2800
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
2790
2801
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowMinimizeActionDirective, isStandalone: true, selector: "button[kendoWindowMinimizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
2791
2802
  LocalizationService,
2792
2803
  {
@@ -2837,7 +2848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2837
2848
  }]
2838
2849
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
2839
2850
  type: Optional
2840
- }] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2851
+ }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
2841
2852
  type: Input
2842
2853
  }], buttonType: [{
2843
2854
  type: HostBinding,
@@ -3431,7 +3442,7 @@ class WindowComponent {
3431
3442
  this.renderer.addClass(wrapper, classToAdd);
3432
3443
  }
3433
3444
  }
3434
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
3445
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
3435
3446
  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: [
3436
3447
  DragResizeService,
3437
3448
  NavigationService,
@@ -3548,7 +3559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
3548
3559
  standalone: true,
3549
3560
  imports: [LocalizedMessagesDirective, NgIf, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, NgFor, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]
3550
3561
  }]
3551
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{
3562
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1$1.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{
3552
3563
  type: Input
3553
3564
  }], title: [{
3554
3565
  type: Input
@@ -4047,7 +4058,7 @@ class CustomMessagesComponent extends Messages {
4047
4058
  get override() {
4048
4059
  return true;
4049
4060
  }
4050
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
4061
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
4051
4062
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-dialog-messages, kendo-window-messages", providers: [
4052
4063
  {
4053
4064
  provide: Messages,
@@ -4068,7 +4079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
4068
4079
  selector: 'kendo-dialog-messages, kendo-window-messages',
4069
4080
  standalone: true
4070
4081
  }]
4071
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
4082
+ }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
4072
4083
 
4073
4084
  /**
4074
4085
  * Provides an insertion point for the Windows which are created through the
@@ -4153,7 +4164,7 @@ const KENDO_DIALOGS = [
4153
4164
  class DialogModule {
4154
4165
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4155
4166
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
4156
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [DialogComponent, DialogTitleBarComponent] });
4167
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [DialogComponent, DialogTitleBarComponent, DialogActionsComponent] });
4157
4168
  }
4158
4169
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
4159
4170
  type: NgModule,
@@ -4190,7 +4201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
4190
4201
  class WindowModule {
4191
4202
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4192
4203
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
4193
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective] });
4204
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, DialogActionsComponent] });
4194
4205
  }
4195
4206
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, decorators: [{
4196
4207
  type: NgModule,
@@ -4230,7 +4241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
4230
4241
  class DialogsModule {
4231
4242
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4232
4243
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
4233
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [DialogComponent, DialogTitleBarComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective] });
4244
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [DialogComponent, DialogTitleBarComponent, DialogActionsComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, DialogActionsComponent] });
4234
4245
  }
4235
4246
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, decorators: [{
4236
4247
  type: NgModule,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dialog",
3
- "version": "18.5.0-develop.2",
3
+ "version": "18.5.0-develop.3",
4
4
  "description": "Dialog Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,7 +23,7 @@
23
23
  "package": {
24
24
  "productName": "Kendo UI for Angular",
25
25
  "productCode": "KENDOUIANGULAR",
26
- "publishDate": 1743750379,
26
+ "publishDate": 1743751223,
27
27
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
28
28
  }
29
29
  },
@@ -33,15 +33,15 @@
33
33
  "@angular/core": "16 - 19",
34
34
  "@angular/platform-browser": "16 - 19",
35
35
  "@progress/kendo-licensing": "^1.5.0",
36
- "@progress/kendo-angular-buttons": "18.5.0-develop.2",
37
- "@progress/kendo-angular-common": "18.5.0-develop.2",
38
- "@progress/kendo-angular-icons": "18.5.0-develop.2",
39
- "@progress/kendo-angular-l10n": "18.5.0-develop.2",
36
+ "@progress/kendo-angular-buttons": "18.5.0-develop.3",
37
+ "@progress/kendo-angular-common": "18.5.0-develop.3",
38
+ "@progress/kendo-angular-icons": "18.5.0-develop.3",
39
+ "@progress/kendo-angular-l10n": "18.5.0-develop.3",
40
40
  "rxjs": "^6.5.3 || ^7.0.0"
41
41
  },
42
42
  "dependencies": {
43
43
  "tslib": "^2.3.1",
44
- "@progress/kendo-angular-schematics": "18.5.0-develop.2",
44
+ "@progress/kendo-angular-schematics": "18.5.0-develop.3",
45
45
  "@progress/kendo-popup-common": "^1.7.0"
46
46
  },
47
47
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
6
6
  // Peer dependency of buttons
7
- '@progress/kendo-angular-popup': '18.5.0-develop.2',
7
+ '@progress/kendo-angular-popup': '18.5.0-develop.3',
8
8
  // Peer dependency of icons
9
9
  '@progress/kendo-svg-icons': '^4.0.0'
10
10
  } });