@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
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, ElementRef, HostBinding, HostListener, Input, Optional, NgZone, Renderer2 } from "@angular/core";
|
|
6
|
-
import {
|
|
6
|
+
import { NgClass } from "@angular/common";
|
|
7
7
|
import { Button } from '@progress/kendo-angular-buttons';
|
|
8
8
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { windowRestoreIcon } from '@progress/kendo-svg-icons';
|
|
@@ -48,25 +48,30 @@ export class WindowRestoreActionDirective extends Button {
|
|
|
48
48
|
return this.window.options.state === 'default' ? 'none' : 'inline-flex';
|
|
49
49
|
}
|
|
50
50
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
51
|
+
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: [
|
|
52
52
|
LocalizationService,
|
|
53
53
|
{
|
|
54
54
|
provide: L10N_PREFIX,
|
|
55
55
|
useValue: 'kendo.button'
|
|
56
56
|
}
|
|
57
57
|
], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
@if (!imageUrl && !iconClass) {
|
|
59
|
+
<kendo-icon-wrapper
|
|
60
60
|
innerCssClass="k-button-icon"
|
|
61
61
|
name="window-restore"
|
|
62
62
|
[svgIcon]="windowRestoreIcon">
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
</kendo-icon-wrapper>
|
|
64
|
+
}
|
|
65
|
+
@if (imageUrl) {
|
|
66
|
+
<span class="k-button-icon k-icon">
|
|
65
67
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
66
|
-
|
|
67
|
-
|
|
68
|
+
</span>
|
|
69
|
+
}
|
|
70
|
+
@if (iconClass) {
|
|
71
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
72
|
+
}
|
|
68
73
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
69
|
-
|
|
74
|
+
`, 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"] }] });
|
|
70
75
|
}
|
|
71
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
|
|
72
77
|
type: Component,
|
|
@@ -81,20 +86,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
81
86
|
],
|
|
82
87
|
selector: 'button[kendoWindowRestoreAction]',
|
|
83
88
|
template: `
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
@if (!imageUrl && !iconClass) {
|
|
90
|
+
<kendo-icon-wrapper
|
|
86
91
|
innerCssClass="k-button-icon"
|
|
87
92
|
name="window-restore"
|
|
88
93
|
[svgIcon]="windowRestoreIcon">
|
|
89
|
-
|
|
90
|
-
|
|
94
|
+
</kendo-icon-wrapper>
|
|
95
|
+
}
|
|
96
|
+
@if (imageUrl) {
|
|
97
|
+
<span class="k-button-icon k-icon">
|
|
91
98
|
<img [src]="imageUrl" class="k-image" role="presentation" />
|
|
92
|
-
|
|
93
|
-
|
|
99
|
+
</span>
|
|
100
|
+
}
|
|
101
|
+
@if (iconClass) {
|
|
102
|
+
<span class="k-button-icon" [ngClass]="iconClass"></span>
|
|
103
|
+
}
|
|
94
104
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
95
|
-
|
|
105
|
+
`,
|
|
96
106
|
standalone: true,
|
|
97
|
-
imports: [
|
|
107
|
+
imports: [IconWrapperComponent, NgClass]
|
|
98
108
|
}]
|
|
99
109
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragResizeService, decorators: [{
|
|
100
110
|
type: Optional
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, HostBinding, HostListener, ElementRef, NgZone, TemplateRef, Input } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
7
7
|
import { DraggableDirective } from '@progress/kendo-angular-common';
|
|
8
8
|
import { DragResizeService } from './drag-resize.service';
|
|
9
9
|
import { of } from 'rxjs';
|
|
@@ -127,27 +127,35 @@ export class WindowTitleBarComponent {
|
|
|
127
127
|
return options.draggable && options.state !== 'maximized';
|
|
128
128
|
}
|
|
129
129
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
130
|
+
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: `
|
|
131
|
+
@if (!template) {
|
|
132
|
+
<ng-content></ng-content>
|
|
133
|
+
}
|
|
134
|
+
@if (template) {
|
|
135
|
+
<ng-template
|
|
136
|
+
[ngTemplateOutlet]="template"
|
|
137
|
+
[ngTemplateOutletContext]="{'$implicit': service}">
|
|
138
|
+
</ng-template>
|
|
139
|
+
}
|
|
140
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
137
141
|
}
|
|
138
142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
|
|
139
143
|
type: Component,
|
|
140
144
|
args: [{
|
|
141
145
|
selector: 'kendo-window-titlebar',
|
|
142
146
|
template: `
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
147
|
+
@if (!template) {
|
|
148
|
+
<ng-content></ng-content>
|
|
149
|
+
}
|
|
150
|
+
@if (template) {
|
|
151
|
+
<ng-template
|
|
152
|
+
[ngTemplateOutlet]="template"
|
|
153
|
+
[ngTemplateOutletContext]="{'$implicit': service}">
|
|
154
|
+
</ng-template>
|
|
155
|
+
}
|
|
148
156
|
`,
|
|
149
157
|
standalone: true,
|
|
150
|
-
imports: [
|
|
158
|
+
imports: [NgTemplateOutlet]
|
|
151
159
|
}]
|
|
152
160
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragResizeService }, { type: i0.NgZone }], propDecorators: { template: [{
|
|
153
161
|
type: Input
|
|
@@ -20,7 +20,7 @@ import { WindowCloseActionDirective } from './actions/window-close-action.direct
|
|
|
20
20
|
import { WindowRestoreActionDirective } from './actions/window-restore-action.directive';
|
|
21
21
|
import { WindowMaximizeActionDirective } from './actions/window-maximize-action.directive';
|
|
22
22
|
import { WindowMinimizeActionDirective } from './actions/window-minimize-action.directive';
|
|
23
|
-
import {
|
|
23
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
24
24
|
import { LocalizedMessagesDirective } from '../localization/localized-messages.directive';
|
|
25
25
|
import * as i0 from "@angular/core";
|
|
26
26
|
import * as i1 from "./drag-resize.service";
|
|
@@ -596,7 +596,7 @@ export class WindowComponent {
|
|
|
596
596
|
}
|
|
597
597
|
}
|
|
598
598
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
599
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
599
|
+
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: [
|
|
600
600
|
DragResizeService,
|
|
601
601
|
NavigationService,
|
|
602
602
|
LocalizationService,
|
|
@@ -606,49 +606,63 @@ export class WindowComponent {
|
|
|
606
606
|
}
|
|
607
607
|
], 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: `
|
|
608
608
|
<ng-container kendoWindowLocalizedMessages
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
<
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
609
|
+
i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
|
|
610
|
+
closeTitle="Close"
|
|
611
|
+
|
|
612
|
+
i18n-restoreTitle="kendo.window.restoreTitle|The title of the restore button"
|
|
613
|
+
restoreTitle="Restore"
|
|
614
|
+
|
|
615
|
+
i18n-maximizeTitle="kendo.window.maximizeTitle|The title of the maximize button"
|
|
616
|
+
maximizeTitle="Maximize"
|
|
617
|
+
|
|
618
|
+
i18n-minimizeTitle="kendo.window.minimizeTitle|The title of the minimize button"
|
|
619
|
+
minimizeTitle="Minimize"
|
|
620
|
+
>
|
|
621
|
+
<ng-container>
|
|
622
|
+
|
|
623
|
+
@if (showDefaultTitleBar) {
|
|
624
|
+
<kendo-window-titlebar [template]="titleBarTemplate" [id]="titleId">
|
|
625
|
+
<span class="k-window-title">{{ title }}</span>
|
|
626
|
+
<div class="k-window-titlebar-actions">
|
|
627
|
+
<button kendoWindowMinimizeAction [attr.title]="minimizeButtonTitle" [attr.aria-label]="minimizeButtonTitle"></button>
|
|
628
|
+
<button kendoWindowMaximizeAction [attr.title]="maximizeButtonTitle" [attr.aria-label]="maximizeButtonTitle"></button>
|
|
629
|
+
<button kendoWindowRestoreAction [attr.title]="restoreButtonTitle" [attr.aria-label]="restoreButtonTitle"></button>
|
|
630
|
+
<button kendoWindowCloseAction [attr.title]="closeButtonTitle" [attr.aria-label]="closeButtonTitle"></button>
|
|
631
|
+
</div>
|
|
632
|
+
</kendo-window-titlebar>
|
|
633
|
+
}
|
|
634
|
+
@if (!showDefaultTitleBar) {
|
|
635
|
+
<ng-content select="kendo-window-titlebar"></ng-content>
|
|
636
|
+
}
|
|
637
|
+
|
|
638
|
+
@if (state !== 'minimized' || keepContent) {
|
|
639
|
+
<div
|
|
640
|
+
[hidden]="state === 'minimized' && keepContent"
|
|
641
|
+
class="k-window-content"
|
|
642
|
+
>
|
|
643
|
+
@if (!contentTemplate) {
|
|
644
|
+
<ng-content></ng-content>
|
|
645
|
+
}
|
|
646
|
+
@if (contentTemplate) {
|
|
647
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
648
|
+
}
|
|
649
|
+
</div>
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
@if (resizable) {
|
|
653
|
+
@for (dir of resizeDirections; track dir) {
|
|
654
|
+
<div
|
|
655
|
+
[direction]="dir"
|
|
656
|
+
kendoWindowResizeHandle
|
|
657
|
+
kendoDraggable>
|
|
658
|
+
</div>
|
|
659
|
+
}
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
@if (showLicenseWatermark) {
|
|
663
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
664
|
+
}
|
|
665
|
+
`, 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"] }] });
|
|
652
666
|
}
|
|
653
667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WindowComponent, decorators: [{
|
|
654
668
|
type: Component,
|
|
@@ -666,51 +680,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
666
680
|
selector: 'kendo-window',
|
|
667
681
|
template: `
|
|
668
682
|
<ng-container kendoWindowLocalizedMessages
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
<
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
683
|
+
i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
|
|
684
|
+
closeTitle="Close"
|
|
685
|
+
|
|
686
|
+
i18n-restoreTitle="kendo.window.restoreTitle|The title of the restore button"
|
|
687
|
+
restoreTitle="Restore"
|
|
688
|
+
|
|
689
|
+
i18n-maximizeTitle="kendo.window.maximizeTitle|The title of the maximize button"
|
|
690
|
+
maximizeTitle="Maximize"
|
|
691
|
+
|
|
692
|
+
i18n-minimizeTitle="kendo.window.minimizeTitle|The title of the minimize button"
|
|
693
|
+
minimizeTitle="Minimize"
|
|
694
|
+
>
|
|
695
|
+
<ng-container>
|
|
696
|
+
|
|
697
|
+
@if (showDefaultTitleBar) {
|
|
698
|
+
<kendo-window-titlebar [template]="titleBarTemplate" [id]="titleId">
|
|
699
|
+
<span class="k-window-title">{{ title }}</span>
|
|
700
|
+
<div class="k-window-titlebar-actions">
|
|
701
|
+
<button kendoWindowMinimizeAction [attr.title]="minimizeButtonTitle" [attr.aria-label]="minimizeButtonTitle"></button>
|
|
702
|
+
<button kendoWindowMaximizeAction [attr.title]="maximizeButtonTitle" [attr.aria-label]="maximizeButtonTitle"></button>
|
|
703
|
+
<button kendoWindowRestoreAction [attr.title]="restoreButtonTitle" [attr.aria-label]="restoreButtonTitle"></button>
|
|
704
|
+
<button kendoWindowCloseAction [attr.title]="closeButtonTitle" [attr.aria-label]="closeButtonTitle"></button>
|
|
705
|
+
</div>
|
|
706
|
+
</kendo-window-titlebar>
|
|
707
|
+
}
|
|
708
|
+
@if (!showDefaultTitleBar) {
|
|
709
|
+
<ng-content select="kendo-window-titlebar"></ng-content>
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
@if (state !== 'minimized' || keepContent) {
|
|
713
|
+
<div
|
|
714
|
+
[hidden]="state === 'minimized' && keepContent"
|
|
715
|
+
class="k-window-content"
|
|
716
|
+
>
|
|
717
|
+
@if (!contentTemplate) {
|
|
718
|
+
<ng-content></ng-content>
|
|
719
|
+
}
|
|
720
|
+
@if (contentTemplate) {
|
|
721
|
+
<ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>
|
|
722
|
+
}
|
|
723
|
+
</div>
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
@if (resizable) {
|
|
727
|
+
@for (dir of resizeDirections; track dir) {
|
|
728
|
+
<div
|
|
729
|
+
[direction]="dir"
|
|
730
|
+
kendoWindowResizeHandle
|
|
731
|
+
kendoDraggable>
|
|
732
|
+
</div>
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
@if (showLicenseWatermark) {
|
|
737
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
738
|
+
}
|
|
739
|
+
`,
|
|
712
740
|
standalone: true,
|
|
713
|
-
imports: [LocalizedMessagesDirective,
|
|
741
|
+
imports: [LocalizedMessagesDirective, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]
|
|
714
742
|
}]
|
|
715
743
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragResizeService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.LocalizationService }], propDecorators: { autoFocusedElement: [{
|
|
716
744
|
type: Input
|