@progress/kendo-angular-dialog 18.4.1-develop.2 → 18.5.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dialog/dialog-actions.component.d.ts +0 -4
- package/dialog/models/dialog-action.d.ts +14 -1
- package/dialog/models/dialog-ref.d.ts +17 -4
- package/esm2022/dialog/dialog-actions.component.mjs +18 -19
- package/esm2022/dialog/models/dialog-action.mjs +13 -1
- package/esm2022/dialog/models/dialog-ref.mjs +17 -4
- package/esm2022/dialog.module.mjs +1 -1
- package/esm2022/dialogs.module.mjs +1 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/window.module.mjs +1 -1
- package/fesm2022/progress-kendo-angular-dialog.mjs +258 -234
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +1 -1
|
@@ -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
|
|
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
|
}
|
|
@@ -29,10 +29,23 @@ export declare class DialogRef {
|
|
|
29
29
|
*/
|
|
30
30
|
content: ComponentRef<any>;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
* the
|
|
35
|
-
*
|
|
32
|
+
* Closes the Dialog programmatically.
|
|
33
|
+
*
|
|
34
|
+
* When called without a value, the result Observable emits an empty `DialogCloseResult` object.
|
|
35
|
+
*
|
|
36
|
+
* When called with a value, the result Observable emits the provided value.
|
|
37
|
+
*
|
|
38
|
+
* Usage Examples:
|
|
39
|
+
* ```typescript
|
|
40
|
+
* // Close without arguments: Returns an empty `DialogCloseResult` object.
|
|
41
|
+
* dialogRef.close();
|
|
42
|
+
*
|
|
43
|
+
* // Simulate clicking an action button: Pass a `DialogAction` object.
|
|
44
|
+
* dialogRef.close({ text: 'OK', primary: true });
|
|
45
|
+
*
|
|
46
|
+
* // Return custom data: Pass a custom object.
|
|
47
|
+
* dialogRef.close({ success: true, data: { id: 123 } });
|
|
48
|
+
* ```
|
|
36
49
|
*/
|
|
37
50
|
close: Function;
|
|
38
51
|
}
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
|
@@ -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
|
|
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
|
}
|
|
@@ -25,10 +25,23 @@ export class DialogRef {
|
|
|
25
25
|
*/
|
|
26
26
|
content;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* the
|
|
31
|
-
*
|
|
28
|
+
* Closes the Dialog programmatically.
|
|
29
|
+
*
|
|
30
|
+
* When called without a value, the result Observable emits an empty `DialogCloseResult` object.
|
|
31
|
+
*
|
|
32
|
+
* When called with a value, the result Observable emits the provided value.
|
|
33
|
+
*
|
|
34
|
+
* Usage Examples:
|
|
35
|
+
* ```typescript
|
|
36
|
+
* // Close without arguments: Returns an empty `DialogCloseResult` object.
|
|
37
|
+
* dialogRef.close();
|
|
38
|
+
*
|
|
39
|
+
* // Simulate clicking an action button: Pass a `DialogAction` object.
|
|
40
|
+
* dialogRef.close({ text: 'OK', primary: true });
|
|
41
|
+
*
|
|
42
|
+
* // Return custom data: Pass a custom object.
|
|
43
|
+
* dialogRef.close({ success: true, data: { id: 123 } });
|
|
44
|
+
* ```
|
|
32
45
|
*/
|
|
33
46
|
close;
|
|
34
47
|
}
|
|
@@ -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,
|
|
@@ -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,
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '18.
|
|
13
|
+
publishDate: 1744092243,
|
|
14
|
+
version: '18.5.0-develop.10',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -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,
|
|
@@ -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
|
|
11
|
-
import {
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
658
|
-
version: '18.
|
|
478
|
+
publishDate: 1744092243,
|
|
479
|
+
version: '18.5.0-develop.10',
|
|
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
|
|
@@ -1355,10 +1354,23 @@ class DialogRef {
|
|
|
1355
1354
|
*/
|
|
1356
1355
|
content;
|
|
1357
1356
|
/**
|
|
1358
|
-
*
|
|
1359
|
-
*
|
|
1360
|
-
* the
|
|
1361
|
-
*
|
|
1357
|
+
* Closes the Dialog programmatically.
|
|
1358
|
+
*
|
|
1359
|
+
* When called without a value, the result Observable emits an empty `DialogCloseResult` object.
|
|
1360
|
+
*
|
|
1361
|
+
* When called with a value, the result Observable emits the provided value.
|
|
1362
|
+
*
|
|
1363
|
+
* Usage Examples:
|
|
1364
|
+
* ```typescript
|
|
1365
|
+
* // Close without arguments: Returns an empty `DialogCloseResult` object.
|
|
1366
|
+
* dialogRef.close();
|
|
1367
|
+
*
|
|
1368
|
+
* // Simulate clicking an action button: Pass a `DialogAction` object.
|
|
1369
|
+
* dialogRef.close({ text: 'OK', primary: true });
|
|
1370
|
+
*
|
|
1371
|
+
* // Return custom data: Pass a custom object.
|
|
1372
|
+
* dialogRef.close({ success: true, data: { id: 123 } });
|
|
1373
|
+
* ```
|
|
1362
1374
|
*/
|
|
1363
1375
|
close;
|
|
1364
1376
|
}
|
|
@@ -1449,9 +1461,21 @@ class DialogAction {
|
|
|
1449
1461
|
fillMode;
|
|
1450
1462
|
/**
|
|
1451
1463
|
* Sets the CSS classes that will be rendered on the action button.
|
|
1452
|
-
* Supports the union type of values that
|
|
1464
|
+
* Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
|
|
1453
1465
|
*/
|
|
1454
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;
|
|
1455
1479
|
}
|
|
1456
1480
|
|
|
1457
1481
|
/**
|
|
@@ -2147,7 +2171,7 @@ class ResizeHandleDirective {
|
|
|
2147
2171
|
setDisplay(value = 'block') {
|
|
2148
2172
|
this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
|
|
2149
2173
|
}
|
|
2150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$
|
|
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 });
|
|
2151
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 });
|
|
2152
2176
|
}
|
|
2153
2177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, decorators: [{
|
|
@@ -2156,7 +2180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2156
2180
|
selector: '[kendoWindowResizeHandle]',
|
|
2157
2181
|
standalone: true
|
|
2158
2182
|
}]
|
|
2159
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
2183
|
+
}], ctorParameters: function () { return [{ type: i1$2.DraggableDirective, decorators: [{
|
|
2160
2184
|
type: Host
|
|
2161
2185
|
}] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }]; }, propDecorators: { direction: [{
|
|
2162
2186
|
type: Input
|
|
@@ -2491,7 +2515,7 @@ class WindowCloseActionDirective extends Button {
|
|
|
2491
2515
|
this.window.closeAction();
|
|
2492
2516
|
}
|
|
2493
2517
|
}
|
|
2494
|
-
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 });
|
|
2495
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: [
|
|
2496
2520
|
LocalizationService,
|
|
2497
2521
|
{
|
|
@@ -2542,7 +2566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2542
2566
|
}]
|
|
2543
2567
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2544
2568
|
type: Optional
|
|
2545
|
-
}] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2569
|
+
}] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2546
2570
|
type: Input
|
|
2547
2571
|
}], buttonType: [{
|
|
2548
2572
|
type: HostBinding,
|
|
@@ -2583,7 +2607,7 @@ class WindowRestoreActionDirective extends Button {
|
|
|
2583
2607
|
get visible() {
|
|
2584
2608
|
return this.window.options.state === 'default' ? 'none' : 'inline-flex';
|
|
2585
2609
|
}
|
|
2586
|
-
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 });
|
|
2587
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: [
|
|
2588
2612
|
LocalizationService,
|
|
2589
2613
|
{
|
|
@@ -2634,7 +2658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2634
2658
|
}]
|
|
2635
2659
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2636
2660
|
type: Optional
|
|
2637
|
-
}] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2661
|
+
}] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2638
2662
|
type: Input
|
|
2639
2663
|
}], buttonType: [{
|
|
2640
2664
|
type: HostBinding,
|
|
@@ -2678,7 +2702,7 @@ class WindowMaximizeActionDirective extends Button {
|
|
|
2678
2702
|
get visible() {
|
|
2679
2703
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
2680
2704
|
}
|
|
2681
|
-
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 });
|
|
2682
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: [
|
|
2683
2707
|
LocalizationService,
|
|
2684
2708
|
{
|
|
@@ -2729,7 +2753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2729
2753
|
}]
|
|
2730
2754
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2731
2755
|
type: Optional
|
|
2732
|
-
}] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2756
|
+
}] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2733
2757
|
type: Input
|
|
2734
2758
|
}], buttonType: [{
|
|
2735
2759
|
type: HostBinding,
|
|
@@ -2773,7 +2797,7 @@ class WindowMinimizeActionDirective extends Button {
|
|
|
2773
2797
|
get visible() {
|
|
2774
2798
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
2775
2799
|
}
|
|
2776
|
-
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 });
|
|
2777
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: [
|
|
2778
2802
|
LocalizationService,
|
|
2779
2803
|
{
|
|
@@ -2824,7 +2848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2824
2848
|
}]
|
|
2825
2849
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2826
2850
|
type: Optional
|
|
2827
|
-
}] }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2851
|
+
}] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
|
|
2828
2852
|
type: Input
|
|
2829
2853
|
}], buttonType: [{
|
|
2830
2854
|
type: HostBinding,
|
|
@@ -3418,7 +3442,7 @@ class WindowComponent {
|
|
|
3418
3442
|
this.renderer.addClass(wrapper, classToAdd);
|
|
3419
3443
|
}
|
|
3420
3444
|
}
|
|
3421
|
-
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 });
|
|
3422
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: [
|
|
3423
3447
|
DragResizeService,
|
|
3424
3448
|
NavigationService,
|
|
@@ -3535,7 +3559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3535
3559
|
standalone: true,
|
|
3536
3560
|
imports: [LocalizedMessagesDirective, NgIf, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, NgFor, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]
|
|
3537
3561
|
}]
|
|
3538
|
-
}], 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: [{
|
|
3539
3563
|
type: Input
|
|
3540
3564
|
}], title: [{
|
|
3541
3565
|
type: Input
|
|
@@ -4034,7 +4058,7 @@ class CustomMessagesComponent extends Messages {
|
|
|
4034
4058
|
get override() {
|
|
4035
4059
|
return true;
|
|
4036
4060
|
}
|
|
4037
|
-
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 });
|
|
4038
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: [
|
|
4039
4063
|
{
|
|
4040
4064
|
provide: Messages,
|
|
@@ -4055,7 +4079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4055
4079
|
selector: 'kendo-dialog-messages, kendo-window-messages',
|
|
4056
4080
|
standalone: true
|
|
4057
4081
|
}]
|
|
4058
|
-
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
4082
|
+
}], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
|
|
4059
4083
|
|
|
4060
4084
|
/**
|
|
4061
4085
|
* Provides an insertion point for the Windows which are created through the
|
|
@@ -4140,7 +4164,7 @@ const KENDO_DIALOGS = [
|
|
|
4140
4164
|
class DialogModule {
|
|
4141
4165
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4142
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] });
|
|
4143
|
-
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] });
|
|
4144
4168
|
}
|
|
4145
4169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
|
|
4146
4170
|
type: NgModule,
|
|
@@ -4177,7 +4201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4177
4201
|
class WindowModule {
|
|
4178
4202
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4179
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] });
|
|
4180
|
-
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] });
|
|
4181
4205
|
}
|
|
4182
4206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, decorators: [{
|
|
4183
4207
|
type: NgModule,
|
|
@@ -4217,7 +4241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4217
4241
|
class DialogsModule {
|
|
4218
4242
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4219
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] });
|
|
4220
|
-
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] });
|
|
4221
4245
|
}
|
|
4222
4246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, decorators: [{
|
|
4223
4247
|
type: NgModule,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dialog",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.5.0-develop.10",
|
|
4
4
|
"description": "Dialog Package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"package": {
|
|
24
24
|
"productName": "Kendo UI for Angular",
|
|
25
25
|
"productCode": "KENDOUIANGULAR",
|
|
26
|
-
"publishDate":
|
|
26
|
+
"publishDate": 1744092243,
|
|
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.
|
|
37
|
-
"@progress/kendo-angular-common": "18.
|
|
38
|
-
"@progress/kendo-angular-icons": "18.
|
|
39
|
-
"@progress/kendo-angular-l10n": "18.
|
|
36
|
+
"@progress/kendo-angular-buttons": "18.5.0-develop.10",
|
|
37
|
+
"@progress/kendo-angular-common": "18.5.0-develop.10",
|
|
38
|
+
"@progress/kendo-angular-icons": "18.5.0-develop.10",
|
|
39
|
+
"@progress/kendo-angular-l10n": "18.5.0-develop.10",
|
|
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.
|
|
44
|
+
"@progress/kendo-angular-schematics": "18.5.0-develop.10",
|
|
45
45
|
"@progress/kendo-popup-common": "^1.7.0"
|
|
46
46
|
},
|
|
47
47
|
"schematics": "./schematics/collection.json",
|
|
@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
|
|
6
6
|
// Peer dependency of buttons
|
|
7
|
-
'@progress/kendo-angular-popup': '18.
|
|
7
|
+
'@progress/kendo-angular-popup': '18.5.0-develop.10',
|
|
8
8
|
// Peer dependency of icons
|
|
9
9
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
10
10
|
} });
|