@progress/kendo-angular-dialog 21.1.1-develop.1 → 21.2.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/dialog/dialog-actions.component.mjs +57 -55
- package/esm2022/dialog/dialog.component.mjs +71 -43
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/window/actions/window-close-action.directive.mjs +27 -17
- package/esm2022/window/actions/window-maximize-action.directive.mjs +27 -17
- package/esm2022/window/actions/window-minimize-action.directive.mjs +27 -17
- package/esm2022/window/actions/window-restore-action.directive.mjs +27 -17
- package/esm2022/window/window-titlebar.component.mjs +22 -14
- package/esm2022/window/window.component.mjs +117 -89
- package/fesm2022/progress-kendo-angular-dialog.mjs +370 -264
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +5 -1
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { TemplateRef, EventEmitter, Component, Input, Output, HostBinding, InjectionToken, Injectable, Inject, Optional, Directive, forwardRef, ContentChildren, ViewChildren, ViewChild, isDevMode, Renderer2, Host, HostListener, ContentChild, NgModule } from '@angular/core';
|
|
7
|
-
import {
|
|
7
|
+
import { 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
10
|
import * as i1 from '@progress/kendo-angular-buttons';
|
|
@@ -96,67 +96,69 @@ class DialogActionsComponent {
|
|
|
96
96
|
return action === 'spacer';
|
|
97
97
|
}
|
|
98
98
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
99
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogActionsComponent, isStandalone: true, selector: "kendo-dialog-actions", inputs: { actions: "actions", layout: "layout" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses", "class.k-window-actions": "this.hostClasses", "class.k-dialog-actions": "this.hostClasses", "class.k-actions-start": "this.startClassName", "class.k-actions-center": "this.centerClassName", "class.k-actions-end": "this.endClassName", "class.k-actions-stretched": "this.stretchedClassName" } }, ngImport: i0, template: `
|
|
100
|
+
@if (!actions) {
|
|
101
|
+
<ng-content></ng-content>
|
|
102
|
+
}
|
|
103
|
+
@if (actionsArray) {
|
|
104
|
+
@for (action of actionsArray; track action) {
|
|
105
|
+
@if (isDivider(action)) {
|
|
106
|
+
<span class="k-spacer"></span>
|
|
107
|
+
} @else {
|
|
108
|
+
<button
|
|
109
|
+
type="button"
|
|
110
|
+
kendoButton
|
|
111
|
+
[disabled]="action.disabled"
|
|
112
|
+
[fillMode]="action.fillMode"
|
|
113
|
+
[themeColor]="action.themeColor"
|
|
114
|
+
[ngClass]="action.cssClass"
|
|
115
|
+
(click)="onButtonClick(action, $event)"
|
|
116
|
+
[attr.aria-label]="action.text"
|
|
117
|
+
[svgIcon]="action.svgIcon"
|
|
118
|
+
[icon]="action.icon"
|
|
119
|
+
>
|
|
120
|
+
{{ action.text }}
|
|
121
|
+
</button>
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
} @else {
|
|
125
|
+
}
|
|
126
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
|
|
126
127
|
}
|
|
127
128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogActionsComponent, decorators: [{
|
|
128
129
|
type: Component,
|
|
129
130
|
args: [{
|
|
130
131
|
selector: 'kendo-dialog-actions',
|
|
131
132
|
template: `
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
133
|
+
@if (!actions) {
|
|
134
|
+
<ng-content></ng-content>
|
|
135
|
+
}
|
|
136
|
+
@if (actionsArray) {
|
|
137
|
+
@for (action of actionsArray; track action) {
|
|
138
|
+
@if (isDivider(action)) {
|
|
139
|
+
<span class="k-spacer"></span>
|
|
140
|
+
} @else {
|
|
141
|
+
<button
|
|
142
|
+
type="button"
|
|
143
|
+
kendoButton
|
|
144
|
+
[disabled]="action.disabled"
|
|
145
|
+
[fillMode]="action.fillMode"
|
|
146
|
+
[themeColor]="action.themeColor"
|
|
147
|
+
[ngClass]="action.cssClass"
|
|
148
|
+
(click)="onButtonClick(action, $event)"
|
|
149
|
+
[attr.aria-label]="action.text"
|
|
150
|
+
[svgIcon]="action.svgIcon"
|
|
151
|
+
[icon]="action.icon"
|
|
152
|
+
>
|
|
153
|
+
{{ action.text }}
|
|
154
|
+
</button>
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
} @else {
|
|
158
|
+
}
|
|
159
|
+
`,
|
|
158
160
|
standalone: true,
|
|
159
|
-
imports: [
|
|
161
|
+
imports: [NgClass, NgTemplateOutlet, KENDO_BUTTON]
|
|
160
162
|
}]
|
|
161
163
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { actions: [{
|
|
162
164
|
type: Input
|
|
@@ -498,8 +500,8 @@ const packageMetadata = {
|
|
|
498
500
|
productName: 'Kendo UI for Angular',
|
|
499
501
|
productCode: 'KENDOUIANGULAR',
|
|
500
502
|
productCodes: ['KENDOUIANGULAR'],
|
|
501
|
-
publishDate:
|
|
502
|
-
version: '21.
|
|
503
|
+
publishDate: 1763998126,
|
|
504
|
+
version: '21.2.0-develop.1',
|
|
503
505
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
504
506
|
};
|
|
505
507
|
|
|
@@ -1227,7 +1229,7 @@ class DialogComponent {
|
|
|
1227
1229
|
});
|
|
1228
1230
|
}
|
|
1229
1231
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
1230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
1231
1233
|
LocalizationService,
|
|
1232
1234
|
{
|
|
1233
1235
|
provide: DIALOG_LOCALIZATION_SERVICE,
|
|
@@ -1239,28 +1241,42 @@ class DialogComponent {
|
|
|
1239
1241
|
}
|
|
1240
1242
|
], queries: [{ propertyName: "titlebarContent", predicate: DialogTitleBarComponent }], viewQueries: [{ propertyName: "actionsView", first: true, predicate: DialogActionsComponent, descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, static: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
|
|
1241
1243
|
<ng-container
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
<
|
|
1259
|
-
|
|
1260
|
-
|
|
1244
|
+
kendoDialogLocalizedMessages
|
|
1245
|
+
i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
|
|
1246
|
+
closeTitle="Close"
|
|
1247
|
+
>
|
|
1248
|
+
<div class="k-overlay" @overlayAppear></div>
|
|
1249
|
+
|
|
1250
|
+
<div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
|
|
1251
|
+
@if (title) {
|
|
1252
|
+
<kendo-dialog-titlebar [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
|
|
1253
|
+
}
|
|
1254
|
+
@if (!title) {
|
|
1255
|
+
<ng-content select="kendo-dialog-titlebar"></ng-content>
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
<div [id]="contentId" class="k-window-content k-dialog-content">
|
|
1259
|
+
@if (!contentTemplate) {
|
|
1260
|
+
<ng-content></ng-content>
|
|
1261
|
+
}
|
|
1262
|
+
@if (contentTemplate) {
|
|
1263
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
1264
|
+
}
|
|
1261
1265
|
</div>
|
|
1266
|
+
|
|
1267
|
+
@if (!actions) {
|
|
1268
|
+
<ng-content select="kendo-dialog-actions"></ng-content>
|
|
1269
|
+
}
|
|
1270
|
+
@if (actions) {
|
|
1271
|
+
<kendo-dialog-actions [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1274
|
+
@if (showLicenseWatermark) {
|
|
1275
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
1276
|
+
}
|
|
1277
|
+
</div>
|
|
1262
1278
|
</ng-container>
|
|
1263
|
-
|
|
1279
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], animations: [
|
|
1264
1280
|
trigger('overlayAppear', [
|
|
1265
1281
|
state('in', style({ opacity: 1 })),
|
|
1266
1282
|
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
@@ -1291,30 +1307,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1291
1307
|
selector: 'kendo-dialog',
|
|
1292
1308
|
template: `
|
|
1293
1309
|
<ng-container
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
<
|
|
1311
|
-
|
|
1312
|
-
|
|
1310
|
+
kendoDialogLocalizedMessages
|
|
1311
|
+
i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
|
|
1312
|
+
closeTitle="Close"
|
|
1313
|
+
>
|
|
1314
|
+
<div class="k-overlay" @overlayAppear></div>
|
|
1315
|
+
|
|
1316
|
+
<div #dialog class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles">
|
|
1317
|
+
@if (title) {
|
|
1318
|
+
<kendo-dialog-titlebar [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
|
|
1319
|
+
}
|
|
1320
|
+
@if (!title) {
|
|
1321
|
+
<ng-content select="kendo-dialog-titlebar"></ng-content>
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
<div [id]="contentId" class="k-window-content k-dialog-content">
|
|
1325
|
+
@if (!contentTemplate) {
|
|
1326
|
+
<ng-content></ng-content>
|
|
1327
|
+
}
|
|
1328
|
+
@if (contentTemplate) {
|
|
1329
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
1330
|
+
}
|
|
1313
1331
|
</div>
|
|
1332
|
+
|
|
1333
|
+
@if (!actions) {
|
|
1334
|
+
<ng-content select="kendo-dialog-actions"></ng-content>
|
|
1335
|
+
}
|
|
1336
|
+
@if (actions) {
|
|
1337
|
+
<kendo-dialog-actions [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1340
|
+
@if (showLicenseWatermark) {
|
|
1341
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
1342
|
+
}
|
|
1343
|
+
</div>
|
|
1314
1344
|
</ng-container>
|
|
1315
|
-
|
|
1345
|
+
`,
|
|
1316
1346
|
standalone: true,
|
|
1317
|
-
imports: [LocalizedMessagesDirective, NgStyle,
|
|
1347
|
+
imports: [LocalizedMessagesDirective, NgStyle, DialogTitleBarComponent, NgTemplateOutlet, DialogActionsComponent, WatermarkOverlayComponent]
|
|
1318
1348
|
}]
|
|
1319
1349
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2.AnimationBuilder }], propDecorators: { actions: [{
|
|
1320
1350
|
type: Input
|
|
@@ -2302,27 +2332,35 @@ class WindowTitleBarComponent {
|
|
|
2302
2332
|
return options.draggable && options.state !== 'maximized';
|
|
2303
2333
|
}
|
|
2304
2334
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2305
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2335
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
|
|
2336
|
+
@if (!template) {
|
|
2337
|
+
<ng-content></ng-content>
|
|
2338
|
+
}
|
|
2339
|
+
@if (template) {
|
|
2340
|
+
<ng-template
|
|
2341
|
+
[ngTemplateOutlet]="template"
|
|
2342
|
+
[ngTemplateOutletContext]="{'$implicit': service}">
|
|
2343
|
+
</ng-template>
|
|
2344
|
+
}
|
|
2345
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
2312
2346
|
}
|
|
2313
2347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
|
|
2314
2348
|
type: Component,
|
|
2315
2349
|
args: [{
|
|
2316
2350
|
selector: 'kendo-window-titlebar',
|
|
2317
2351
|
template: `
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2352
|
+
@if (!template) {
|
|
2353
|
+
<ng-content></ng-content>
|
|
2354
|
+
}
|
|
2355
|
+
@if (template) {
|
|
2356
|
+
<ng-template
|
|
2357
|
+
[ngTemplateOutlet]="template"
|
|
2358
|
+
[ngTemplateOutletContext]="{'$implicit': service}">
|
|
2359
|
+
</ng-template>
|
|
2360
|
+
}
|
|
2323
2361
|
`,
|
|
2324
2362
|
standalone: true,
|
|
2325
|
-
imports: [
|
|
2363
|
+
imports: [NgTemplateOutlet]
|
|
2326
2364
|
}]
|
|
2327
2365
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: DragResizeService }, { type: i0.NgZone }], propDecorators: { template: [{
|
|
2328
2366
|
type: Input
|
|
@@ -2523,25 +2561,30 @@ class WindowCloseActionDirective extends Button {
|
|
|
2523
2561
|
}
|
|
2524
2562
|
}
|
|
2525
2563
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
2526
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2564
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
2527
2565
|
LocalizationService,
|
|
2528
2566
|
{
|
|
2529
2567
|
provide: L10N_PREFIX,
|
|
2530
2568
|
useValue: 'kendo.button'
|
|
2531
2569
|
}
|
|
2532
2570
|
], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0, template: `
|
|
2533
|
-
|
|
2534
|
-
|
|
2571
|
+
@if (!imageUrl && !iconClass) {
|
|
2572
|
+
<kendo-icon-wrapper
|
|
2535
2573
|
innerCssClass="k-button-icon"
|
|
2536
2574
|
name="close"
|
|
2537
2575
|
[svgIcon]="xIcon">
|
|
2538
|
-
|
|
2539
|
-
|
|
2576
|
+
</kendo-icon-wrapper>
|
|
2577
|
+
}
|
|
2578
|
+
@if (imageUrl) {
|
|
2579
|
+
<span class="k-button-icon k-icon">
|
|
2540
2580
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2541
|
-
|
|
2542
|
-
|
|
2581
|
+
</span>
|
|
2582
|
+
}
|
|
2583
|
+
@if (iconClass) {
|
|
2584
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2585
|
+
}
|
|
2543
2586
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2544
|
-
|
|
2587
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2545
2588
|
}
|
|
2546
2589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowCloseActionDirective, decorators: [{
|
|
2547
2590
|
type: Component,
|
|
@@ -2556,20 +2599,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2556
2599
|
],
|
|
2557
2600
|
selector: 'button[kendoWindowCloseAction]',
|
|
2558
2601
|
template: `
|
|
2559
|
-
|
|
2560
|
-
|
|
2602
|
+
@if (!imageUrl && !iconClass) {
|
|
2603
|
+
<kendo-icon-wrapper
|
|
2561
2604
|
innerCssClass="k-button-icon"
|
|
2562
2605
|
name="close"
|
|
2563
2606
|
[svgIcon]="xIcon">
|
|
2564
|
-
|
|
2565
|
-
|
|
2607
|
+
</kendo-icon-wrapper>
|
|
2608
|
+
}
|
|
2609
|
+
@if (imageUrl) {
|
|
2610
|
+
<span class="k-button-icon k-icon">
|
|
2566
2611
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2567
|
-
|
|
2568
|
-
|
|
2612
|
+
</span>
|
|
2613
|
+
}
|
|
2614
|
+
@if (iconClass) {
|
|
2615
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2616
|
+
}
|
|
2569
2617
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2570
|
-
|
|
2618
|
+
`,
|
|
2571
2619
|
standalone: true,
|
|
2572
|
-
imports: [
|
|
2620
|
+
imports: [IconWrapperComponent, NgClass]
|
|
2573
2621
|
}]
|
|
2574
2622
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2575
2623
|
type: Optional
|
|
@@ -2622,25 +2670,30 @@ class WindowRestoreActionDirective extends Button {
|
|
|
2622
2670
|
return this.window.options.state === 'default' ? 'none' : 'inline-flex';
|
|
2623
2671
|
}
|
|
2624
2672
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
2625
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2673
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
2626
2674
|
LocalizationService,
|
|
2627
2675
|
{
|
|
2628
2676
|
provide: L10N_PREFIX,
|
|
2629
2677
|
useValue: 'kendo.button'
|
|
2630
2678
|
}
|
|
2631
2679
|
], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
|
|
2632
|
-
|
|
2633
|
-
|
|
2680
|
+
@if (!imageUrl && !iconClass) {
|
|
2681
|
+
<kendo-icon-wrapper
|
|
2634
2682
|
innerCssClass="k-button-icon"
|
|
2635
2683
|
name="window-restore"
|
|
2636
2684
|
[svgIcon]="windowRestoreIcon">
|
|
2637
|
-
|
|
2638
|
-
|
|
2685
|
+
</kendo-icon-wrapper>
|
|
2686
|
+
}
|
|
2687
|
+
@if (imageUrl) {
|
|
2688
|
+
<span class="k-button-icon k-icon">
|
|
2639
2689
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2640
|
-
|
|
2641
|
-
|
|
2690
|
+
</span>
|
|
2691
|
+
}
|
|
2692
|
+
@if (iconClass) {
|
|
2693
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2694
|
+
}
|
|
2642
2695
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2643
|
-
|
|
2696
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2644
2697
|
}
|
|
2645
2698
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
|
|
2646
2699
|
type: Component,
|
|
@@ -2655,20 +2708,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2655
2708
|
],
|
|
2656
2709
|
selector: 'button[kendoWindowRestoreAction]',
|
|
2657
2710
|
template: `
|
|
2658
|
-
|
|
2659
|
-
|
|
2711
|
+
@if (!imageUrl && !iconClass) {
|
|
2712
|
+
<kendo-icon-wrapper
|
|
2660
2713
|
innerCssClass="k-button-icon"
|
|
2661
2714
|
name="window-restore"
|
|
2662
2715
|
[svgIcon]="windowRestoreIcon">
|
|
2663
|
-
|
|
2664
|
-
|
|
2716
|
+
</kendo-icon-wrapper>
|
|
2717
|
+
}
|
|
2718
|
+
@if (imageUrl) {
|
|
2719
|
+
<span class="k-button-icon k-icon">
|
|
2665
2720
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2666
|
-
|
|
2667
|
-
|
|
2721
|
+
</span>
|
|
2722
|
+
}
|
|
2723
|
+
@if (iconClass) {
|
|
2724
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2725
|
+
}
|
|
2668
2726
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2669
|
-
|
|
2727
|
+
`,
|
|
2670
2728
|
standalone: true,
|
|
2671
|
-
imports: [
|
|
2729
|
+
imports: [IconWrapperComponent, NgClass]
|
|
2672
2730
|
}]
|
|
2673
2731
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2674
2732
|
type: Optional
|
|
@@ -2724,25 +2782,30 @@ class WindowMaximizeActionDirective extends Button {
|
|
|
2724
2782
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
2725
2783
|
}
|
|
2726
2784
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
2727
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2785
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
2728
2786
|
LocalizationService,
|
|
2729
2787
|
{
|
|
2730
2788
|
provide: L10N_PREFIX,
|
|
2731
2789
|
useValue: 'kendo.button'
|
|
2732
2790
|
}
|
|
2733
2791
|
], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
2734
|
-
|
|
2735
|
-
|
|
2792
|
+
@if (!imageUrl && !iconClass) {
|
|
2793
|
+
<kendo-icon-wrapper
|
|
2736
2794
|
innerCssClass="k-button-icon"
|
|
2737
2795
|
name="window"
|
|
2738
2796
|
[svgIcon]="windowIcon">
|
|
2739
|
-
|
|
2740
|
-
|
|
2797
|
+
</kendo-icon-wrapper>
|
|
2798
|
+
}
|
|
2799
|
+
@if (imageUrl) {
|
|
2800
|
+
<span class="k-button-icon k-icon">
|
|
2741
2801
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2742
|
-
|
|
2743
|
-
|
|
2802
|
+
</span>
|
|
2803
|
+
}
|
|
2804
|
+
@if (iconClass) {
|
|
2805
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2806
|
+
}
|
|
2744
2807
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2745
|
-
|
|
2808
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2746
2809
|
}
|
|
2747
2810
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowMaximizeActionDirective, decorators: [{
|
|
2748
2811
|
type: Component,
|
|
@@ -2757,20 +2820,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2757
2820
|
],
|
|
2758
2821
|
selector: 'button[kendoWindowMaximizeAction]',
|
|
2759
2822
|
template: `
|
|
2760
|
-
|
|
2761
|
-
|
|
2823
|
+
@if (!imageUrl && !iconClass) {
|
|
2824
|
+
<kendo-icon-wrapper
|
|
2762
2825
|
innerCssClass="k-button-icon"
|
|
2763
2826
|
name="window"
|
|
2764
2827
|
[svgIcon]="windowIcon">
|
|
2765
|
-
|
|
2766
|
-
|
|
2828
|
+
</kendo-icon-wrapper>
|
|
2829
|
+
}
|
|
2830
|
+
@if (imageUrl) {
|
|
2831
|
+
<span class="k-button-icon k-icon">
|
|
2767
2832
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2768
|
-
|
|
2769
|
-
|
|
2833
|
+
</span>
|
|
2834
|
+
}
|
|
2835
|
+
@if (iconClass) {
|
|
2836
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2837
|
+
}
|
|
2770
2838
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2771
|
-
|
|
2839
|
+
`,
|
|
2772
2840
|
standalone: true,
|
|
2773
|
-
imports: [
|
|
2841
|
+
imports: [IconWrapperComponent, NgClass]
|
|
2774
2842
|
}]
|
|
2775
2843
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2776
2844
|
type: Optional
|
|
@@ -2826,25 +2894,30 @@ class WindowMinimizeActionDirective extends Button {
|
|
|
2826
2894
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
2827
2895
|
}
|
|
2828
2896
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
2829
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2897
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
2830
2898
|
LocalizationService,
|
|
2831
2899
|
{
|
|
2832
2900
|
provide: L10N_PREFIX,
|
|
2833
2901
|
useValue: 'kendo.button'
|
|
2834
2902
|
}
|
|
2835
2903
|
], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
2836
|
-
|
|
2837
|
-
|
|
2904
|
+
@if (!imageUrl && !iconClass) {
|
|
2905
|
+
<kendo-icon-wrapper
|
|
2838
2906
|
innerCssClass="k-button-icon"
|
|
2839
2907
|
name="window-minimize"
|
|
2840
2908
|
[svgIcon]="windowMinimizeIcon">
|
|
2841
|
-
|
|
2842
|
-
|
|
2909
|
+
</kendo-icon-wrapper>
|
|
2910
|
+
}
|
|
2911
|
+
@if (imageUrl) {
|
|
2912
|
+
<span class="k-button-icon k-icon">
|
|
2843
2913
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2844
|
-
|
|
2845
|
-
|
|
2914
|
+
</span>
|
|
2915
|
+
}
|
|
2916
|
+
@if (iconClass) {
|
|
2917
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2918
|
+
}
|
|
2846
2919
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2847
|
-
|
|
2920
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2848
2921
|
}
|
|
2849
2922
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowMinimizeActionDirective, decorators: [{
|
|
2850
2923
|
type: Component,
|
|
@@ -2859,20 +2932,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2859
2932
|
],
|
|
2860
2933
|
selector: 'button[kendoWindowMinimizeAction]',
|
|
2861
2934
|
template: `
|
|
2862
|
-
|
|
2863
|
-
|
|
2935
|
+
@if (!imageUrl && !iconClass) {
|
|
2936
|
+
<kendo-icon-wrapper
|
|
2864
2937
|
innerCssClass="k-button-icon"
|
|
2865
2938
|
name="window-minimize"
|
|
2866
2939
|
[svgIcon]="windowMinimizeIcon">
|
|
2867
|
-
|
|
2868
|
-
|
|
2940
|
+
</kendo-icon-wrapper>
|
|
2941
|
+
}
|
|
2942
|
+
@if (imageUrl) {
|
|
2943
|
+
<span class="k-button-icon k-icon">
|
|
2869
2944
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
2870
|
-
|
|
2871
|
-
|
|
2945
|
+
</span>
|
|
2946
|
+
}
|
|
2947
|
+
@if (iconClass) {
|
|
2948
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
2949
|
+
}
|
|
2872
2950
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
2873
|
-
|
|
2951
|
+
`,
|
|
2874
2952
|
standalone: true,
|
|
2875
|
-
imports: [
|
|
2953
|
+
imports: [IconWrapperComponent, NgClass]
|
|
2876
2954
|
}]
|
|
2877
2955
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
|
|
2878
2956
|
type: Optional
|
|
@@ -3462,7 +3540,7 @@ class WindowComponent {
|
|
|
3462
3540
|
}
|
|
3463
3541
|
}
|
|
3464
3542
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 });
|
|
3465
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3543
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
3466
3544
|
DragResizeService,
|
|
3467
3545
|
NavigationService,
|
|
3468
3546
|
LocalizationService,
|
|
@@ -3472,49 +3550,63 @@ class WindowComponent {
|
|
|
3472
3550
|
}
|
|
3473
3551
|
], queries: [{ propertyName: "titleBarContent", first: true, predicate: WindowTitleBarComponent, descendants: true }], viewQueries: [{ propertyName: "titleBarView", first: true, predicate: WindowTitleBarComponent, descendants: true }, { propertyName: "resizeHandles", predicate: ResizeHandleDirective, descendants: true }], exportAs: ["kendoWindow"], usesOnChanges: true, ngImport: i0, template: `
|
|
3474
3552
|
<ng-container kendoWindowLocalizedMessages
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
<
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3553
|
+
i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
|
|
3554
|
+
closeTitle="Close"
|
|
3555
|
+
|
|
3556
|
+
i18n-restoreTitle="kendo.window.restoreTitle|The title of the restore button"
|
|
3557
|
+
restoreTitle="Restore"
|
|
3558
|
+
|
|
3559
|
+
i18n-maximizeTitle="kendo.window.maximizeTitle|The title of the maximize button"
|
|
3560
|
+
maximizeTitle="Maximize"
|
|
3561
|
+
|
|
3562
|
+
i18n-minimizeTitle="kendo.window.minimizeTitle|The title of the minimize button"
|
|
3563
|
+
minimizeTitle="Minimize"
|
|
3564
|
+
>
|
|
3565
|
+
<ng-container>
|
|
3566
|
+
|
|
3567
|
+
@if (showDefaultTitleBar) {
|
|
3568
|
+
<kendo-window-titlebar [template]="titleBarTemplate" [id]="titleId">
|
|
3569
|
+
<span class="k-window-title">{{ title }}</span>
|
|
3570
|
+
<div class="k-window-titlebar-actions">
|
|
3571
|
+
<button kendoWindowMinimizeAction [attr.title]="minimizeButtonTitle" [attr.aria-label]="minimizeButtonTitle"></button>
|
|
3572
|
+
<button kendoWindowMaximizeAction [attr.title]="maximizeButtonTitle" [attr.aria-label]="maximizeButtonTitle"></button>
|
|
3573
|
+
<button kendoWindowRestoreAction [attr.title]="restoreButtonTitle" [attr.aria-label]="restoreButtonTitle"></button>
|
|
3574
|
+
<button kendoWindowCloseAction [attr.title]="closeButtonTitle" [attr.aria-label]="closeButtonTitle"></button>
|
|
3575
|
+
</div>
|
|
3576
|
+
</kendo-window-titlebar>
|
|
3577
|
+
}
|
|
3578
|
+
@if (!showDefaultTitleBar) {
|
|
3579
|
+
<ng-content select="kendo-window-titlebar"></ng-content>
|
|
3580
|
+
}
|
|
3581
|
+
|
|
3582
|
+
@if (state !== 'minimized' || keepContent) {
|
|
3583
|
+
<div
|
|
3584
|
+
[hidden]="state === 'minimized' && keepContent"
|
|
3585
|
+
class="k-window-content"
|
|
3586
|
+
>
|
|
3587
|
+
@if (!contentTemplate) {
|
|
3588
|
+
<ng-content></ng-content>
|
|
3589
|
+
}
|
|
3590
|
+
@if (contentTemplate) {
|
|
3591
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
3592
|
+
}
|
|
3593
|
+
</div>
|
|
3594
|
+
}
|
|
3595
|
+
|
|
3596
|
+
@if (resizable) {
|
|
3597
|
+
@for (dir of resizeDirections; track dir) {
|
|
3598
|
+
<div
|
|
3599
|
+
[direction]="dir"
|
|
3600
|
+
kendoWindowResizeHandle
|
|
3601
|
+
kendoDraggable>
|
|
3602
|
+
</div>
|
|
3603
|
+
}
|
|
3604
|
+
}
|
|
3605
|
+
|
|
3606
|
+
@if (showLicenseWatermark) {
|
|
3607
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
3608
|
+
}
|
|
3609
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "component", type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { kind: "component", type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { kind: "component", type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { kind: "component", type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
|
|
3518
3610
|
}
|
|
3519
3611
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowComponent, decorators: [{
|
|
3520
3612
|
type: Component,
|
|
@@ -3532,51 +3624,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
3532
3624
|
selector: 'kendo-window',
|
|
3533
3625
|
template: `
|
|
3534
3626
|
<ng-container kendoWindowLocalizedMessages
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
<
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3627
|
+
i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
|
|
3628
|
+
closeTitle="Close"
|
|
3629
|
+
|
|
3630
|
+
i18n-restoreTitle="kendo.window.restoreTitle|The title of the restore button"
|
|
3631
|
+
restoreTitle="Restore"
|
|
3632
|
+
|
|
3633
|
+
i18n-maximizeTitle="kendo.window.maximizeTitle|The title of the maximize button"
|
|
3634
|
+
maximizeTitle="Maximize"
|
|
3635
|
+
|
|
3636
|
+
i18n-minimizeTitle="kendo.window.minimizeTitle|The title of the minimize button"
|
|
3637
|
+
minimizeTitle="Minimize"
|
|
3638
|
+
>
|
|
3639
|
+
<ng-container>
|
|
3640
|
+
|
|
3641
|
+
@if (showDefaultTitleBar) {
|
|
3642
|
+
<kendo-window-titlebar [template]="titleBarTemplate" [id]="titleId">
|
|
3643
|
+
<span class="k-window-title">{{ title }}</span>
|
|
3644
|
+
<div class="k-window-titlebar-actions">
|
|
3645
|
+
<button kendoWindowMinimizeAction [attr.title]="minimizeButtonTitle" [attr.aria-label]="minimizeButtonTitle"></button>
|
|
3646
|
+
<button kendoWindowMaximizeAction [attr.title]="maximizeButtonTitle" [attr.aria-label]="maximizeButtonTitle"></button>
|
|
3647
|
+
<button kendoWindowRestoreAction [attr.title]="restoreButtonTitle" [attr.aria-label]="restoreButtonTitle"></button>
|
|
3648
|
+
<button kendoWindowCloseAction [attr.title]="closeButtonTitle" [attr.aria-label]="closeButtonTitle"></button>
|
|
3649
|
+
</div>
|
|
3650
|
+
</kendo-window-titlebar>
|
|
3651
|
+
}
|
|
3652
|
+
@if (!showDefaultTitleBar) {
|
|
3653
|
+
<ng-content select="kendo-window-titlebar"></ng-content>
|
|
3654
|
+
}
|
|
3655
|
+
|
|
3656
|
+
@if (state !== 'minimized' || keepContent) {
|
|
3657
|
+
<div
|
|
3658
|
+
[hidden]="state === 'minimized' && keepContent"
|
|
3659
|
+
class="k-window-content"
|
|
3660
|
+
>
|
|
3661
|
+
@if (!contentTemplate) {
|
|
3662
|
+
<ng-content></ng-content>
|
|
3663
|
+
}
|
|
3664
|
+
@if (contentTemplate) {
|
|
3665
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
3666
|
+
}
|
|
3667
|
+
</div>
|
|
3668
|
+
}
|
|
3669
|
+
|
|
3670
|
+
@if (resizable) {
|
|
3671
|
+
@for (dir of resizeDirections; track dir) {
|
|
3672
|
+
<div
|
|
3673
|
+
[direction]="dir"
|
|
3674
|
+
kendoWindowResizeHandle
|
|
3675
|
+
kendoDraggable>
|
|
3676
|
+
</div>
|
|
3677
|
+
}
|
|
3678
|
+
}
|
|
3679
|
+
|
|
3680
|
+
@if (showLicenseWatermark) {
|
|
3681
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
3682
|
+
}
|
|
3683
|
+
`,
|
|
3578
3684
|
standalone: true,
|
|
3579
|
-
imports: [LocalizedMessagesDirective,
|
|
3685
|
+
imports: [LocalizedMessagesDirective, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]
|
|
3580
3686
|
}]
|
|
3581
3687
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1$1.LocalizationService }], propDecorators: { autoFocusedElement: [{
|
|
3582
3688
|
type: Input
|