@progress/kendo-vue-scheduler 3.2.7 → 3.2.9-dev.202205051307

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 (80) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
  2. package/dist/es/Scheduler.d.ts +14 -0
  3. package/dist/es/Scheduler.js +24 -4
  4. package/dist/es/components/{CurrentTimeMarket.d.ts → CurrentTimeMarker.d.ts} +0 -0
  5. package/dist/es/components/CurrentTimeMarker.js +160 -0
  6. package/dist/es/components/CurrentTimeMarkerArrow.d.ts +43 -0
  7. package/dist/es/components/CurrentTimeMarkerArrow.js +135 -0
  8. package/dist/es/components/DateHeaderCell.js +15 -2
  9. package/dist/es/components/SchedulerForm.d.ts +0 -18
  10. package/dist/es/components/SchedulerForm.js +73 -174
  11. package/dist/es/components/TimeHeaderCell.js +15 -2
  12. package/dist/es/items/SchedulerEditItem.js +120 -91
  13. package/dist/es/items/SchedulerViewItem.js +9 -6
  14. package/dist/es/main.d.ts +2 -1
  15. package/dist/es/main.js +2 -1
  16. package/dist/es/package-metadata.js +1 -1
  17. package/dist/es/slots/SchedulerEditSlot.js +60 -45
  18. package/dist/es/slots/SchedulerSlot.d.ts +4 -0
  19. package/dist/es/slots/SchedulerViewSlot.d.ts +0 -1
  20. package/dist/es/slots/SchedulerViewSlot.js +12 -4
  21. package/dist/es/views/agenda/AgendaViewBody.js +0 -1
  22. package/dist/es/views/common/VerticalResourceIterator.js +10 -2
  23. package/dist/es/views/day/DayView.js +12 -1
  24. package/dist/es/views/day/DayViewAllDaySlots.d.ts +1 -0
  25. package/dist/es/views/day/DayViewAllDaySlots.js +1 -0
  26. package/dist/es/views/day/DayViewMiddleRow.d.ts +1 -0
  27. package/dist/es/views/day/DayViewMiddleRow.js +1 -0
  28. package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts +3 -0
  29. package/dist/es/views/day/DayViewVerticalSlotsRow.js +25 -5
  30. package/dist/es/views/day/MultiDayView.js +37 -23
  31. package/dist/es/views/month/MonthView.js +9 -0
  32. package/dist/es/views/month/MonthViewBody.d.ts +1 -0
  33. package/dist/es/views/month/MonthViewBody.js +2 -1
  34. package/dist/es/views/time/MultiDayTimelineView.js +24 -5
  35. package/dist/es/views/time/TimelineView.js +12 -1
  36. package/dist/es/views/time/TimelineViewBody.d.ts +2 -0
  37. package/dist/es/views/time/TimelineViewBody.js +19 -7
  38. package/dist/es/views/week/WeekView.js +12 -1
  39. package/dist/es/views/week/WorkWeekView.js +15 -1
  40. package/dist/npm/Scheduler.d.ts +14 -0
  41. package/dist/npm/Scheduler.js +24 -4
  42. package/dist/npm/components/{CurrentTimeMarket.d.ts → CurrentTimeMarker.d.ts} +0 -0
  43. package/dist/npm/components/CurrentTimeMarker.js +171 -0
  44. package/dist/npm/components/CurrentTimeMarkerArrow.d.ts +43 -0
  45. package/dist/npm/components/CurrentTimeMarkerArrow.js +147 -0
  46. package/dist/npm/components/DateHeaderCell.js +16 -2
  47. package/dist/npm/components/SchedulerForm.d.ts +0 -18
  48. package/dist/npm/components/SchedulerForm.js +74 -174
  49. package/dist/npm/components/TimeHeaderCell.js +16 -2
  50. package/dist/npm/items/SchedulerEditItem.js +119 -90
  51. package/dist/npm/items/SchedulerViewItem.js +9 -6
  52. package/dist/npm/main.d.ts +2 -1
  53. package/dist/npm/main.js +3 -1
  54. package/dist/npm/package-metadata.js +1 -1
  55. package/dist/npm/slots/SchedulerEditSlot.js +59 -44
  56. package/dist/npm/slots/SchedulerSlot.d.ts +4 -0
  57. package/dist/npm/slots/SchedulerViewSlot.d.ts +0 -1
  58. package/dist/npm/slots/SchedulerViewSlot.js +12 -4
  59. package/dist/npm/views/agenda/AgendaViewBody.js +0 -1
  60. package/dist/npm/views/common/VerticalResourceIterator.js +10 -2
  61. package/dist/npm/views/day/DayView.js +12 -1
  62. package/dist/npm/views/day/DayViewAllDaySlots.d.ts +1 -0
  63. package/dist/npm/views/day/DayViewAllDaySlots.js +1 -0
  64. package/dist/npm/views/day/DayViewMiddleRow.d.ts +1 -0
  65. package/dist/npm/views/day/DayViewMiddleRow.js +1 -0
  66. package/dist/npm/views/day/DayViewVerticalSlotsRow.d.ts +3 -0
  67. package/dist/npm/views/day/DayViewVerticalSlotsRow.js +28 -6
  68. package/dist/npm/views/day/MultiDayView.js +38 -23
  69. package/dist/npm/views/month/MonthView.js +9 -0
  70. package/dist/npm/views/month/MonthViewBody.d.ts +1 -0
  71. package/dist/npm/views/month/MonthViewBody.js +2 -1
  72. package/dist/npm/views/time/MultiDayTimelineView.js +24 -5
  73. package/dist/npm/views/time/TimelineView.js +12 -1
  74. package/dist/npm/views/time/TimelineViewBody.d.ts +2 -0
  75. package/dist/npm/views/time/TimelineViewBody.js +20 -7
  76. package/dist/npm/views/week/WeekView.js +12 -1
  77. package/dist/npm/views/week/WorkWeekView.js +15 -1
  78. package/package.json +12 -12
  79. package/dist/es/components/CurrentTimeMarket.js +0 -187
  80. package/dist/npm/components/CurrentTimeMarket.js +0 -199
@@ -25,7 +25,8 @@ import { Dialog as KendoDialog } from '@progress/kendo-vue-dialogs';
25
25
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
26
26
  import { SchedulerFormEditor } from '../editors/SchedulerFormEditor'; // import { useSchedulerFieldsContext } from '../context';
27
27
 
28
- import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages'; // tslint:enable:max-line-length
28
+ import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages';
29
+ import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
29
30
 
30
31
  var SchedulerFormVue2 = {
31
32
  name: 'KendoSchedulerForm',
@@ -36,10 +37,7 @@ var SchedulerFormVue2 = {
36
37
  submit: null
37
38
  },
38
39
  props: {
39
- dataItem: Object,
40
- renderForm: Object,
41
- editor: [String, Function, Object],
42
- dialog: [String, Function, Object]
40
+ dataItem: Object
43
41
  },
44
42
  inject: {
45
43
  ks: {
@@ -69,179 +67,18 @@ var SchedulerFormVue2 = {
69
67
  var _this = this;
70
68
 
71
69
  var h = gh || createElement;
72
- var _a = this.$props,
73
- Editor = _a.editor,
74
- Dialog = _a.dialog,
75
- validator = _a.validator; // const form = React.useRef<SchedulerFormHandle>(null);
76
-
77
- var localization = provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
78
-
70
+ var that = this;
71
+ var localization = provideLocalizationService(this);
79
72
  this.requiredValidationMessage = localization.toLanguageString(editorValidationRequired, messages[editorValidationRequired]);
80
73
  this.endValidationMessage = localization.toLanguageString(editorValidationEnd, messages[editorValidationEnd]);
81
74
  var editSaveMessage = localization.toLanguageString(editorSave, messages[editorSave]);
82
75
  var editCancelMessage = localization.toLanguageString(editorCancel, messages[editorCancel]);
83
76
  var editorTitleMessage = localization.toLanguageString(editorTitle, messages[editorTitle]);
84
77
  this.startValidationMessage = localization.toLanguageString(editorValidationStart, messages[editorValidationStart]);
85
- return (// @ts-ignore function children
86
- h(KendoDialog, {
87
- title: editorTitleMessage,
88
- attrs: this.v3 ? undefined : {
89
- title: editorTitleMessage,
90
- appendTo: 'body',
91
- minWidth: 600
92
- },
93
- appendTo: 'body',
94
- minWidth: 600,
95
- onClose: this.handleClose,
96
- on: this.v3 ? undefined : {
97
- "close": this.handleClose
98
- },
99
- "class": "k-scheduler-edit-dialog"
100
- }, this.v3 ? function () {
101
- return [// @ts-ignore function children
102
- h(Form, {
103
- initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
104
- attrs: _this.v3 ? undefined : {
105
- initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
106
- validator: _this.formValidator
107
- },
108
- onSubmit: _this.handleSubmit,
109
- on: _this.v3 ? undefined : {
110
- "submit": _this.handleSubmit
111
- },
112
- validator: _this.formValidator
113
- }, _this.v3 ? function () {
114
- return [// @ts-ignore function children
115
- h(SchedulerFormEditor, {
116
- renderForm: _this.renderForm // {...this.renderProps}
117
- ,
118
- attrs: _this.v3 ? undefined : {
119
- renderForm: _this.renderForm,
120
- as: Editor
121
- },
122
- as: Editor
123
- }, _this.v3 ? function () {
124
- return [h(SchedulerActionButtons, {
125
- editSaveMessage: editSaveMessage,
126
- attrs: _this.v3 ? undefined : {
127
- editSaveMessage: editSaveMessage,
128
- editCancelMessage: editCancelMessage
129
- },
130
- editCancelMessage: editCancelMessage,
131
- onCancel: _this.handleCancel,
132
- on: _this.v3 ? undefined : {
133
- "cancel": _this.handleCancel
134
- }
135
- })];
136
- } : [h(SchedulerActionButtons, {
137
- editSaveMessage: editSaveMessage,
138
- attrs: _this.v3 ? undefined : {
139
- editSaveMessage: editSaveMessage,
140
- editCancelMessage: editCancelMessage
141
- },
142
- editCancelMessage: editCancelMessage,
143
- onCancel: _this.handleCancel,
144
- on: _this.v3 ? undefined : {
145
- "cancel": _this.handleCancel
146
- }
147
- })])];
148
- } : [h(SchedulerFormEditor, {
149
- renderForm: _this.renderForm,
150
- attrs: _this.v3 ? undefined : {
151
- renderForm: _this.renderForm,
152
- as: Editor
153
- },
154
- as: Editor
155
- }, _this.v3 ? function () {
156
- return [h(SchedulerActionButtons, {
157
- editSaveMessage: editSaveMessage,
158
- attrs: _this.v3 ? undefined : {
159
- editSaveMessage: editSaveMessage,
160
- editCancelMessage: editCancelMessage
161
- },
162
- editCancelMessage: editCancelMessage,
163
- onCancel: _this.handleCancel,
164
- on: _this.v3 ? undefined : {
165
- "cancel": _this.handleCancel
166
- }
167
- })];
168
- } : [h(SchedulerActionButtons, {
169
- editSaveMessage: editSaveMessage,
170
- attrs: _this.v3 ? undefined : {
171
- editSaveMessage: editSaveMessage,
172
- editCancelMessage: editCancelMessage
173
- },
174
- editCancelMessage: editCancelMessage,
175
- onCancel: _this.handleCancel,
176
- on: _this.v3 ? undefined : {
177
- "cancel": _this.handleCancel
178
- }
179
- })])])];
180
- } : [h(Form, {
181
- initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
182
- attrs: _this.v3 ? undefined : {
183
- initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
184
- validator: _this.formValidator
185
- },
186
- onSubmit: _this.handleSubmit,
187
- on: _this.v3 ? undefined : {
188
- "submit": _this.handleSubmit
189
- },
190
- validator: _this.formValidator
191
- }, _this.v3 ? function () {
192
- return [h(SchedulerFormEditor, {
193
- renderForm: _this.renderForm,
194
- attrs: _this.v3 ? undefined : {
195
- renderForm: _this.renderForm,
196
- as: Editor
197
- },
198
- as: Editor
199
- }, _this.v3 ? function () {
200
- return [h(SchedulerActionButtons, {
201
- editSaveMessage: editSaveMessage,
202
- attrs: _this.v3 ? undefined : {
203
- editSaveMessage: editSaveMessage,
204
- editCancelMessage: editCancelMessage
205
- },
206
- editCancelMessage: editCancelMessage,
207
- onCancel: _this.handleCancel,
208
- on: _this.v3 ? undefined : {
209
- "cancel": _this.handleCancel
210
- }
211
- })];
212
- } : [h(SchedulerActionButtons, {
213
- editSaveMessage: editSaveMessage,
214
- attrs: _this.v3 ? undefined : {
215
- editSaveMessage: editSaveMessage,
216
- editCancelMessage: editCancelMessage
217
- },
218
- editCancelMessage: editCancelMessage,
219
- onCancel: _this.handleCancel,
220
- on: _this.v3 ? undefined : {
221
- "cancel": _this.handleCancel
222
- }
223
- })])];
224
- } : [h(SchedulerFormEditor, {
225
- renderForm: _this.renderForm,
226
- attrs: _this.v3 ? undefined : {
227
- renderForm: _this.renderForm,
228
- as: Editor
229
- },
230
- as: Editor
231
- }, _this.v3 ? function () {
232
- return [h(SchedulerActionButtons, {
233
- editSaveMessage: editSaveMessage,
234
- attrs: _this.v3 ? undefined : {
235
- editSaveMessage: editSaveMessage,
236
- editCancelMessage: editCancelMessage
237
- },
238
- editCancelMessage: editCancelMessage,
239
- onCancel: _this.handleCancel,
240
- on: _this.v3 ? undefined : {
241
- "cancel": _this.handleCancel
242
- }
243
- })];
244
- } : [h(SchedulerActionButtons, {
78
+ var renderAs;
79
+ var defaultRendering = // @ts-ignore function children
80
+ h(SchedulerFormEditor, this.v3 ? function () {
81
+ return [h(SchedulerActionButtons, {
245
82
  editSaveMessage: editSaveMessage,
246
83
  attrs: _this.v3 ? undefined : {
247
84
  editSaveMessage: editSaveMessage,
@@ -252,8 +89,70 @@ var SchedulerFormVue2 = {
252
89
  on: _this.v3 ? undefined : {
253
90
  "cancel": _this.handleCancel
254
91
  }
255
- })])])])
256
- );
92
+ })];
93
+ } : [h(SchedulerActionButtons, {
94
+ editSaveMessage: editSaveMessage,
95
+ attrs: _this.v3 ? undefined : {
96
+ editSaveMessage: editSaveMessage,
97
+ editCancelMessage: editCancelMessage
98
+ },
99
+ editCancelMessage: editCancelMessage,
100
+ onCancel: _this.handleCancel,
101
+ on: _this.v3 ? undefined : {
102
+ "cancel": _this.handleCancel
103
+ }
104
+ })]);
105
+ renderAs = getTemplate.call(this, {
106
+ h: h,
107
+ template: this.ks.form,
108
+ defaultRendering: defaultRendering,
109
+ additionalProps: {
110
+ dataItem: this.dataItem,
111
+ editSaveMessage: editSaveMessage,
112
+ editCancelMessage: editCancelMessage
113
+ },
114
+ additionalListeners: {
115
+ onCancel: this.handleCancel
116
+ }
117
+ });
118
+
119
+ var dialogProps = __assign({
120
+ title: editorTitleMessage,
121
+ appendTo: 'body',
122
+ minWidth: 600
123
+ }, this.ks.dialogProps);
124
+
125
+ var formProps = __assign({
126
+ initialValues: that.ksModifyInitialFormValues(that.$props.dataItem),
127
+ validator: that.formValidator
128
+ }, this.ks.formProps);
129
+
130
+ return h(KendoDialog, __assign({
131
+ attrs: this.v3 ? undefined : dialogProps,
132
+ onClose: this.handleClose,
133
+ on: this.v3 ? undefined : {
134
+ 'close': this.handleClose
135
+ },
136
+ 'class': 'k-scheduler-edit-dialog'
137
+ }, dialogProps), this.v3 ? function () {
138
+ return [h(Form, __assign({
139
+ attrs: that.v3 ? undefined : formProps,
140
+ onSubmit: that.handleSubmit,
141
+ on: that.v3 ? undefined : {
142
+ 'submit': that.handleSubmit
143
+ }
144
+ }, formProps), that.v3 ? function () {
145
+ return [renderAs];
146
+ } : [renderAs])];
147
+ } : [h(Form, __assign({
148
+ attrs: this.v3 ? undefined : formProps,
149
+ onSubmit: this.handleSubmit,
150
+ on: this.v3 ? undefined : {
151
+ 'submit': this.handleSubmit
152
+ }
153
+ }, formProps), this.v3 ? function () {
154
+ return [renderAs];
155
+ } : [renderAs])]);
257
156
  },
258
157
  methods: {
259
158
  handleCancel: function handleCancel(event) {
@@ -3,7 +3,8 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var inject = allVue.inject;
6
- import { provideIntlService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
6
+ import { provideIntlService } from '@progress/kendo-vue-intl';
7
+ import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
7
8
 
8
9
  var TimeHeaderCellVue2 = {
9
10
  name: 'KendoTimeHeaderCell',
@@ -35,9 +36,21 @@ var TimeHeaderCellVue2 = {
35
36
  render: function render(createElement) {
36
37
  var h = gh || createElement;
37
38
  var intl = provideIntlService(this);
39
+ var renderAs;
40
+ var defaultRendering = intl.formatDate(this.$props.date, this.$props.format);
41
+ renderAs = getTemplate.call(this, {
42
+ h: h,
43
+ template: this.$props.as,
44
+ defaultRendering: defaultRendering,
45
+ additionalProps: {
46
+ default: defaultRendering,
47
+ date: this.$props.date,
48
+ format: this.$props.format
49
+ }
50
+ });
38
51
  return h("div", {
39
52
  "class": 'k-scheduler-cell k-heading-cell'
40
- }, [intl.formatDate(this.$props.date, this.$props.format)]);
53
+ }, [renderAs]);
41
54
  }
42
55
  };
43
56
  var TimeHeaderCell = TimeHeaderCellVue2;
@@ -20,7 +20,7 @@ var allVue = Vue;
20
20
  var gh = allVue.h;
21
21
  var inject = allVue.inject;
22
22
  import { DATA_ACTION } from '../Scheduler';
23
- import { clone, Keys } from '@progress/kendo-vue-common';
23
+ import { clone, Keys, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
24
24
  import { SchedulerViewItem } from './SchedulerViewItem';
25
25
  import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
26
26
  import { FORM_ITEM_ACTION } from './hooks/use-form-item';
@@ -193,7 +193,8 @@ var SchedulerEditItemVue2 = {
193
193
  render: function render(createElement) {
194
194
  var _this = this;
195
195
 
196
- var h = gh || createElement; // tslint:enable:max-line-length
196
+ var h = gh || createElement;
197
+ var defaultSlot = getDefaultSlots(this); // tslint:enable:max-line-length
197
198
 
198
199
  var _a = this.$props,
199
200
  onDataaction = _a.onDataaction,
@@ -269,56 +270,12 @@ var SchedulerEditItemVue2 = {
269
270
  var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
270
271
  return compareItems(si, _this, _this.ignoreIsAllDay);
271
272
  }));
272
- return (// @ts-ignore function children
273
- h(SchedulerViewItem, {
273
+ var itemRender;
274
+ var itemRenderDefaultRendering = // @ts-ignore function children
275
+ h(SchedulerViewItem, {
276
+ ignoreIsAllDay: this.ignoreIsAllDay,
277
+ attrs: this.v3 ? undefined : {
274
278
  ignoreIsAllDay: this.ignoreIsAllDay,
275
- attrs: this.v3 ? undefined : {
276
- ignoreIsAllDay: this.ignoreIsAllDay,
277
- item: this.item,
278
- uid: this.uid,
279
- start: this.start,
280
- end: this.end,
281
- originalStart: this.originalStart,
282
- startTimezone: this.startTimezone,
283
- endTimezone: this.endTimezone,
284
- isAllDay: this.isAllDay,
285
- title: this.title,
286
- description: this.description,
287
- occurrenceId: this.occurrenceId,
288
- recurrenceExceptions: this.recurrenceExceptions,
289
- recurrenceRule: this.recurrenceRule,
290
- recurrenceId: this.recurrenceId,
291
- dataItem: this.dataItem,
292
- head: this.head,
293
- tail: this.tail,
294
- order: this.order,
295
- zonedStart: this.zonedStart,
296
- zonedEnd: this.zonedEnd,
297
- slots: this.slots,
298
- group: this.group,
299
- range: this.range,
300
- isException: this.isException,
301
- isRecurring: this.isRecurring,
302
- id: this.id,
303
- className: this.className,
304
- itemStyle: this.itemStyle,
305
- editable: this.editable,
306
- vertical: this.vertical,
307
- dragHint: this.dragHint,
308
- resizeHint: this.resizeHint,
309
- format: this.format,
310
- showOccurrenceDialog: this.compShowOccurrenceDialog,
311
- showRemoveDialog: this.compShowRemoveDialog,
312
- formItem: this.compFormItem,
313
- dragItem: this.compDragItem,
314
- resizeItem: this.compResizeItem,
315
- removeItem: this.compRemoveItem // refTo={this}
316
- ,
317
- itemRef: this.item,
318
- selected: selected,
319
- tabIndex: this.currentTabIndex // Keyboard
320
-
321
- },
322
279
  item: this.item,
323
280
  uid: this.uid,
324
281
  start: this.start,
@@ -357,48 +314,120 @@ var SchedulerEditItemVue2 = {
357
314
  formItem: this.compFormItem,
358
315
  dragItem: this.compDragItem,
359
316
  resizeItem: this.compResizeItem,
360
- removeItem: this.compRemoveItem,
317
+ removeItem: this.compRemoveItem // refTo={this}
318
+ ,
361
319
  itemRef: this.item,
362
320
  selected: selected,
363
- tabIndex: this.currentTabIndex,
364
- onKeydown: this.handleKeyDown,
365
- on: this.v3 ? undefined : {
366
- "keydown": this.handleKeyDown,
367
- "keyup": this.handleKeyUp,
368
- "focus": this.handleFocus,
369
- "mouseup": this.handleMouseUp,
370
- "mousedown": this.handleMouseDown,
371
- "click": this.handleClick,
372
- "doubleclick": this.handleDoubleClick,
373
- "removeclick": this.handleRemoveClick,
374
- "press": this.handlePress,
375
- "drag": this.handleDrag,
376
- "release": this.handleRelease,
377
- "resizepress": this.handleResizePress,
378
- "resizeenddrag": this.handleResizeEndDrag,
379
- "resizestartdrag": this.handleResizeStartDrag,
380
- "resizerelease": this.handleResizeRelease
381
- },
382
- onKeyup: this.handleKeyUp // Focus
383
- ,
384
- onFocus: this.handleFocus // Mouse
385
- ,
386
- onMouseup: this.handleMouseUp,
387
- onMousedown: this.handleMouseDown,
388
- onClick: this.handleClick,
389
- onDoubleclick: this.handleDoubleClick,
390
- onRemoveclick: this.handleRemoveClick // Drag
391
- ,
392
- onPress: this.handlePress,
393
- onDrag: this.handleDrag,
394
- onRelease: this.handleRelease // Resize
395
- ,
396
- onResizepress: this.handleResizePress,
397
- onResizeenddrag: this.handleResizeEndDrag,
398
- onResizestartdrag: this.handleResizeStartDrag,
399
- onResizerelease: this.handleResizeRelease
400
- })
401
- );
321
+ tabIndex: this.currentTabIndex // Keyboard
322
+
323
+ },
324
+ item: this.item,
325
+ uid: this.uid,
326
+ start: this.start,
327
+ end: this.end,
328
+ originalStart: this.originalStart,
329
+ startTimezone: this.startTimezone,
330
+ endTimezone: this.endTimezone,
331
+ isAllDay: this.isAllDay,
332
+ title: this.title,
333
+ description: this.description,
334
+ occurrenceId: this.occurrenceId,
335
+ recurrenceExceptions: this.recurrenceExceptions,
336
+ recurrenceRule: this.recurrenceRule,
337
+ recurrenceId: this.recurrenceId,
338
+ dataItem: this.dataItem,
339
+ head: this.head,
340
+ tail: this.tail,
341
+ order: this.order,
342
+ zonedStart: this.zonedStart,
343
+ zonedEnd: this.zonedEnd,
344
+ slots: this.slots,
345
+ group: this.group,
346
+ range: this.range,
347
+ isException: this.isException,
348
+ isRecurring: this.isRecurring,
349
+ id: this.id,
350
+ className: this.className,
351
+ itemStyle: this.itemStyle,
352
+ editable: this.editable,
353
+ vertical: this.vertical,
354
+ dragHint: this.dragHint,
355
+ resizeHint: this.resizeHint,
356
+ format: this.format,
357
+ showOccurrenceDialog: this.compShowOccurrenceDialog,
358
+ showRemoveDialog: this.compShowRemoveDialog,
359
+ formItem: this.compFormItem,
360
+ dragItem: this.compDragItem,
361
+ resizeItem: this.compResizeItem,
362
+ removeItem: this.compRemoveItem,
363
+ itemRef: this.item,
364
+ selected: selected,
365
+ tabIndex: this.currentTabIndex,
366
+ onKeydown: this.handleKeyDown,
367
+ on: this.v3 ? undefined : {
368
+ "keydown": this.handleKeyDown,
369
+ "keyup": this.handleKeyUp,
370
+ "focus": this.handleFocus,
371
+ "mouseup": this.handleMouseUp,
372
+ "mousedown": this.handleMouseDown,
373
+ "click": this.handleClick,
374
+ "doubleclick": this.handleDoubleClick,
375
+ "removeclick": this.handleRemoveClick,
376
+ "press": this.handlePress,
377
+ "drag": this.handleDrag,
378
+ "release": this.handleRelease,
379
+ "resizepress": this.handleResizePress,
380
+ "resizeenddrag": this.handleResizeEndDrag,
381
+ "resizestartdrag": this.handleResizeStartDrag,
382
+ "resizerelease": this.handleResizeRelease
383
+ },
384
+ onKeyup: this.handleKeyUp // Focus
385
+ ,
386
+ onFocus: this.handleFocus // Mouse
387
+ ,
388
+ onMouseup: this.handleMouseUp,
389
+ onMousedown: this.handleMouseDown,
390
+ onClick: this.handleClick,
391
+ onDoubleclick: this.handleDoubleClick,
392
+ onRemoveclick: this.handleRemoveClick // Drag
393
+ ,
394
+ onPress: this.handlePress,
395
+ onDrag: this.handleDrag,
396
+ onRelease: this.handleRelease // Resize
397
+ ,
398
+ onResizepress: this.handleResizePress,
399
+ onResizeenddrag: this.handleResizeEndDrag,
400
+ onResizestartdrag: this.handleResizeStartDrag,
401
+ onResizerelease: this.handleResizeRelease
402
+ });
403
+ itemRender = getTemplate.call(this, {
404
+ h: h,
405
+ template: this.$props.viewItem,
406
+ defaultRendering: itemRenderDefaultRendering,
407
+ defaultSlots: defaultSlot,
408
+ additionalListeners: {
409
+ // keydown: this.handleKeyDown,
410
+ // keyup: this.handleKeyUp,
411
+ // Focus
412
+ // focus: this.handleFocus,
413
+ // Mouse
414
+ // mouseup: this.handleMouseUp,
415
+ // mousedown: this.handleMouseDown,
416
+ // click: this.handleClick,
417
+ doubleclick: this.handleDoubleClick,
418
+ removeclick: this.handleRemoveClick,
419
+ // Drag
420
+ press: this.handlePress,
421
+ drag: this.handleDrag,
422
+ release: this.handleRelease,
423
+ // Resize
424
+ resizepress: this.handleResizePress,
425
+ resizeenddrag: this.handleResizeEndDrag,
426
+ resizestartdrag: this.handleResizeStartDrag,
427
+ resizerelease: this.handleResizeRelease
428
+ }
429
+ });
430
+ return itemRender;
402
431
  },
403
432
  methods: {
404
433
  dispatchSeries: function dispatchSeries(action, _event) {
@@ -117,23 +117,26 @@ var SchedulerViewItemVue2 = {
117
117
  that.position();
118
118
  });
119
119
 
120
- if (!this.ks.scheduler) {
120
+ if (!this.ks.scheduler || !this.ks.scheduler.$el) {
121
121
  return;
122
122
  }
123
123
 
124
124
  this.observer = new window.ResizeObserver(this.handleResize);
125
- this.observer.observe(this.ks.scheduler);
125
+ this.observer.observe(this.ks.scheduler.$el);
126
126
  },
127
127
  updated: function updated() {
128
- this.align();
129
- this.position();
128
+ var that = this;
129
+ this.$nextTick(function () {
130
+ that.align();
131
+ that.position();
132
+ });
130
133
 
131
- if (!this.ks.scheduler || this.observer) {
134
+ if (!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) {
132
135
  return;
133
136
  }
134
137
 
135
138
  this.observer = new window.ResizeObserver(this.handleResize);
136
- this.observer.observe(this.ks.scheduler);
139
+ this.observer.observe(this.ks.scheduler.$el);
137
140
  },
138
141
  destroyed: !!gh ? undefined : function () {
139
142
  if (this.observer) {
package/dist/es/main.d.ts CHANGED
@@ -19,6 +19,7 @@ import { SchedulerDrag, SchedulerDragProps } from './views/common/SchedulerDrag'
19
19
  import { SchedulerResize, SchedulerResizeProps } from './views/common/SchedulerResize';
20
20
  import { SchedulerForm, SchedulerFormHandle, SchedulerFormProps } from './components/SchedulerForm';
21
21
  import { SchedulerFormEditor, SchedulerFormEditorHandle, SchedulerFormEditorProps } from './editors/SchedulerFormEditor';
22
+ import { SchedulerActionButtons } from './components/SchedulerActionButtons';
22
23
  import { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogHandle, SchedulerOccurrenceDialogProps } from './components/SchedulerOccurrenceDialog';
23
24
  import { SchedulerRemoveDialog, SchedulerRemoveDialogHandle, SchedulerRemoveDialogProps } from './components/SchedulerRemoveDialog';
24
25
  import { SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle } from './components/header/SchedulerHeader';
@@ -39,4 +40,4 @@ import { SchedulerItemShowOccurrenceDialogAction, SHOW_OCCURRENCE_DIALOG_ACTION
39
40
  import { SchedulerItemShowRemoveDialogAction, SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog';
40
41
  import { SchedulerSlotsSelectAction, SLOTS_SELECT_ACTION } from './hooks/use-slots-selection';
41
42
  import { SchedulerGroup, SchedulerResource } from './models';
42
- export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };
43
+ export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerActionButtons, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };
package/dist/es/main.js CHANGED
@@ -19,6 +19,7 @@ import { SchedulerDrag } from './views/common/SchedulerDrag';
19
19
  import { SchedulerResize } from './views/common/SchedulerResize';
20
20
  import { SchedulerForm } from './components/SchedulerForm';
21
21
  import { SchedulerFormEditor } from './editors/SchedulerFormEditor';
22
+ import { SchedulerActionButtons } from './components/SchedulerActionButtons';
22
23
  import { SchedulerOccurrenceDialog } from './components/SchedulerOccurrenceDialog';
23
24
  import { SchedulerRemoveDialog } from './components/SchedulerRemoveDialog';
24
25
  import { SchedulerHeader } from './components/header/SchedulerHeader';
@@ -38,7 +39,7 @@ import { SERIES_ACTION } from './items/hooks/use-series';
38
39
  import { SHOW_OCCURRENCE_DIALOG_ACTION } from './items/hooks/use-show-occurrence-dialog';
39
40
  import { SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog';
40
41
  import { SLOTS_SELECT_ACTION } from './hooks/use-slots-selection';
41
- export { Scheduler, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, DATA_ACTION, SchedulerItem, SchedulerItemContent, SchedulerViewItem, SchedulerEditItem, SchedulerSlot, SchedulerViewSlot, SchedulerEditSlot, SchedulerTask, SchedulerViewTask, SchedulerEditTask, SchedulerDrag, SchedulerResize, SchedulerForm, SchedulerFormEditor, SchedulerOccurrenceDialog, SchedulerRemoveDialog,
42
+ export { Scheduler, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, DATA_ACTION, SchedulerItem, SchedulerItemContent, SchedulerViewItem, SchedulerEditItem, SchedulerSlot, SchedulerViewSlot, SchedulerEditSlot, SchedulerTask, SchedulerViewTask, SchedulerEditTask, SchedulerDrag, SchedulerResize, SchedulerForm, SchedulerActionButtons, SchedulerFormEditor, SchedulerOccurrenceDialog, SchedulerRemoveDialog,
42
43
  // SchedulerEditItemFormItemContext,
43
44
  // useSchedulerEditItemFormItemContext,
44
45
  // SchedulerEditItemFormItemContextType,
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-scheduler',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1651497551,
8
+ publishDate: 1651755811,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };