@progress/kendo-angular-dialog 17.0.0-develop.9 → 17.0.1-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/README.md +38 -21
- package/common/actions-layout.d.ts +1 -1
- package/common/animation-types.d.ts +1 -1
- package/common/dialog-animation-direction.d.ts +1 -1
- package/dialog/dialog-actions.component.d.ts +1 -1
- package/dialog/dialog-titlebar.component.d.ts +1 -1
- package/dialog/dialog.component.d.ts +1 -1
- package/dialog/models/dialog-action-divider.d.ts +1 -1
- package/dialog/models/dialog-result.d.ts +1 -1
- package/dialog/models/theme-color.d.ts +1 -1
- package/dialog.module.d.ts +0 -4
- package/{esm2020 → esm2022}/common/preventable-event.mjs +2 -3
- package/{esm2020 → esm2022}/dialog/dialog-actions.component.mjs +26 -17
- package/{esm2020 → esm2022}/dialog/dialog-container.directive.mjs +3 -3
- package/{esm2020 → esm2022}/dialog/dialog-container.service.mjs +4 -4
- package/{esm2020 → esm2022}/dialog/dialog-content-base.mjs +12 -3
- package/{esm2020 → esm2022}/dialog/dialog-titlebar.component.mjs +36 -25
- package/{esm2020 → esm2022}/dialog/dialog.component.mjs +139 -71
- package/{esm2020 → esm2022}/dialog/dialog.service.mjs +7 -3
- package/esm2022/dialog/models/dialog-action.mjs +27 -0
- package/esm2022/dialog/models/dialog-ref.mjs +34 -0
- package/esm2022/dialog/models/dialog-settings.mjs +106 -0
- package/{esm2020 → esm2022}/dialog.module.mjs +4 -13
- package/{esm2020 → esm2022}/dialogs.module.mjs +4 -4
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/localization/messages.mjs +19 -3
- package/{esm2020 → esm2022}/localization/titlebar-localization.service.mjs +4 -3
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/window/actions/window-close-action.directive.mjs +20 -16
- package/{esm2020 → esm2022}/window/actions/window-maximize-action.directive.mjs +20 -16
- package/{esm2020 → esm2022}/window/actions/window-minimize-action.directive.mjs +20 -16
- package/{esm2020 → esm2022}/window/actions/window-restore-action.directive.mjs +20 -16
- package/{esm2020 → esm2022}/window/drag-resize.service.mjs +18 -15
- package/esm2022/window/models/window-ref.mjs +36 -0
- package/esm2022/window/models/window-settings.mjs +101 -0
- package/{esm2020 → esm2022}/window/navigation.service.mjs +5 -3
- package/{esm2020 → esm2022}/window/window-container.directive.mjs +3 -3
- package/{esm2020 → esm2022}/window/window-container.service.mjs +4 -4
- package/{esm2020 → esm2022}/window/window-resize-handle.directive.mjs +12 -7
- package/{esm2020 → esm2022}/window/window-titlebar.component.mjs +21 -4
- package/{esm2020 → esm2022}/window/window.component.mjs +128 -98
- package/{esm2020 → esm2022}/window/window.service.mjs +7 -3
- package/{esm2020 → esm2022}/window.module.mjs +4 -10
- package/{fesm2020 → fesm2022}/progress-kendo-angular-dialog.mjs +816 -379
- package/localization/messages.d.ts +1 -1
- package/package.json +14 -20
- package/schematics/ngAdd/index.js +2 -2
- package/window/actions/window-close-action.directive.d.ts +1 -1
- package/window/actions/window-maximize-action.directive.d.ts +1 -1
- package/window/actions/window-minimize-action.directive.d.ts +1 -1
- package/window/actions/window-restore-action.directive.d.ts +1 -1
- package/window/models/theme-color.d.ts +1 -1
- package/window/models/window-types.d.ts +4 -4
- package/window/window-resize-handle.directive.d.ts +1 -1
- package/window/window-titlebar.component.d.ts +1 -1
- package/window/window.component.d.ts +1 -1
- package/esm2020/dialog/models/dialog-action.mjs +0 -10
- package/esm2020/dialog/models/dialog-ref.mjs +0 -11
- package/esm2020/dialog/models/dialog-settings.mjs +0 -10
- package/esm2020/window/models/window-ref.mjs +0 -11
- package/esm2020/window/models/window-settings.mjs +0 -10
- package/fesm2015/progress-kendo-angular-dialog.mjs +0 -3807
- /package/{esm2020 → esm2022}/common/actions-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/common/animation-types.mjs +0 -0
- /package/{esm2020 → esm2022}/common/dialog-animation-direction.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-animations/animate-content.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-animations/animations.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-animations/create-animation-player.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/dialog-action-divider.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/dialog-animation.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/dialog-close-result.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/dialog-result.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/localization/dialog-localization.service.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/index.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/window-close-result.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/window-messages.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/window-options.mjs +0 -0
- /package/{esm2020 → esm2022}/window/models/window-types.mjs +0 -0
- /package/{esm2020 → esm2022}/window/window-events.mjs +0 -0
|
@@ -13,14 +13,18 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "../drag-resize.service";
|
|
14
14
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
15
15
|
export class WindowCloseActionDirective extends Button {
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
window;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
xIcon = xIcon;
|
|
24
|
+
buttonType = 'button';
|
|
25
|
+
buttonClass = true;
|
|
16
26
|
constructor(el, renderer, _service, localization, ngZone) {
|
|
17
27
|
super(el, renderer, null, localization, ngZone);
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
this.xIcon = xIcon;
|
|
22
|
-
this.buttonType = 'button';
|
|
23
|
-
this.buttonClass = true;
|
|
24
28
|
this.window = _service;
|
|
25
29
|
this.fillMode = 'flat';
|
|
26
30
|
this.icon = 'x';
|
|
@@ -33,15 +37,14 @@ export class WindowCloseActionDirective extends Button {
|
|
|
33
37
|
this.window.closeAction();
|
|
34
38
|
}
|
|
35
39
|
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0, template: `
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
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: [
|
|
42
|
+
LocalizationService,
|
|
43
|
+
{
|
|
44
|
+
provide: L10N_PREFIX,
|
|
45
|
+
useValue: 'kendo.button'
|
|
46
|
+
}
|
|
47
|
+
], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0, template: `
|
|
45
48
|
<kendo-icon-wrapper
|
|
46
49
|
*ngIf="!imageUrl && !iconClass"
|
|
47
50
|
innerCssClass="k-button-icon"
|
|
@@ -54,7 +57,8 @@ WindowCloseActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
54
57
|
<span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
|
|
55
58
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
56
59
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
57
|
-
|
|
60
|
+
}
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, decorators: [{
|
|
58
62
|
type: Component,
|
|
59
63
|
args: [{
|
|
60
64
|
exportAs: 'kendoWindowCloseAction',
|
|
@@ -13,14 +13,18 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./../drag-resize.service";
|
|
14
14
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
15
15
|
export class WindowMaximizeActionDirective extends Button {
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
window;
|
|
20
|
+
buttonType = 'button';
|
|
21
|
+
buttonClass = true;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
windowIcon = windowIcon;
|
|
16
26
|
constructor(el, renderer, _service, localization, ngZone) {
|
|
17
27
|
super(el, renderer, null, localization, ngZone);
|
|
18
|
-
this.buttonType = 'button';
|
|
19
|
-
this.buttonClass = true;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
this.windowIcon = windowIcon;
|
|
24
28
|
this.window = _service;
|
|
25
29
|
this.fillMode = 'flat';
|
|
26
30
|
this.icon = 'window';
|
|
@@ -36,15 +40,14 @@ export class WindowMaximizeActionDirective extends Button {
|
|
|
36
40
|
get visible() {
|
|
37
41
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
38
42
|
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
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: [
|
|
45
|
+
LocalizationService,
|
|
46
|
+
{
|
|
47
|
+
provide: L10N_PREFIX,
|
|
48
|
+
useValue: 'kendo.button'
|
|
49
|
+
}
|
|
50
|
+
], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
48
51
|
<kendo-icon-wrapper
|
|
49
52
|
*ngIf="!imageUrl && !iconClass"
|
|
50
53
|
innerCssClass="k-button-icon"
|
|
@@ -57,7 +60,8 @@ WindowMaximizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
57
60
|
<span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
|
|
58
61
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
59
62
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
60
|
-
|
|
63
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, decorators: [{
|
|
61
65
|
type: Component,
|
|
62
66
|
args: [{
|
|
63
67
|
exportAs: 'kendoWindowMaximizeAction',
|
|
@@ -13,14 +13,18 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./../drag-resize.service";
|
|
14
14
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
15
15
|
export class WindowMinimizeActionDirective extends Button {
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
window;
|
|
20
|
+
buttonType = 'button';
|
|
21
|
+
buttonClass = true;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
windowMinimizeIcon = windowMinimizeIcon;
|
|
16
26
|
constructor(el, renderer, _service, localization, ngZone) {
|
|
17
27
|
super(el, renderer, null, localization, ngZone);
|
|
18
|
-
this.buttonType = 'button';
|
|
19
|
-
this.buttonClass = true;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
this.windowMinimizeIcon = windowMinimizeIcon;
|
|
24
28
|
this.window = _service;
|
|
25
29
|
this.fillMode = 'flat';
|
|
26
30
|
this.icon = 'window-minimize';
|
|
@@ -36,15 +40,14 @@ export class WindowMinimizeActionDirective extends Button {
|
|
|
36
40
|
get visible() {
|
|
37
41
|
return this.window.options.state === 'default' ? 'inline-flex' : 'none';
|
|
38
42
|
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragResizeService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
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: [
|
|
45
|
+
LocalizationService,
|
|
46
|
+
{
|
|
47
|
+
provide: L10N_PREFIX,
|
|
48
|
+
useValue: 'kendo.button'
|
|
49
|
+
}
|
|
50
|
+
], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0, template: `
|
|
48
51
|
<kendo-icon-wrapper
|
|
49
52
|
*ngIf="!imageUrl && !iconClass"
|
|
50
53
|
innerCssClass="k-button-icon"
|
|
@@ -57,7 +60,8 @@ WindowMinimizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
57
60
|
<span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
|
|
58
61
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
59
62
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
60
|
-
|
|
63
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, decorators: [{
|
|
61
65
|
type: Component,
|
|
62
66
|
args: [{
|
|
63
67
|
exportAs: 'kendoWindowMinimizeAction',
|
|
@@ -13,14 +13,18 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./../drag-resize.service";
|
|
14
14
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
15
15
|
export class WindowRestoreActionDirective extends Button {
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
window;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
windowRestoreIcon = windowRestoreIcon;
|
|
24
|
+
buttonType = 'button';
|
|
25
|
+
buttonClass = true;
|
|
16
26
|
constructor(el, renderer, _service, localization, ngZone) {
|
|
17
27
|
super(el, renderer, null, localization, ngZone);
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
this.windowRestoreIcon = windowRestoreIcon;
|
|
22
|
-
this.buttonType = 'button';
|
|
23
|
-
this.buttonClass = true;
|
|
24
28
|
this.window = _service;
|
|
25
29
|
this.fillMode = 'flat';
|
|
26
30
|
this.icon = 'window-restore';
|
|
@@ -36,15 +40,14 @@ export class WindowRestoreActionDirective extends Button {
|
|
|
36
40
|
get visible() {
|
|
37
41
|
return this.window.options.state === 'default' ? 'none' : 'inline-flex';
|
|
38
42
|
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
|
|
44
|
+
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: [
|
|
45
|
+
LocalizationService,
|
|
46
|
+
{
|
|
47
|
+
provide: L10N_PREFIX,
|
|
48
|
+
useValue: 'kendo.button'
|
|
49
|
+
}
|
|
50
|
+
], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
|
|
48
51
|
<kendo-icon-wrapper
|
|
49
52
|
*ngIf="!imageUrl && !iconClass"
|
|
50
53
|
innerCssClass="k-button-icon"
|
|
@@ -57,7 +60,8 @@ WindowRestoreActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
57
60
|
<span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
|
|
58
61
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
59
62
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
60
|
-
|
|
63
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
|
|
61
65
|
type: Component,
|
|
62
66
|
args: [{
|
|
63
67
|
exportAs: 'kendoWindowRestoreAction',
|
|
@@ -43,20 +43,23 @@ const createMoveStream = (el, ev) => mouseDown => {
|
|
|
43
43
|
* @hidden
|
|
44
44
|
*/
|
|
45
45
|
export class DragResizeService {
|
|
46
|
+
ngZone;
|
|
47
|
+
close = new EventEmitter();
|
|
48
|
+
focus = new EventEmitter();
|
|
49
|
+
change = new EventEmitter();
|
|
50
|
+
stateChange = new EventEmitter();
|
|
51
|
+
dragStart = new EventEmitter();
|
|
52
|
+
dragEnd = new EventEmitter();
|
|
53
|
+
resizeStart = new EventEmitter();
|
|
54
|
+
resizeEnd = new EventEmitter();
|
|
55
|
+
options = Object.assign({}, DEFAULT_OPTIONS);
|
|
56
|
+
restoreOptions;
|
|
57
|
+
window;
|
|
58
|
+
lastAction = null;
|
|
59
|
+
subscriptions = new Subscription();
|
|
60
|
+
dragSubscription = new Subscription();
|
|
46
61
|
constructor(ngZone) {
|
|
47
62
|
this.ngZone = ngZone;
|
|
48
|
-
this.close = new EventEmitter();
|
|
49
|
-
this.focus = new EventEmitter();
|
|
50
|
-
this.change = new EventEmitter();
|
|
51
|
-
this.stateChange = new EventEmitter();
|
|
52
|
-
this.dragStart = new EventEmitter();
|
|
53
|
-
this.dragEnd = new EventEmitter();
|
|
54
|
-
this.resizeStart = new EventEmitter();
|
|
55
|
-
this.resizeEnd = new EventEmitter();
|
|
56
|
-
this.options = Object.assign({}, DEFAULT_OPTIONS);
|
|
57
|
-
this.lastAction = null;
|
|
58
|
-
this.subscriptions = new Subscription();
|
|
59
|
-
this.dragSubscription = new Subscription();
|
|
60
63
|
}
|
|
61
64
|
ngOnDestroy() {
|
|
62
65
|
if (this.subscriptions) {
|
|
@@ -324,9 +327,9 @@ export class DragResizeService {
|
|
|
324
327
|
get windowViewPort() {
|
|
325
328
|
return getWindowViewPort(this.window.nativeElement);
|
|
326
329
|
}
|
|
330
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
331
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService });
|
|
327
332
|
}
|
|
328
|
-
|
|
329
|
-
DragResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragResizeService });
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragResizeService, decorators: [{
|
|
333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService, decorators: [{
|
|
331
334
|
type: Injectable
|
|
332
335
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* Holds references to the object instance of the Window.
|
|
7
|
+
* Controls the Windows that were opened through `WindowService`
|
|
8
|
+
* ([see example]({% slug api_dialog_windowservice %}#toc-open)).
|
|
9
|
+
*/
|
|
10
|
+
export class WindowRef {
|
|
11
|
+
/**
|
|
12
|
+
* A reference to the Window instance.
|
|
13
|
+
*/
|
|
14
|
+
window;
|
|
15
|
+
/**
|
|
16
|
+
* A reference to the child component of the Window.
|
|
17
|
+
* Available when the Window is opened with
|
|
18
|
+
* [component content](slug:service_window#toc-rendering-the-content-area).
|
|
19
|
+
*/
|
|
20
|
+
content;
|
|
21
|
+
/**
|
|
22
|
+
* Allows you to close the Window by using code.
|
|
23
|
+
* When called with no arguments,
|
|
24
|
+
* the `result` Observable will be of type WindowCloseResult.
|
|
25
|
+
* When called with an argument, the `result` Observable will hold the provided value.
|
|
26
|
+
*/
|
|
27
|
+
close;
|
|
28
|
+
/**
|
|
29
|
+
* Emits events when the Window is closed through the **Esc** key, the **Close** button of the title bar or
|
|
30
|
+
* by calling the `close` method.
|
|
31
|
+
* When the Window is closed with the title bar button, **Esc** or by calling `close` with no arguments,
|
|
32
|
+
* the result is of type [WindowCloseResult]({% slug api_dialog_windowcloseresult %}).
|
|
33
|
+
* When `close` is called with an argument, the result is the passed argument.
|
|
34
|
+
*/
|
|
35
|
+
result;
|
|
36
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* The settings for the Window actions when the Window is opened through `WindowService`
|
|
7
|
+
* ([see example]({% slug api_dialog_windowservice %}#toc-open)).
|
|
8
|
+
*/
|
|
9
|
+
export class WindowSettings {
|
|
10
|
+
/**
|
|
11
|
+
* Defines a predicate that verifies if the closing of the Window should be prevented.
|
|
12
|
+
* It applies to clicking the **Close** button of the title bar, pressing the **Esc** key or calling the `close` method.
|
|
13
|
+
* Returning true from the predicate prevents the Window from closing.
|
|
14
|
+
* If the **Close** button of the title bar is clicked or **Esc** is pressed, a [WindowCloseResult]({% slug api_dialog_windowcloseresult %}) instance is passed.
|
|
15
|
+
* @param {any} ev
|
|
16
|
+
* @param {WindowRef} [windowRef] - provided only when the window is created using a component.
|
|
17
|
+
* @returns
|
|
18
|
+
*/
|
|
19
|
+
preventClose;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the title of the Window.
|
|
22
|
+
*/
|
|
23
|
+
title;
|
|
24
|
+
/**
|
|
25
|
+
* Defines the content of the Window.
|
|
26
|
+
*/
|
|
27
|
+
content;
|
|
28
|
+
/**
|
|
29
|
+
* Defines the content of the title bar.
|
|
30
|
+
*/
|
|
31
|
+
titleBarContent;
|
|
32
|
+
/**
|
|
33
|
+
* Defines the text of the labels that are shown within the Window.
|
|
34
|
+
* Used primarily for localization.
|
|
35
|
+
*/
|
|
36
|
+
messages;
|
|
37
|
+
/**
|
|
38
|
+
* Specifies if the content of the Window is persisted in the DOM
|
|
39
|
+
* when the Window is minimized.
|
|
40
|
+
*/
|
|
41
|
+
keepContent;
|
|
42
|
+
/**
|
|
43
|
+
* Specifies the width of the Window.
|
|
44
|
+
*/
|
|
45
|
+
width;
|
|
46
|
+
/**
|
|
47
|
+
* Specifies the minimum width of the Window.
|
|
48
|
+
*/
|
|
49
|
+
minWidth;
|
|
50
|
+
/**
|
|
51
|
+
* Specifies the height of the Window.
|
|
52
|
+
*/
|
|
53
|
+
height;
|
|
54
|
+
/**
|
|
55
|
+
* Specifies the minimum height of the Window.
|
|
56
|
+
*/
|
|
57
|
+
minHeight;
|
|
58
|
+
/**
|
|
59
|
+
* Specifies the left offset of the Window.
|
|
60
|
+
*/
|
|
61
|
+
left;
|
|
62
|
+
/**
|
|
63
|
+
* Specifies the top offset of the Window.
|
|
64
|
+
*/
|
|
65
|
+
top;
|
|
66
|
+
/**
|
|
67
|
+
* Specifies is the Window is draggable.
|
|
68
|
+
*/
|
|
69
|
+
draggable;
|
|
70
|
+
/**
|
|
71
|
+
* Sets the custom CSS classes that will be rendered on the Window wrapper element.
|
|
72
|
+
* Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
|
|
73
|
+
*/
|
|
74
|
+
cssClass;
|
|
75
|
+
/**
|
|
76
|
+
* Sets the HTML attributes of the Window wrapper element.
|
|
77
|
+
* The property accepts string key-value based pairs.
|
|
78
|
+
*/
|
|
79
|
+
htmlAttributes;
|
|
80
|
+
/**
|
|
81
|
+
* Specifies if the Window is resizable.
|
|
82
|
+
*/
|
|
83
|
+
resizable;
|
|
84
|
+
/**
|
|
85
|
+
* Specifies the initial state of the Window.
|
|
86
|
+
*/
|
|
87
|
+
state;
|
|
88
|
+
/**
|
|
89
|
+
* Defines the container in which the Window will be inserted.
|
|
90
|
+
* Specifying this option changes the place in the page hierarchy where the Window will be inserted.
|
|
91
|
+
*/
|
|
92
|
+
appendTo;
|
|
93
|
+
/**
|
|
94
|
+
* Sets the focused element query selector.
|
|
95
|
+
*/
|
|
96
|
+
autoFocusedElement;
|
|
97
|
+
/**
|
|
98
|
+
* Sets the theme color of the Window.
|
|
99
|
+
*/
|
|
100
|
+
themeColor;
|
|
101
|
+
}
|
|
@@ -11,6 +11,8 @@ import * as i1 from "./drag-resize.service";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class NavigationService {
|
|
14
|
+
window;
|
|
15
|
+
ngZone;
|
|
14
16
|
constructor(window, ngZone) {
|
|
15
17
|
this.window = window;
|
|
16
18
|
this.ngZone = ngZone;
|
|
@@ -144,9 +146,9 @@ export class NavigationService {
|
|
|
144
146
|
}
|
|
145
147
|
}
|
|
146
148
|
}
|
|
149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
150
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
|
|
147
151
|
}
|
|
148
|
-
|
|
149
|
-
NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
|
|
151
153
|
type: Injectable
|
|
152
154
|
}], ctorParameters: function () { return [{ type: i1.DragResizeService }, { type: i0.NgZone }]; } });
|
|
@@ -20,10 +20,10 @@ export class WindowContainerDirective {
|
|
|
20
20
|
constructor(container, service) {
|
|
21
21
|
service.container = container;
|
|
22
22
|
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
24
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
|
|
23
25
|
}
|
|
24
|
-
|
|
25
|
-
WindowContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerDirective, decorators: [{
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, decorators: [{
|
|
27
27
|
type: Directive,
|
|
28
28
|
args: [{
|
|
29
29
|
selector: '[kendoWindowContainer]',
|
|
@@ -8,17 +8,17 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class WindowContainerService {
|
|
11
|
+
static container = null;
|
|
11
12
|
set container(container) {
|
|
12
13
|
WindowContainerService.container = container;
|
|
13
14
|
}
|
|
14
15
|
get container() {
|
|
15
16
|
return WindowContainerService.container;
|
|
16
17
|
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
19
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
|
|
17
20
|
}
|
|
18
|
-
|
|
19
|
-
WindowContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
20
|
-
WindowContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, decorators: [{
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, decorators: [{
|
|
22
22
|
type: Injectable,
|
|
23
23
|
args: [{
|
|
24
24
|
providedIn: 'root'
|
|
@@ -13,15 +13,20 @@ import * as i2 from "./drag-resize.service";
|
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
export class ResizeHandleDirective {
|
|
16
|
+
draggable;
|
|
17
|
+
el;
|
|
18
|
+
renderer;
|
|
19
|
+
service;
|
|
20
|
+
direction;
|
|
21
|
+
get hostClass() {
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
subscriptions = new Subscription();
|
|
16
25
|
constructor(draggable, el, renderer, service) {
|
|
17
26
|
this.draggable = draggable;
|
|
18
27
|
this.el = el;
|
|
19
28
|
this.renderer = renderer;
|
|
20
29
|
this.service = service;
|
|
21
|
-
this.subscriptions = new Subscription();
|
|
22
|
-
}
|
|
23
|
-
get hostClass() {
|
|
24
|
-
return true;
|
|
25
30
|
}
|
|
26
31
|
ngOnInit() {
|
|
27
32
|
this.setDisplay();
|
|
@@ -50,10 +55,10 @@ export class ResizeHandleDirective {
|
|
|
50
55
|
setDisplay(value = 'block') {
|
|
51
56
|
this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
|
|
52
57
|
}
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
59
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
|
|
53
60
|
}
|
|
54
|
-
|
|
55
|
-
ResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHandleDirective, decorators: [{
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, decorators: [{
|
|
57
62
|
type: Directive,
|
|
58
63
|
args: [{
|
|
59
64
|
selector: '[kendoWindowResizeHandle]',
|
|
@@ -11,6 +11,23 @@ import { hasClasses, isFocusable, isPresent } from '../common/util';
|
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
import * as i1 from "./drag-resize.service";
|
|
13
13
|
export class WindowTitleBarComponent {
|
|
14
|
+
el;
|
|
15
|
+
ngZone;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
template;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
id;
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
service;
|
|
28
|
+
dragDirective;
|
|
29
|
+
dragSubscription;
|
|
30
|
+
stateSubscription;
|
|
14
31
|
constructor(el, service, ngZone) {
|
|
15
32
|
this.el = el;
|
|
16
33
|
this.ngZone = ngZone;
|
|
@@ -105,16 +122,16 @@ export class WindowTitleBarComponent {
|
|
|
105
122
|
const options = this.service.options;
|
|
106
123
|
return options.draggable && options.state !== 'maximized';
|
|
107
124
|
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
WindowTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
|
|
125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
|
|
111
127
|
<ng-content *ngIf="!template"></ng-content>
|
|
112
128
|
<ng-template
|
|
113
129
|
[ngTemplateOutlet]="template"
|
|
114
130
|
[ngTemplateOutletContext]="{'$implicit': service}" *ngIf="template">
|
|
115
131
|
</ng-template>
|
|
116
132
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
117
|
-
|
|
133
|
+
}
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
|
|
118
135
|
type: Component,
|
|
119
136
|
args: [{
|
|
120
137
|
selector: 'kendo-window-titlebar',
|