@progress/kendo-vue-dialogs 5.3.0-dev.202409130647 → 5.3.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.
Files changed (109) hide show
  1. package/Dialog.js +8 -0
  2. package/Dialog.mjs +157 -0
  3. package/DialogActionsBar.js +8 -0
  4. package/DialogActionsBar.mjs +52 -0
  5. package/DialogTitleBar.js +8 -0
  6. package/DialogTitleBar.mjs +59 -0
  7. package/README.md +27 -36
  8. package/StageEnum.js +8 -0
  9. package/StageEnum.mjs +11 -0
  10. package/Window.js +8 -0
  11. package/Window.mjs +381 -0
  12. package/WindowResizeHandlers.js +8 -0
  13. package/WindowResizeHandlers.mjs +49 -0
  14. package/WindowTitlebar.js +8 -0
  15. package/WindowTitlebar.mjs +135 -0
  16. package/constants.js +8 -0
  17. package/constants.mjs +11 -0
  18. package/dist/cdn/js/kendo-vue-dialogs.js +8 -1
  19. package/index.d.mts +595 -0
  20. package/index.d.ts +595 -0
  21. package/index.js +8 -0
  22. package/index.mjs +15 -0
  23. package/messages/main.js +8 -0
  24. package/messages/main.mjs +20 -0
  25. package/package-metadata.js +8 -0
  26. package/package-metadata.mjs +18 -0
  27. package/package.json +22 -39
  28. package/dist/es/Dialog.d.ts +0 -109
  29. package/dist/es/Dialog.js +0 -225
  30. package/dist/es/DialogActionsBar.d.ts +0 -50
  31. package/dist/es/DialogActionsBar.js +0 -61
  32. package/dist/es/DialogTitleBar.d.ts +0 -46
  33. package/dist/es/DialogTitleBar.js +0 -85
  34. package/dist/es/StageEnum.d.ts +0 -5
  35. package/dist/es/StageEnum.js +0 -6
  36. package/dist/es/Window.d.ts +0 -75
  37. package/dist/es/Window.js +0 -663
  38. package/dist/es/WindowProps.d.ts +0 -138
  39. package/dist/es/WindowProps.js +0 -2
  40. package/dist/es/WindowResizeHandlers.d.ts +0 -30
  41. package/dist/es/WindowResizeHandlers.js +0 -89
  42. package/dist/es/WindowTitlebar.d.ts +0 -86
  43. package/dist/es/WindowTitlebar.js +0 -202
  44. package/dist/es/additionalTypes.ts +0 -21
  45. package/dist/es/constants.d.ts +0 -2
  46. package/dist/es/constants.js +0 -2
  47. package/dist/es/events.d.ts +0 -34
  48. package/dist/es/events.js +0 -2
  49. package/dist/es/main.d.ts +0 -6
  50. package/dist/es/main.js +0 -4
  51. package/dist/es/messages/main.d.ts +0 -25
  52. package/dist/es/messages/main.js +0 -26
  53. package/dist/es/package-metadata.d.ts +0 -5
  54. package/dist/es/package-metadata.js +0 -11
  55. package/dist/esm/Dialog.d.ts +0 -109
  56. package/dist/esm/Dialog.js +0 -225
  57. package/dist/esm/DialogActionsBar.d.ts +0 -50
  58. package/dist/esm/DialogActionsBar.js +0 -61
  59. package/dist/esm/DialogTitleBar.d.ts +0 -46
  60. package/dist/esm/DialogTitleBar.js +0 -85
  61. package/dist/esm/StageEnum.d.ts +0 -5
  62. package/dist/esm/StageEnum.js +0 -6
  63. package/dist/esm/Window.d.ts +0 -75
  64. package/dist/esm/Window.js +0 -663
  65. package/dist/esm/WindowProps.d.ts +0 -138
  66. package/dist/esm/WindowProps.js +0 -2
  67. package/dist/esm/WindowResizeHandlers.d.ts +0 -30
  68. package/dist/esm/WindowResizeHandlers.js +0 -89
  69. package/dist/esm/WindowTitlebar.d.ts +0 -86
  70. package/dist/esm/WindowTitlebar.js +0 -202
  71. package/dist/esm/additionalTypes.ts +0 -21
  72. package/dist/esm/constants.d.ts +0 -2
  73. package/dist/esm/constants.js +0 -2
  74. package/dist/esm/events.d.ts +0 -34
  75. package/dist/esm/events.js +0 -2
  76. package/dist/esm/main.d.ts +0 -6
  77. package/dist/esm/main.js +0 -4
  78. package/dist/esm/messages/main.d.ts +0 -25
  79. package/dist/esm/messages/main.js +0 -26
  80. package/dist/esm/package-metadata.d.ts +0 -5
  81. package/dist/esm/package-metadata.js +0 -11
  82. package/dist/esm/package.json +0 -3
  83. package/dist/npm/Dialog.d.ts +0 -109
  84. package/dist/npm/Dialog.js +0 -232
  85. package/dist/npm/DialogActionsBar.d.ts +0 -50
  86. package/dist/npm/DialogActionsBar.js +0 -68
  87. package/dist/npm/DialogTitleBar.d.ts +0 -46
  88. package/dist/npm/DialogTitleBar.js +0 -92
  89. package/dist/npm/StageEnum.d.ts +0 -5
  90. package/dist/npm/StageEnum.js +0 -9
  91. package/dist/npm/Window.d.ts +0 -75
  92. package/dist/npm/Window.js +0 -670
  93. package/dist/npm/WindowProps.d.ts +0 -138
  94. package/dist/npm/WindowProps.js +0 -6
  95. package/dist/npm/WindowResizeHandlers.d.ts +0 -30
  96. package/dist/npm/WindowResizeHandlers.js +0 -96
  97. package/dist/npm/WindowTitlebar.d.ts +0 -86
  98. package/dist/npm/WindowTitlebar.js +0 -209
  99. package/dist/npm/additionalTypes.ts +0 -21
  100. package/dist/npm/constants.d.ts +0 -2
  101. package/dist/npm/constants.js +0 -5
  102. package/dist/npm/events.d.ts +0 -34
  103. package/dist/npm/events.js +0 -3
  104. package/dist/npm/main.d.ts +0 -6
  105. package/dist/npm/main.js +0 -12
  106. package/dist/npm/messages/main.d.ts +0 -25
  107. package/dist/npm/messages/main.js +0 -29
  108. package/dist/npm/package-metadata.d.ts +0 -5
  109. package/dist/npm/package-metadata.js +0 -14
@@ -1,138 +0,0 @@
1
- import { WindowActionsEvent, WindowMoveEvent } from './events';
2
- import { windowStage } from './StageEnum';
3
- /**
4
- * Represents the props of the [Window component]({% slug overview_window %}).
5
- */
6
- export interface WindowProps {
7
- /**
8
- * The id of the window.
9
- */
10
- id?: string;
11
- /**
12
- * Defines the string selector to the element to which the Window will be appended. Defaults to its parent element.
13
- */
14
- appendTo?: String;
15
- /**
16
- * Acccepts a named slot `string`, functional or class component for the close button. If set to `false` the button is not rendered.
17
- * @default true
18
- */
19
- closeButton?: string | Function | object | boolean;
20
- /**
21
- * Specifies if the Window stage will change on title double click. The this is on by default.
22
- */
23
- doubleClickStageChange?: boolean;
24
- /**
25
- * Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
26
- */
27
- draggable?: boolean;
28
- /**
29
- * Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
30
- */
31
- height?: number;
32
- /**
33
- * Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
34
- */
35
- initialLeft?: number;
36
- /**
37
- * Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
38
- */
39
- initialTop?: number;
40
- /**
41
- * Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
42
- */
43
- initialWidth?: number;
44
- /**
45
- * Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
46
- */
47
- initialHeight?: number;
48
- /**
49
- * Specifies the left coordinates of the Window.
50
- */
51
- left?: number;
52
- windowStyle?: object;
53
- windowClass?: string;
54
- /**
55
- * Acccepts a named slot `string`, functional or class component for the maximize button. If set to `false` the button is not rendered.
56
- * @default true
57
- */
58
- maximizeButton?: string | Function | object | boolean;
59
- /**
60
- * Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
61
- */
62
- minHeight?: number;
63
- /**
64
- * Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
65
- */
66
- minWidth?: number;
67
- /**
68
- * Acccepts a named slot `string`, functional or class component for the minimize button. If set to `false` the button is not rendered.
69
- * @default true
70
- */
71
- minimizeButton?: string | Function | object | boolean;
72
- /**
73
- * Specifies if the Window will be modal by rendering an overlay under the component.
74
- */
75
- modal?: boolean;
76
- /**
77
- * Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
78
- */
79
- resizable?: boolean;
80
- /**
81
- * Specifies the theme color of the Dialog.
82
- */
83
- themeColor?: 'promary' | 'dark' | 'light' | string;
84
- /**
85
- * Acccepts a named slot `string`, functional or class component for the restore button. If set to `false` the button is not rendered.
86
- * @default true
87
- */
88
- restoreButton?: string | Function | object | boolean;
89
- /**
90
- * Specifies if the Window content will update during resizing.
91
- */
92
- shouldUpdateOnDrag?: boolean;
93
- /**
94
- * Specifies the title of the Window ([see example]({% slug title_window %})).
95
- */
96
- title?: string | any;
97
- /**
98
- * Acccepts a named slot `string`, functional or class component for the title render.
99
- */
100
- titleRender?: string | Function | object;
101
- /**
102
- * Specifies the top coordinates of the Window.
103
- */
104
- top?: number;
105
- /**
106
- * Specifies the width of the Window.
107
- */
108
- width?: number;
109
- /**
110
- * Controls the state of the Window ([see example]({% slug windowstage_window %})).
111
- *
112
- * The supported values are:
113
- * * `DEFAULT`
114
- * * `MINIMIZED`
115
- * * `FULLSCREEN`
116
- */
117
- stage?: windowStage | string;
118
- /**
119
- * Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
120
- */
121
- onClose?: (event: WindowActionsEvent) => void;
122
- /**
123
- * Fires when the Window is dragged.
124
- */
125
- onMove?: (event: WindowMoveEvent) => void;
126
- /**
127
- * Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
128
- */
129
- onStagechange?: (event: WindowActionsEvent) => void;
130
- /**
131
- * Fires when the Window resizes.
132
- */
133
- onResize?: (event: WindowMoveEvent) => void;
134
- /**
135
- * Fires when modal overlay of the Window is clicked.
136
- */
137
- onOverlayclick?: (event: any) => void;
138
- }
@@ -1,6 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- // tslint:enable:max-line-length
@@ -1,30 +0,0 @@
1
- import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
2
- declare type DefaultData<V> = object | ((this: V) => {});
3
- declare type DefaultMethods<V> = {
4
- [key: string]: (this: V, ...args: any[]) => any;
5
- };
6
- /**
7
- * @hidden
8
- */
9
- export interface ResizeHandlersProps {
10
- onResize: (e: any, args: {
11
- end: boolean;
12
- direction: any;
13
- }) => void;
14
- }
15
- /**
16
- * @hidden
17
- */
18
- export interface ResizeHandlersMethods extends Vue2type {
19
- onDrag: (data: any, key: string) => void;
20
- onRelease: (data: any, key: string) => void;
21
- }
22
- /**
23
- * @hidden
24
- */
25
- declare let ResizeHandlersVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ResizeHandlersMethods>, {}, RecordPropsDefinition<ResizeHandlersProps>>;
26
- /**
27
- * @hidden
28
- */
29
- declare const ResizeHandlers: DefineComponent<ResizeHandlersProps, any, {}, {}, ResizeHandlersMethods, {}, {}, {}, string, ResizeHandlersProps, ResizeHandlersProps, {}>;
30
- export { ResizeHandlers, ResizeHandlersVue2 };
@@ -1,96 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ResizeHandlersVue2 = exports.ResizeHandlers = void 0;
7
- // @ts-ignore
8
- var Vue = require("vue");
9
- var allVue = Vue;
10
- var gh = allVue.h;
11
- var isV3 = allVue.version && allVue.version[0] === '3';
12
- var kendo_vue_common_1 = require("@progress/kendo-vue-common");
13
- /**
14
- * @hidden
15
- */
16
- var keys = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
17
- /**
18
- * @hidden
19
- */
20
- var ResizeHandlersVue2 = {
21
- name: 'ResizeHandlers',
22
- // @ts-ignore
23
- emits: {
24
- 'resize': null
25
- },
26
- // @ts-ignore
27
- setup: !isV3 ? undefined : function () {
28
- var v3 = !!isV3;
29
- return {
30
- v3: v3
31
- };
32
- },
33
- methods: {
34
- onDrag: function onDrag(event, key) {
35
- event.originalEvent.preventDefault();
36
- this.$emit('resize', event, {
37
- end: false,
38
- direction: key
39
- });
40
- },
41
- onRelease: function onRelease(event, key) {
42
- event.originalEvent.preventDefault();
43
- this.$emit('resize', event, {
44
- end: true,
45
- direction: key
46
- });
47
- }
48
- },
49
- // @ts-ignore
50
- render: function render(createElement) {
51
- var h = gh || createElement;
52
- return h("div", [keys.map(function (key, index) {
53
- var _this = this;
54
- return (
55
- // @ts-ignore function children
56
- h(kendo_vue_common_1.Draggable, {
57
- key: index,
58
- onDrag: function onDrag(e) {
59
- return _this.onDrag(e, key);
60
- },
61
- on: this.v3 ? undefined : {
62
- "drag": function onDrag(e) {
63
- return _this.onDrag(e, key);
64
- },
65
- "release": function release(e) {
66
- return _this.onRelease(e, key);
67
- }
68
- },
69
- onRelease: function release(e) {
70
- return _this.onRelease(e, key);
71
- }
72
- }, this.v3 ? function () {
73
- return [h("div", {
74
- "class": 'k-resize-handle k-resize-' + key,
75
- style: {
76
- display: 'block',
77
- touchAction: 'none'
78
- }
79
- })];
80
- } : [h("div", {
81
- "class": 'k-resize-handle k-resize-' + key,
82
- style: {
83
- display: 'block',
84
- touchAction: 'none'
85
- }
86
- })])
87
- );
88
- }, this)]);
89
- }
90
- };
91
- exports.ResizeHandlersVue2 = ResizeHandlersVue2;
92
- /**
93
- * @hidden
94
- */
95
- var ResizeHandlers = ResizeHandlersVue2;
96
- exports.ResizeHandlers = ResizeHandlers;
@@ -1,86 +0,0 @@
1
- import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
2
- declare type DefaultData<V> = object | ((this: V) => {});
3
- declare type DefaultMethods<V> = {
4
- [key: string]: (this: V, ...args: any[]) => any;
5
- };
6
- import { windowStage } from './StageEnum';
7
- /**
8
- * @hidden
9
- */
10
- export interface WindowTitleBarProps {
11
- /**
12
- * @hidden
13
- */
14
- onClosebuttonclick?: (event: any) => void;
15
- /**
16
- * @hidden
17
- */
18
- onDblclick?: (event: any) => void;
19
- /**
20
- * @hidden
21
- */
22
- onMinimizeclick?: (event: any) => void;
23
- /**
24
- * @hidden
25
- */
26
- onFullscreenclick?: (event: any) => void;
27
- /**
28
- * @hidden
29
- */
30
- onRestoreclick?: (event: any) => void;
31
- /**
32
- * @hidden
33
- */
34
- id?: string;
35
- /**
36
- * @hidden
37
- */
38
- title?: string;
39
- /**
40
- * @hidden
41
- */
42
- titleId?: string;
43
- /**
44
- * @hidden
45
- */
46
- titleRender?: any;
47
- /**
48
- * @hidden
49
- */
50
- stage?: windowStage | string;
51
- /**
52
- * @hidden
53
- */
54
- closeButton?: any;
55
- /**
56
- * @hidden
57
- */
58
- minimizeButton?: any;
59
- /**
60
- * @hidden
61
- */
62
- maximizeButton?: any;
63
- /**
64
- * @hidden
65
- */
66
- restoreButton?: any;
67
- }
68
- /**
69
- * @hidden
70
- */
71
- export interface WindowTitleBarMethods extends Vue2type {
72
- onDoubleClick: (e: any) => void;
73
- onMinimizeClick: (e: any) => void;
74
- onFullScreenClick: (e: any) => void;
75
- onRestoreClick: (e: any) => void;
76
- onCloseClick: (e: any) => void;
77
- }
78
- /**
79
- * @hidden
80
- */
81
- declare let WindowTitleBarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<WindowTitleBarMethods>, {}, RecordPropsDefinition<WindowTitleBarProps>>;
82
- /**
83
- * @hidden
84
- */
85
- declare const WindowTitleBar: DefineComponent<WindowTitleBarProps, any, {}, {}, WindowTitleBarMethods, {}, {}, {}, string, WindowTitleBarProps, WindowTitleBarProps, {}>;
86
- export { WindowTitleBar, WindowTitleBarVue2 };
@@ -1,209 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.WindowTitleBarVue2 = exports.WindowTitleBar = void 0;
7
- // @ts-ignore
8
- var kendo_vue_common_1 = require("@progress/kendo-vue-common");
9
- var Vue = require("vue");
10
- var allVue = Vue;
11
- var gh = allVue.h;
12
- var isV3 = allVue.version && allVue.version[0] === '3';
13
- var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
14
- var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
15
- var StageEnum_1 = require("./StageEnum");
16
- var main_1 = require("./messages/main");
17
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
18
- /**
19
- * @hidden
20
- */
21
- var WindowTitleBarVue2 = {
22
- name: 'KendoWindowTitleBar',
23
- props: {
24
- id: String,
25
- stage: String,
26
- closeButton: [String, Function, Object, Boolean],
27
- minimizeButton: [String, Function, Object, Boolean],
28
- maximizeButton: [String, Function, Object, Boolean],
29
- restoreButton: [String, Function, Object, Boolean],
30
- title: String,
31
- titleId: String,
32
- titleRender: [String, Function, Object, Boolean]
33
- },
34
- inject: {
35
- kendoLocalizationService: {
36
- default: null
37
- }
38
- },
39
- // @ts-ignore
40
- setup: !isV3 ? undefined : function () {
41
- var v3 = !!isV3;
42
- return {
43
- v3: v3
44
- };
45
- },
46
- methods: {
47
- onDoubleClick: function onDoubleClick(e) {
48
- this.$emit('doubleclick', e);
49
- },
50
- onMinimizeClick: function onMinimizeClick(e) {
51
- this.$emit('minimizeclick', e);
52
- },
53
- onFullScreenClick: function onFullScreenClick(e) {
54
- this.$emit('fullscreenclick', e);
55
- },
56
- onRestoreClick: function onRestoreClick(e) {
57
- this.$emit('restoreclick', e);
58
- },
59
- onCloseClick: function onCloseClick(e) {
60
- this.$emit('closeclick', e);
61
- }
62
- },
63
- // @ts-ignore
64
- render: function render(createElement) {
65
- var h = gh || createElement;
66
- var props = this.$props;
67
- var stage = props.stage,
68
- title = props.title,
69
- titleRender = props.titleRender,
70
- minimizeButton = props.minimizeButton,
71
- maximizeButton = props.maximizeButton,
72
- restoreButton = props.restoreButton,
73
- closeButton = props.closeButton;
74
- var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
75
- var titleElement = kendo_vue_common_1.getTemplate.call(this, {
76
- h: h,
77
- template: titleRender,
78
- defaultRendering: title
79
- });
80
- var minimizeButtonDefault =
81
- // @ts-ignore
82
- h(kendo_vue_buttons_1.Button, {
83
- type: "button",
84
- attrs: this.v3 ? undefined : {
85
- type: "button",
86
- icon: 'window-minimize',
87
- svgIcon: kendo_svg_icons_1.windowMinimizeIcon,
88
- fillMode: 'flat',
89
- "aria-label": ls.toLanguageString(main_1.dialogsWindowMinimizeButton, main_1.messages[main_1.dialogsWindowMinimizeButton])
90
- },
91
- "class": "k-window-titlebar-action",
92
- icon: 'window-minimize',
93
- svgIcon: kendo_svg_icons_1.windowMinimizeIcon,
94
- fillMode: 'flat',
95
- onClick: this.onMinimizeClick,
96
- on: this.v3 ? undefined : {
97
- "click": this.onMinimizeClick
98
- },
99
- "aria-label": ls.toLanguageString(main_1.dialogsWindowMinimizeButton, main_1.messages[main_1.dialogsWindowMinimizeButton])
100
- });
101
- var minimizeButtonRender = kendo_vue_common_1.getTemplate.call(this, {
102
- h: h,
103
- template: minimizeButton,
104
- defaultRendering: minimizeButtonDefault
105
- });
106
- var maximizeButtonDefault =
107
- // @ts-ignore
108
- h(kendo_vue_buttons_1.Button, {
109
- type: "button",
110
- attrs: this.v3 ? undefined : {
111
- type: "button",
112
- icon: 'window',
113
- svgIcon: kendo_svg_icons_1.windowIcon,
114
- fillMode: 'flat',
115
- "aria-label": ls.toLanguageString(main_1.dialogsWindowMaximizeButton, main_1.messages[main_1.dialogsWindowMaximizeButton])
116
- },
117
- "class": "k-window-titlebar-action",
118
- icon: 'window',
119
- svgIcon: kendo_svg_icons_1.windowIcon,
120
- fillMode: 'flat',
121
- onClick: this.onFullScreenClick,
122
- on: this.v3 ? undefined : {
123
- "click": this.onFullScreenClick
124
- },
125
- "aria-label": ls.toLanguageString(main_1.dialogsWindowMaximizeButton, main_1.messages[main_1.dialogsWindowMaximizeButton])
126
- });
127
- var maximizeButtonRender = kendo_vue_common_1.getTemplate.call(this, {
128
- h: h,
129
- template: maximizeButton,
130
- defaultRendering: maximizeButtonDefault
131
- });
132
- var restoreButtonDefault =
133
- // @ts-ignore
134
- h(kendo_vue_buttons_1.Button, {
135
- type: "button",
136
- attrs: this.v3 ? undefined : {
137
- type: "button",
138
- icon: 'window-restore',
139
- svgIcon: kendo_svg_icons_1.windowRestoreIcon,
140
- fillMode: 'flat',
141
- "aria-label": ls.toLanguageString(main_1.dialogsWindowRestoreButton, main_1.messages[main_1.dialogsWindowRestoreButton])
142
- },
143
- "class": "k-window-titlebar-action",
144
- icon: 'window-restore',
145
- svgIcon: kendo_svg_icons_1.windowRestoreIcon,
146
- fillMode: 'flat',
147
- onClick: this.onRestoreClick,
148
- on: this.v3 ? undefined : {
149
- "click": this.onRestoreClick
150
- },
151
- "aria-label": ls.toLanguageString(main_1.dialogsWindowRestoreButton, main_1.messages[main_1.dialogsWindowRestoreButton])
152
- });
153
- var restoreButtonRender = kendo_vue_common_1.getTemplate.call(this, {
154
- h: h,
155
- template: restoreButton,
156
- defaultRendering: restoreButtonDefault
157
- });
158
- var closeButtonDefault =
159
- // @ts-ignore
160
- h(kendo_vue_buttons_1.Button, {
161
- type: "button",
162
- attrs: this.v3 ? undefined : {
163
- type: "button",
164
- icon: 'x',
165
- svgIcon: kendo_svg_icons_1.xIcon,
166
- fillMode: 'flat',
167
- "aria-label": ls.toLanguageString(main_1.dialogsWindowCloseButton, main_1.messages[main_1.dialogsWindowCloseButton])
168
- },
169
- "class": "k-window-titlebar-action",
170
- icon: 'x',
171
- svgIcon: kendo_svg_icons_1.xIcon,
172
- fillMode: 'flat',
173
- onClick: this.onCloseClick,
174
- on: this.v3 ? undefined : {
175
- "click": this.onCloseClick
176
- },
177
- "aria-label": ls.toLanguageString(main_1.dialogsWindowCloseButton, main_1.messages[main_1.dialogsWindowCloseButton])
178
- });
179
- var closeButtonRender = kendo_vue_common_1.getTemplate.call(this, {
180
- h: h,
181
- template: closeButton,
182
- defaultRendering: closeButtonDefault
183
- });
184
- return h("div", {
185
- "class": "k-window-titlebar",
186
- style: {
187
- touchAction: 'none'
188
- },
189
- onDblclick: this.onDoubleClick,
190
- on: this.v3 ? undefined : {
191
- "dblclick": this.onDoubleClick
192
- }
193
- }, [h("span", {
194
- "class": "k-window-title",
195
- id: this.$props.titleId,
196
- attrs: this.v3 ? undefined : {
197
- id: this.$props.titleId
198
- }
199
- }, [titleElement]), h("div", {
200
- "class": "k-window-titlebar-actions"
201
- }, [stage === StageEnum_1.windowStage.DEFAULT && minimizeButtonRender, stage === StageEnum_1.windowStage.DEFAULT && maximizeButtonRender, stage !== StageEnum_1.windowStage.DEFAULT && restoreButtonRender, closeButtonRender])]);
202
- }
203
- };
204
- exports.WindowTitleBarVue2 = WindowTitleBarVue2;
205
- /**
206
- * @hidden
207
- */
208
- var WindowTitleBar = WindowTitleBarVue2;
209
- exports.WindowTitleBar = WindowTitleBar;
@@ -1,21 +0,0 @@
1
- // @ts-ignore
2
- import { DefineComponent } from 'vue';
3
- // @ts-ignore
4
- import * as Vue from 'vue';
5
-
6
- /**
7
- * @hidden
8
- */
9
- // @ts-ignore
10
- type Vue2type = Vue.default;
11
-
12
- /**
13
- * @hidden
14
- */
15
- // @ts-ignore
16
- import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
17
- /**
18
- * @hidden
19
- */
20
- // @ts-ignore
21
- export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
@@ -1,2 +0,0 @@
1
- /** @hidden */
2
- export declare const DEFAULT_DIALOGS_ZINDEX = 10002;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DEFAULT_DIALOGS_ZINDEX = void 0;
4
- /** @hidden */
5
- exports.DEFAULT_DIALOGS_ZINDEX = 10002;
@@ -1,34 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export interface DialogCloseEvent {
5
- /**
6
- * An event target.
7
- */
8
- target: any;
9
- /**
10
- * A native DOM event.
11
- */
12
- event: any;
13
- }
14
- export interface WindowActionsEvent {
15
- state?: 'DEFAULT' | 'FULLSCREEN' | 'MINIMIZED';
16
- }
17
- export interface WindowMoveEvent {
18
- /**
19
- * An event target.
20
- */
21
- target: Window;
22
- /**
23
- * A native DOM event.
24
- */
25
- event: any;
26
- /**
27
- * Indicates that dragging is completed and that the user dropped the resize handler.
28
- */
29
- end: boolean;
30
- /**
31
- * Indicates that the move operation was initialized through dragging. If the Window is moved through the keyboard, the value will be `false`.
32
- */
33
- drag: boolean;
34
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // tslint:enable:max-line-length
@@ -1,6 +0,0 @@
1
- import { Dialog, DialogVue2, DialogProps } from './Dialog';
2
- import { DialogActionsBar, DialogActionsBarVue2 } from './DialogActionsBar';
3
- import { Window, WindowVue2 } from './Window';
4
- import { WindowProps } from './WindowProps';
5
- import { DialogCloseEvent, WindowActionsEvent, WindowMoveEvent } from './events';
6
- export { Dialog, DialogVue2, DialogProps, DialogActionsBar, DialogActionsBarVue2, DialogCloseEvent, Window, WindowVue2, WindowProps, WindowActionsEvent, WindowMoveEvent };
package/dist/npm/main.js DELETED
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WindowVue2 = exports.Window = exports.DialogActionsBarVue2 = exports.DialogActionsBar = exports.DialogVue2 = exports.Dialog = void 0;
4
- var Dialog_1 = require("./Dialog");
5
- Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
6
- Object.defineProperty(exports, "DialogVue2", { enumerable: true, get: function () { return Dialog_1.DialogVue2; } });
7
- var DialogActionsBar_1 = require("./DialogActionsBar");
8
- Object.defineProperty(exports, "DialogActionsBar", { enumerable: true, get: function () { return DialogActionsBar_1.DialogActionsBar; } });
9
- Object.defineProperty(exports, "DialogActionsBarVue2", { enumerable: true, get: function () { return DialogActionsBar_1.DialogActionsBarVue2; } });
10
- var Window_1 = require("./Window");
11
- Object.defineProperty(exports, "Window", { enumerable: true, get: function () { return Window_1.Window; } });
12
- Object.defineProperty(exports, "WindowVue2", { enumerable: true, get: function () { return Window_1.WindowVue2; } });
@@ -1,25 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export declare const dialogsWindowMaximizeButton = "dialogs.windowMaximizeButton";
5
- /**
6
- * @hidden
7
- */
8
- export declare const dialogsWindowMinimizeButton = "dialogs.windowMinimizeButton";
9
- /**
10
- * @hidden
11
- */
12
- export declare const dialogsWindowRestoreButton = "dialogs.windowRestoreButton";
13
- /**
14
- * @hidden
15
- */
16
- export declare const dialogsWindowCloseButton = "dialogs.windowCloseButton";
17
- /**
18
- * @hidden
19
- */
20
- export declare const messages: {
21
- "dialogs.windowMaximizeButton": string;
22
- "dialogs.windowMinimizeButton": string;
23
- "dialogs.windowRestoreButton": string;
24
- "dialogs.windowCloseButton": string;
25
- };