@progress/kendo-vue-scheduler 3.1.2 → 3.1.3-dev.202203311441

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 (78) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
  2. package/dist/es/Scheduler.js +4 -1
  3. package/dist/es/components/SchedulerActionButtons.d.ts +42 -0
  4. package/dist/es/components/SchedulerActionButtons.js +89 -0
  5. package/dist/es/components/SchedulerForm.js +62 -49
  6. package/dist/es/components/header/view-selector/ViewSelectorItem.js +1 -1
  7. package/dist/es/components/header/view-selector/ViewSelectorList.js +3 -3
  8. package/dist/es/editors/SchedulerFormEditor.js +331 -130
  9. package/dist/es/editors/ZonedDateTime.d.ts +2 -4
  10. package/dist/es/editors/ZonedDateTime.js +32 -15
  11. package/dist/es/package-metadata.js +1 -1
  12. package/dist/es/recurrence/RecurrenceEditor.d.ts +3 -0
  13. package/dist/es/recurrence/RecurrenceEditor.js +307 -457
  14. package/dist/es/recurrence/RecurrenceFrequencyEditor.js +38 -12
  15. package/dist/es/slots/SchedulerEditSlot.js +10 -7
  16. package/dist/es/slots/SchedulerSlot.js +1 -0
  17. package/dist/es/slots/SchedulerViewSlot.js +6 -2
  18. package/dist/es/views/agenda/AgendaView.d.ts +1 -1
  19. package/dist/es/views/agenda/AgendaView.js +39 -9
  20. package/dist/es/views/agenda/AgendaViewBody.d.ts +1 -0
  21. package/dist/es/views/agenda/AgendaViewBody.js +2 -1
  22. package/dist/es/views/common/VerticalResourceIterator.js +12 -6
  23. package/dist/es/views/day/DayView.js +10 -1
  24. package/dist/es/views/day/DayViewMiddleRow.d.ts +12 -0
  25. package/dist/es/views/day/DayViewMiddleRow.js +1 -0
  26. package/dist/es/views/day/DayViewVerticalRow.d.ts +1 -0
  27. package/dist/es/views/day/DayViewVerticalRow.js +5 -2
  28. package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts +1 -0
  29. package/dist/es/views/day/DayViewVerticalSlotsRow.js +1 -0
  30. package/dist/es/views/day/MultiDayView.js +48 -24
  31. package/dist/es/views/month/MonthView.js +10 -4
  32. package/dist/es/views/month/MonthViewBody.d.ts +1 -0
  33. package/dist/es/views/month/MonthViewBody.js +1 -0
  34. package/dist/es/views/time/MultiDayTimelineView.js +12 -4
  35. package/dist/es/views/time/TimelineView.js +15 -3
  36. package/dist/es/views/time/TimelineViewBody.d.ts +1 -0
  37. package/dist/es/views/time/TimelineViewBody.js +1 -0
  38. package/dist/es/views/week/WeekView.js +10 -1
  39. package/dist/es/views/week/WorkWeekView.js +10 -1
  40. package/dist/npm/Scheduler.js +4 -1
  41. package/dist/npm/components/SchedulerActionButtons.d.ts +42 -0
  42. package/dist/npm/components/SchedulerActionButtons.js +100 -0
  43. package/dist/npm/components/SchedulerForm.js +61 -48
  44. package/dist/npm/components/header/view-selector/ViewSelectorItem.js +1 -1
  45. package/dist/npm/components/header/view-selector/ViewSelectorList.js +3 -3
  46. package/dist/npm/editors/SchedulerFormEditor.js +336 -129
  47. package/dist/npm/editors/ZonedDateTime.d.ts +2 -4
  48. package/dist/npm/editors/ZonedDateTime.js +32 -15
  49. package/dist/npm/package-metadata.js +1 -1
  50. package/dist/npm/recurrence/RecurrenceEditor.d.ts +3 -0
  51. package/dist/npm/recurrence/RecurrenceEditor.js +307 -457
  52. package/dist/npm/recurrence/RecurrenceFrequencyEditor.js +38 -12
  53. package/dist/npm/slots/SchedulerEditSlot.js +10 -7
  54. package/dist/npm/slots/SchedulerSlot.js +1 -0
  55. package/dist/npm/slots/SchedulerViewSlot.js +6 -2
  56. package/dist/npm/views/agenda/AgendaView.d.ts +1 -1
  57. package/dist/npm/views/agenda/AgendaView.js +39 -9
  58. package/dist/npm/views/agenda/AgendaViewBody.d.ts +1 -0
  59. package/dist/npm/views/agenda/AgendaViewBody.js +2 -1
  60. package/dist/npm/views/common/VerticalResourceIterator.js +12 -6
  61. package/dist/npm/views/day/DayView.js +10 -1
  62. package/dist/npm/views/day/DayViewMiddleRow.d.ts +12 -0
  63. package/dist/npm/views/day/DayViewMiddleRow.js +1 -0
  64. package/dist/npm/views/day/DayViewVerticalRow.d.ts +1 -0
  65. package/dist/npm/views/day/DayViewVerticalRow.js +5 -2
  66. package/dist/npm/views/day/DayViewVerticalSlotsRow.d.ts +1 -0
  67. package/dist/npm/views/day/DayViewVerticalSlotsRow.js +1 -0
  68. package/dist/npm/views/day/MultiDayView.js +48 -24
  69. package/dist/npm/views/month/MonthView.js +10 -4
  70. package/dist/npm/views/month/MonthViewBody.d.ts +1 -0
  71. package/dist/npm/views/month/MonthViewBody.js +1 -0
  72. package/dist/npm/views/time/MultiDayTimelineView.js +12 -4
  73. package/dist/npm/views/time/TimelineView.js +15 -3
  74. package/dist/npm/views/time/TimelineViewBody.d.ts +1 -0
  75. package/dist/npm/views/time/TimelineViewBody.js +1 -0
  76. package/dist/npm/views/week/WeekView.js +10 -1
  77. package/dist/npm/views/week/WorkWeekView.js +10 -1
  78. package/package.json +12 -12
@@ -158,13 +158,15 @@ var MonthViewVue2 = {
158
158
  group: this.ks.props.group
159
159
  }, this.v3 ? function () {
160
160
  return [h(MonthViewBody, {
161
- slotRender: _this.$props.slotRender,
161
+ editable: _this.$props.editable,
162
162
  attrs: _this.v3 ? undefined : {
163
+ editable: _this.$props.editable,
163
164
  slotRender: _this.$props.slotRender,
164
165
  monthSlots: monthSlots,
165
166
  rangeIndex: rangeIndex,
166
167
  itemsPerSlot: itemsPerSlot
167
168
  },
169
+ slotRender: _this.$props.slotRender,
168
170
  monthSlots: monthSlots,
169
171
  rangeIndex: rangeIndex,
170
172
  itemsPerSlot: itemsPerSlot,
@@ -174,13 +176,15 @@ var MonthViewVue2 = {
174
176
  }
175
177
  })];
176
178
  } : [h(MonthViewBody, {
177
- slotRender: _this.$props.slotRender,
179
+ editable: _this.$props.editable,
178
180
  attrs: _this.v3 ? undefined : {
181
+ editable: _this.$props.editable,
179
182
  slotRender: _this.$props.slotRender,
180
183
  monthSlots: monthSlots,
181
184
  rangeIndex: rangeIndex,
182
185
  itemsPerSlot: itemsPerSlot
183
186
  },
187
+ slotRender: _this.$props.slotRender,
184
188
  monthSlots: monthSlots,
185
189
  rangeIndex: rangeIndex,
186
190
  itemsPerSlot: itemsPerSlot,
@@ -201,7 +205,8 @@ var MonthViewVue2 = {
201
205
  slotRender: this.$props.slotRender,
202
206
  monthSlots: monthSlots,
203
207
  ranges: this.ranges,
204
- itemsPerSlot: itemsPerSlot
208
+ itemsPerSlot: itemsPerSlot,
209
+ editable: this.$props.editable
205
210
  }
206
211
  },
207
212
  resources: this.ks.props.resources,
@@ -214,7 +219,8 @@ var MonthViewVue2 = {
214
219
  slotRender: this.$props.slotRender,
215
220
  monthSlots: monthSlots,
216
221
  ranges: this.ranges,
217
- itemsPerSlot: itemsPerSlot
222
+ itemsPerSlot: itemsPerSlot,
223
+ editable: this.$props.editable
218
224
  }
219
225
  });
220
226
  return (// @ts-ignore function children
@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
5
5
  };
6
6
  /** @hidden */
7
7
  export interface MonthViewBodyProps {
8
+ editable?: object | boolean;
8
9
  groupIndex?: number;
9
10
  rangeIndex: number;
10
11
  itemsPerSlot: number;
@@ -8,6 +8,7 @@ import { provideIntlService } from '@progress/kendo-vue-intl'; // tslint:enable:
8
8
  var MonthViewBodyVue2 = {
9
9
  name: 'KendoMonthViewBody',
10
10
  props: {
11
+ editable: [Object, Boolean],
11
12
  groupIndex: Number,
12
13
  rangeIndex: Number,
13
14
  itemsPerSlot: Number,
@@ -332,14 +332,16 @@ var MultiDayTimelineViewVue2 = {
332
332
  }, _this2.v3 ? function () {
333
333
  return [// @ts-ignore function children
334
334
  h(TimelineViewBody, {
335
- slotRender: _this2.$props.slotRender,
335
+ editable: _this2.$props.editable,
336
336
  attrs: _this2.v3 ? undefined : {
337
+ editable: _this2.$props.editable,
337
338
  slotRender: _this2.$props.slotRender,
338
339
  ranges: _this2.ranges,
339
340
  workDayStart: workDayStart,
340
341
  workDayEnd: workDayEnd,
341
342
  timelineSlots: timelineSlots
342
343
  },
344
+ slotRender: _this2.$props.slotRender,
343
345
  ranges: _this2.ranges,
344
346
  workDayStart: workDayStart,
345
347
  workDayEnd: workDayEnd,
@@ -350,14 +352,16 @@ var MultiDayTimelineViewVue2 = {
350
352
  }
351
353
  })];
352
354
  } : [h(TimelineViewBody, {
353
- slotRender: _this2.$props.slotRender,
355
+ editable: _this2.$props.editable,
354
356
  attrs: _this2.v3 ? undefined : {
357
+ editable: _this2.$props.editable,
355
358
  slotRender: _this2.$props.slotRender,
356
359
  ranges: _this2.ranges,
357
360
  workDayStart: workDayStart,
358
361
  workDayEnd: workDayEnd,
359
362
  timelineSlots: timelineSlots
360
363
  },
364
+ slotRender: _this2.$props.slotRender,
361
365
  ranges: _this2.ranges,
362
366
  workDayStart: workDayStart,
363
367
  workDayEnd: workDayEnd,
@@ -517,14 +521,16 @@ var MultiDayTimelineViewVue2 = {
517
521
  rowContent: TimelineViewAllEventsRowContent
518
522
  }, _this2.v3 ? function () {
519
523
  return [h(TimelineViewBody, {
520
- slotRender: _this2.$props.slotRender,
524
+ editable: _this2.$props.editable,
521
525
  attrs: _this2.v3 ? undefined : {
526
+ editable: _this2.$props.editable,
522
527
  slotRender: _this2.$props.slotRender,
523
528
  ranges: _this2.ranges,
524
529
  workDayStart: workDayStart,
525
530
  workDayEnd: workDayEnd,
526
531
  timelineSlots: timelineSlots
527
532
  },
533
+ slotRender: _this2.$props.slotRender,
528
534
  ranges: _this2.ranges,
529
535
  workDayStart: workDayStart,
530
536
  workDayEnd: workDayEnd,
@@ -535,14 +541,16 @@ var MultiDayTimelineViewVue2 = {
535
541
  }
536
542
  })];
537
543
  } : [h(TimelineViewBody, {
538
- slotRender: _this2.$props.slotRender,
544
+ editable: _this2.$props.editable,
539
545
  attrs: _this2.v3 ? undefined : {
546
+ editable: _this2.$props.editable,
540
547
  slotRender: _this2.$props.slotRender,
541
548
  ranges: _this2.ranges,
542
549
  workDayStart: workDayStart,
543
550
  workDayEnd: workDayEnd,
544
551
  timelineSlots: timelineSlots
545
552
  },
553
+ slotRender: _this2.$props.slotRender,
546
554
  ranges: _this2.ranges,
547
555
  workDayStart: workDayStart,
548
556
  workDayEnd: workDayEnd,
@@ -89,7 +89,8 @@ var TimelineViewVue2 = {
89
89
  default: 100
90
90
  },
91
91
  slotRender: [String, Function, Object],
92
- item: [String, Function, Object]
92
+ item: [String, Function, Object],
93
+ editable: [Object, Boolean]
93
94
  },
94
95
  // @ts-ignore
95
96
  setup: !gh ? undefined : function () {
@@ -123,7 +124,8 @@ var TimelineViewVue2 = {
123
124
  workWeekStart: this.$props.workWeekStart,
124
125
  workWeekEnd: this.$props.workWeekEnd,
125
126
  slotRender: this.$props.slotRender,
126
- item: this.$props.item
127
+ item: this.$props.item,
128
+ editable: this.$props.editable
127
129
  },
128
130
  dateRange: this.$props.dateRange,
129
131
  step: this.$props.step,
@@ -143,8 +145,18 @@ var TimelineViewVue2 = {
143
145
  workWeekStart: this.$props.workWeekStart,
144
146
  workWeekEnd: this.$props.workWeekEnd,
145
147
  slotRender: this.$props.slotRender,
146
- item: this.$props.item
148
+ item: this.$props.item,
149
+ editable: this.$props.editable,
150
+ onDataaction: this.handleDataAction,
151
+ on: this.v3 ? undefined : {
152
+ "dataaction": this.handleDataAction
153
+ }
147
154
  });
155
+ },
156
+ methods: {
157
+ handleDataAction: function handleDataAction(action) {
158
+ this.$emit('dataaction', action);
159
+ }
148
160
  }
149
161
  };
150
162
  var TimelineView = TimelineViewVue2;
@@ -11,6 +11,7 @@ export interface TimelineViewBodyProps {
11
11
  workDayStart: any;
12
12
  workDayEnd: any;
13
13
  slotRender: any;
14
+ editable?: boolean | object;
14
15
  }
15
16
  /**
16
17
  * @hidden
@@ -14,6 +14,7 @@ var TimelineViewBodyVue2 = {
14
14
  ranges: Array,
15
15
  workDayStart: Date,
16
16
  workDayEnd: Date,
17
+ editable: [Object, Boolean],
17
18
  slotRender: [String, Function, Object]
18
19
  },
19
20
  inject: {
@@ -145,8 +145,17 @@ var WeekViewVue2 = {
145
145
  defaultShowWorkHours: this.$props.defaultShowWorkHours,
146
146
  timeHeaderCell: this.$props.timeHeaderCell,
147
147
  slotRender: this.$props.slotRender,
148
- item: this.$props.item
148
+ item: this.$props.item,
149
+ onDataaction: this.handleDataAction,
150
+ on: this.v3 ? undefined : {
151
+ "dataaction": this.handleDataAction
152
+ }
149
153
  });
154
+ },
155
+ methods: {
156
+ handleDataAction: function handleDataAction(action) {
157
+ this.$emit('dataaction', action);
158
+ }
150
159
  }
151
160
  };
152
161
 
@@ -121,8 +121,17 @@ var WorkWeekViewVue2 = {
121
121
  title: title,
122
122
  step: DAYS_IN_WEEK_COUNT,
123
123
  slotRender: this.$props.slotRender,
124
- item: this.$props.item
124
+ item: this.$props.item,
125
+ onDataaction: this.handleDataAction,
126
+ on: this.v3 ? undefined : {
127
+ "dataaction": this.handleDataAction
128
+ }
125
129
  });
130
+ },
131
+ methods: {
132
+ handleDataAction: function handleDataAction(action) {
133
+ this.$emit('dataaction', action);
134
+ }
126
135
  }
127
136
  };
128
137
 
@@ -184,7 +184,7 @@ var SchedulerVue2 = {
184
184
  currentDate: currentDate,
185
185
  showWorkHours: view.showWorkHours !== undefined ? view.showWorkHours : true,
186
186
  timezone: this.$props.timezone,
187
- props: this.$props,
187
+ props: __assign({}, this.$props),
188
188
  views: this.views,
189
189
  view: view,
190
190
  fields: utils_1.getModelFields(this.$props.modelFields).fields,
@@ -208,6 +208,9 @@ var SchedulerVue2 = {
208
208
  timezone: function timezone(newName) {
209
209
  this.ks.timezone = newName;
210
210
  this.updatePassedState();
211
+ },
212
+ dataItems: function dataItems(newDataItems) {
213
+ this.ks.dataItems = newDataItems;
211
214
  }
212
215
  },
213
216
  // @ts-ignore
@@ -0,0 +1,42 @@
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
+ * Represents the properties of [SchedulerActionButtons]({% slug api_scheduler_dateheadercell %}) component.
8
+ */
9
+ export interface SchedulerActionButtonsProps {
10
+ editSaveMessage: string;
11
+ editCancelMessage: string;
12
+ }
13
+ /**
14
+ * @hidden
15
+ */
16
+ export interface SchedulerActionButtonsState {
17
+ }
18
+ /**
19
+ * @hidden
20
+ */
21
+ export interface SchedulerActionButtonsComputed {
22
+ [key: string]: any;
23
+ }
24
+ /**
25
+ * @hidden
26
+ */
27
+ export interface SchedulerActionButtonsMethods {
28
+ [key: string]: any;
29
+ }
30
+ /**
31
+ * @hidden
32
+ */
33
+ export interface SchedulerActionButtonsData {
34
+ }
35
+ /**
36
+ * @hidden
37
+ */
38
+ export interface SchedulerActionButtonsAll extends Vue2type, SchedulerActionButtonsMethods, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsState {
39
+ }
40
+ declare let SchedulerActionButtonsVue2: ComponentOptions<SchedulerActionButtonsAll, DefaultData<SchedulerActionButtonsData>, DefaultMethods<SchedulerActionButtonsAll>, SchedulerActionButtonsComputed, RecordPropsDefinition<SchedulerActionButtonsProps>>;
41
+ declare const SchedulerActionButtons: DefineComponent<SchedulerActionButtonsProps, any, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsMethods, {}, {}, {}, string, SchedulerActionButtonsProps, SchedulerActionButtonsProps, {}>;
42
+ export { SchedulerActionButtons, SchedulerActionButtonsVue2 };
@@ -0,0 +1,100 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SchedulerActionButtonsVue2 = exports.SchedulerActionButtons = void 0; // @ts-ignore
7
+
8
+ var Vue = require("vue");
9
+
10
+ var allVue = Vue;
11
+ var gh = allVue.h;
12
+
13
+ var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
14
+
15
+ var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs"); // tslint:enable:max-line-length
16
+
17
+
18
+ var SchedulerActionButtonsVue2 = {
19
+ name: 'KendoSchedulerActionButtons',
20
+ props: {
21
+ editSaveMessage: String,
22
+ editCancelMessage: String
23
+ },
24
+ inject: {
25
+ kendoForm: {
26
+ default: {}
27
+ }
28
+ },
29
+ // @ts-ignore
30
+ setup: !gh ? undefined : function () {
31
+ var v3 = !!gh;
32
+ return {
33
+ v3: v3
34
+ };
35
+ },
36
+ // @ts-ignore
37
+ render: function render(createElement) {
38
+ var _this = this;
39
+
40
+ var h = gh || createElement;
41
+ return (// @ts-ignore function children
42
+ h(kendo_vue_dialogs_1.DialogActionsBar, this.v3 ? function () {
43
+ return [// @ts-ignore function children
44
+ h(kendo_vue_buttons_1.Button, {
45
+ type: "submit",
46
+ attrs: _this.v3 ? undefined : {
47
+ type: "submit",
48
+ disabled: !_this.kendoForm.allowSubmit
49
+ },
50
+ disabled: !_this.kendoForm.allowSubmit,
51
+ onClick: _this.onSubmit,
52
+ on: _this.v3 ? undefined : {
53
+ "click": _this.onSubmit
54
+ }
55
+ }, _this.v3 ? function () {
56
+ return [_this.editSaveMessage];
57
+ } : [_this.editSaveMessage]), // @ts-ignore function children
58
+ h(kendo_vue_buttons_1.Button, {
59
+ onClick: _this.handleCancel,
60
+ on: _this.v3 ? undefined : {
61
+ "click": _this.handleCancel
62
+ }
63
+ }, _this.v3 ? function () {
64
+ return [_this.editCancelMessage];
65
+ } : [_this.editCancelMessage])];
66
+ } : [h(kendo_vue_buttons_1.Button, {
67
+ type: "submit",
68
+ attrs: _this.v3 ? undefined : {
69
+ type: "submit",
70
+ disabled: !_this.kendoForm.allowSubmit
71
+ },
72
+ disabled: !_this.kendoForm.allowSubmit,
73
+ onClick: _this.onSubmit,
74
+ on: _this.v3 ? undefined : {
75
+ "click": _this.onSubmit
76
+ }
77
+ }, _this.v3 ? function () {
78
+ return [_this.editSaveMessage];
79
+ } : [_this.editSaveMessage]), h(kendo_vue_buttons_1.Button, {
80
+ onClick: _this.handleCancel,
81
+ on: _this.v3 ? undefined : {
82
+ "click": _this.handleCancel
83
+ }
84
+ }, _this.v3 ? function () {
85
+ return [_this.editCancelMessage];
86
+ } : [_this.editCancelMessage])])
87
+ );
88
+ },
89
+ methods: {
90
+ onSubmit: function onSubmit(e) {
91
+ this.kendoForm.onSubmit(e);
92
+ },
93
+ handleCancel: function handleCancel(e) {
94
+ this.$emit('cancel', e);
95
+ }
96
+ }
97
+ };
98
+ exports.SchedulerActionButtonsVue2 = SchedulerActionButtonsVue2;
99
+ var SchedulerActionButtons = SchedulerActionButtonsVue2;
100
+ exports.SchedulerActionButtons = SchedulerActionButtons;
@@ -27,7 +27,7 @@ var allVue = Vue;
27
27
  var gh = allVue.h;
28
28
  var inject = allVue.inject;
29
29
 
30
- var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
30
+ var SchedulerActionButtons_1 = require("./SchedulerActionButtons");
31
31
 
32
32
  var kendo_vue_form_1 = require("@progress/kendo-vue-form");
33
33
 
@@ -35,7 +35,8 @@ var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
35
35
 
36
36
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
37
37
 
38
- var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor");
38
+ var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor"); // import { useSchedulerFieldsContext } from '../context';
39
+
39
40
 
40
41
  var messages_1 = require("../messages"); // tslint:enable:max-line-length
41
42
 
@@ -46,9 +47,18 @@ var SchedulerFormVue2 = {
46
47
  dataItem: Object,
47
48
  renderForm: Object,
48
49
  editor: [String, Function, Object],
49
- dialog: [String, Function, Object]
50
+ dialog: [String, Function, Object],
51
+ validator: {
52
+ type: Function,
53
+ default: function _default() {
54
+ return {};
55
+ }
56
+ }
50
57
  },
51
58
  inject: {
59
+ ks: {
60
+ default: null
61
+ },
52
62
  kendoLocalizationService: {
53
63
  default: null
54
64
  }
@@ -85,8 +95,10 @@ var SchedulerFormVue2 = {
85
95
  title: editorTitleMessage,
86
96
  attrs: this.v3 ? undefined : {
87
97
  title: editorTitleMessage,
98
+ appendTo: 'body',
88
99
  minWidth: 600
89
100
  },
101
+ appendTo: 'body',
90
102
  minWidth: 600,
91
103
  onClose: this.handleClose,
92
104
  on: this.v3 ? undefined : {
@@ -113,36 +125,35 @@ var SchedulerFormVue2 = {
113
125
  attrs: _this.v3 ? undefined : {
114
126
  as: Editor
115
127
  }
128
+ }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
129
+ editSaveMessage: editSaveMessage,
130
+ attrs: _this.v3 ? undefined : {
131
+ editSaveMessage: editSaveMessage,
132
+ editCancelMessage: editCancelMessage
133
+ },
134
+ editCancelMessage: editCancelMessage,
135
+ onCancel: _this.handleCancel,
136
+ on: _this.v3 ? undefined : {
137
+ "cancel": _this.handleCancel
138
+ }
116
139
  })];
117
140
  } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
118
141
  as: Editor,
119
142
  attrs: _this.v3 ? undefined : {
120
143
  as: Editor
121
144
  }
122
- })]), // @ts-ignore function children
123
- h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
124
- return [// @ts-ignore function children
125
- h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
126
- return [editSaveMessage];
127
- } : [editSaveMessage]), // @ts-ignore function children
128
- h(kendo_vue_buttons_1.Button, {
129
- onClick: _this.handleCancel,
130
- on: _this.v3 ? undefined : {
131
- "click": _this.handleCancel
132
- }
133
- }, _this.v3 ? function () {
134
- return [editCancelMessage];
135
- } : [editCancelMessage])];
136
- } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
137
- return [editSaveMessage];
138
- } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
139
- onClick: _this.handleCancel,
145
+ }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
146
+ editSaveMessage: editSaveMessage,
147
+ attrs: _this.v3 ? undefined : {
148
+ editSaveMessage: editSaveMessage,
149
+ editCancelMessage: editCancelMessage
150
+ },
151
+ editCancelMessage: editCancelMessage,
152
+ onCancel: _this.handleCancel,
140
153
  on: _this.v3 ? undefined : {
141
- "click": _this.handleCancel
154
+ "cancel": _this.handleCancel
142
155
  }
143
- }, _this.v3 ? function () {
144
- return [editCancelMessage];
145
- } : [editCancelMessage])])];
156
+ })])];
146
157
  } : [h(kendo_vue_form_1.Form, {
147
158
  initialValues: _this.$props.dataItem,
148
159
  attrs: _this.v3 ? undefined : {
@@ -160,33 +171,35 @@ var SchedulerFormVue2 = {
160
171
  attrs: _this.v3 ? undefined : {
161
172
  as: Editor
162
173
  }
174
+ }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
175
+ editSaveMessage: editSaveMessage,
176
+ attrs: _this.v3 ? undefined : {
177
+ editSaveMessage: editSaveMessage,
178
+ editCancelMessage: editCancelMessage
179
+ },
180
+ editCancelMessage: editCancelMessage,
181
+ onCancel: _this.handleCancel,
182
+ on: _this.v3 ? undefined : {
183
+ "cancel": _this.handleCancel
184
+ }
163
185
  })];
164
186
  } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
165
187
  as: Editor,
166
188
  attrs: _this.v3 ? undefined : {
167
189
  as: Editor
168
190
  }
169
- })]), h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
170
- return [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
171
- return [editSaveMessage];
172
- } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
173
- onClick: _this.handleCancel,
174
- on: _this.v3 ? undefined : {
175
- "click": _this.handleCancel
176
- }
177
- }, _this.v3 ? function () {
178
- return [editCancelMessage];
179
- } : [editCancelMessage])];
180
- } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
181
- return [editSaveMessage];
182
- } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
183
- onClick: _this.handleCancel,
191
+ }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
192
+ editSaveMessage: editSaveMessage,
193
+ attrs: _this.v3 ? undefined : {
194
+ editSaveMessage: editSaveMessage,
195
+ editCancelMessage: editCancelMessage
196
+ },
197
+ editCancelMessage: editCancelMessage,
198
+ onCancel: _this.handleCancel,
184
199
  on: _this.v3 ? undefined : {
185
- "click": _this.handleCancel
200
+ "cancel": _this.handleCancel
186
201
  }
187
- }, _this.v3 ? function () {
188
- return [editCancelMessage];
189
- } : [editCancelMessage])])])
202
+ })])])
190
203
  );
191
204
  },
192
205
  methods: {
@@ -213,20 +226,20 @@ var SchedulerFormVue2 = {
213
226
  });
214
227
  },
215
228
  startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
216
- return Boolean(value && formValueGetter(this.fields.end) && value.getTime() > formValueGetter(this.fields.end).getTime()) ? this.startValidationMessage : undefined;
229
+ return Boolean(value && formValueGetter(this.ks.fields.end) && value.getTime() > formValueGetter(this.ks.fields.end).getTime()) ? this.startValidationMessage : undefined;
217
230
  },
218
231
  endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
219
- return Boolean(value && formValueGetter(this.fields.start) && value.getTime() < formValueGetter(this.fields.start).getTime()) ? this.endValidationMessage : undefined;
232
+ return Boolean(value && formValueGetter(this.ks.fields.start) && value.getTime() < formValueGetter(this.ks.fields.start).getTime()) ? this.endValidationMessage : undefined;
220
233
  },
221
234
  requiredValidator: function requiredValidator(value) {
222
235
  return value ? undefined : this.requiredValidationMessage;
223
236
  },
224
237
  formValidator: function formValidator(_dataItem, formValueGetter) {
225
238
  var result = {};
226
- result[this.fields.start] = [this.requiredValidator(formValueGetter(this.fields.start)), this.startAfterEndValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
239
+ result[this.ks.fields.start] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.startAfterEndValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
227
240
  return current || acc;
228
241
  }, '');
229
- result[this.fields.end] = [this.requiredValidator(formValueGetter(this.fields.start)), this.endAfterStartValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
242
+ result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
230
243
  return current || acc;
231
244
  }, '');
232
245
  var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
@@ -45,7 +45,7 @@ var ViewSelectorItemVue2 = {
45
45
  var h = gh || createElement;
46
46
  var localization = kendo_vue_intl_1.provideLocalizationService(this);
47
47
  var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
48
- var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
48
+ var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || this.$props.view.name;
49
49
  var title = this.$props.view.title || name;
50
50
  return (// @ts-ignore function children
51
51
  h(kendo_vue_buttons_1.Button, {
@@ -91,7 +91,7 @@ var ViewSelectorListVue2 = {
91
91
  return v.name === _this.ks.activeViewName;
92
92
  });
93
93
  var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
94
- var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]);
94
+ var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]) || activeView.name;
95
95
  return h("div", {
96
96
  "class": "k-scheduler-views-wrapper"
97
97
  }, [activeView && this.media === 'mobile' && // @ts-ignore function children
@@ -111,7 +111,7 @@ var ViewSelectorListVue2 = {
111
111
  textField: "title",
112
112
  items: views.map(function (v) {
113
113
  var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
114
- var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
114
+ var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
115
115
  return __assign(__assign({}, v.props), {
116
116
  selected: v.name === this.ks.activeViewName,
117
117
  name: v.name,
@@ -123,7 +123,7 @@ var ViewSelectorListVue2 = {
123
123
  textField: "title",
124
124
  items: views.map(function (v) {
125
125
  var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
126
- var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
126
+ var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
127
127
  return __assign(__assign({}, v.props), {
128
128
  selected: v.name === this.ks.activeViewName,
129
129
  name: v.name,