@progress/kendo-vue-scheduler 3.2.4 → 3.2.6-dev.202204251505

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 (44) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
  2. package/dist/es/Scheduler.d.ts +8 -0
  3. package/dist/es/Scheduler.js +15 -1
  4. package/dist/es/additionalTypes.ts +1 -0
  5. package/dist/es/components/SchedulerForm.js +30 -22
  6. package/dist/es/editors/SchedulerFormEditor.js +25 -2
  7. package/dist/es/items/SchedulerEditItem.js +20 -151
  8. package/dist/es/items/SchedulerItem.d.ts +12 -0
  9. package/dist/es/items/SchedulerItem.js +74 -3
  10. package/dist/es/items/SchedulerViewItem.js +46 -2
  11. package/dist/es/package-metadata.js +1 -1
  12. package/dist/es/slots/SchedulerEditSlot.js +15 -32
  13. package/dist/es/slots/SchedulerSlot.d.ts +2 -0
  14. package/dist/es/slots/SchedulerSlot.js +26 -2
  15. package/dist/es/slots/SchedulerViewSlot.js +5 -2
  16. package/dist/es/tasks/SchedulerEditTask.js +14 -64
  17. package/dist/es/tasks/SchedulerTask.d.ts +12 -2
  18. package/dist/es/tasks/SchedulerTask.js +54 -3
  19. package/dist/es/tasks/SchedulerViewTask.js +21 -3
  20. package/dist/es/views/common/SchedulerDrag.js +4 -2
  21. package/dist/es/views/day/MultiDayView.d.ts +4 -0
  22. package/dist/es/views/day/MultiDayView.js +57 -5
  23. package/dist/npm/Scheduler.d.ts +8 -0
  24. package/dist/npm/Scheduler.js +15 -1
  25. package/dist/npm/additionalTypes.ts +1 -0
  26. package/dist/npm/components/SchedulerForm.js +29 -21
  27. package/dist/npm/editors/SchedulerFormEditor.js +25 -2
  28. package/dist/npm/items/SchedulerEditItem.js +20 -155
  29. package/dist/npm/items/SchedulerItem.d.ts +12 -0
  30. package/dist/npm/items/SchedulerItem.js +77 -3
  31. package/dist/npm/items/SchedulerViewItem.js +46 -2
  32. package/dist/npm/package-metadata.js +1 -1
  33. package/dist/npm/slots/SchedulerEditSlot.js +15 -33
  34. package/dist/npm/slots/SchedulerSlot.d.ts +2 -0
  35. package/dist/npm/slots/SchedulerSlot.js +27 -2
  36. package/dist/npm/slots/SchedulerViewSlot.js +5 -2
  37. package/dist/npm/tasks/SchedulerEditTask.js +14 -66
  38. package/dist/npm/tasks/SchedulerTask.d.ts +12 -2
  39. package/dist/npm/tasks/SchedulerTask.js +56 -3
  40. package/dist/npm/tasks/SchedulerViewTask.js +21 -3
  41. package/dist/npm/views/common/SchedulerDrag.js +4 -2
  42. package/dist/npm/views/day/MultiDayView.d.ts +4 -0
  43. package/dist/npm/views/day/MultiDayView.js +58 -5
  44. package/package.json +12 -12
@@ -53,13 +53,7 @@ var SchedulerFormVue2 = {
53
53
  dataItem: Object,
54
54
  renderForm: Object,
55
55
  editor: [String, Function, Object],
56
- dialog: [String, Function, Object],
57
- validator: {
58
- type: Function,
59
- default: function _default() {
60
- return {};
61
- }
62
- }
56
+ dialog: [String, Function, Object]
63
57
  },
64
58
  inject: {
65
59
  ks: {
@@ -67,6 +61,12 @@ var SchedulerFormVue2 = {
67
61
  },
68
62
  kendoLocalizationService: {
69
63
  default: null
64
+ },
65
+ ksValidator: {
66
+ default: null
67
+ },
68
+ ksModifyInitialFormValues: {
69
+ default: null
70
70
  }
71
71
  },
72
72
  // @ts-ignore
@@ -114,9 +114,9 @@ var SchedulerFormVue2 = {
114
114
  }, this.v3 ? function () {
115
115
  return [// @ts-ignore function children
116
116
  h(kendo_vue_form_1.Form, {
117
- initialValues: _this.$props.dataItem,
117
+ initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
118
118
  attrs: _this.v3 ? undefined : {
119
- initialValues: _this.$props.dataItem,
119
+ initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
120
120
  validator: _this.formValidator
121
121
  },
122
122
  onSubmit: _this.handleSubmit,
@@ -127,11 +127,13 @@ var SchedulerFormVue2 = {
127
127
  }, _this.v3 ? function () {
128
128
  return [// @ts-ignore function children
129
129
  h(SchedulerFormEditor_1.SchedulerFormEditor, {
130
- // {...this.renderProps}
131
- as: Editor,
130
+ renderForm: _this.renderForm // {...this.renderProps}
131
+ ,
132
132
  attrs: _this.v3 ? undefined : {
133
+ renderForm: _this.renderForm,
133
134
  as: Editor
134
- }
135
+ },
136
+ as: Editor
135
137
  }, _this.v3 ? function () {
136
138
  return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
137
139
  editSaveMessage: editSaveMessage,
@@ -158,10 +160,12 @@ var SchedulerFormVue2 = {
158
160
  }
159
161
  })])];
160
162
  } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
161
- as: Editor,
163
+ renderForm: _this.renderForm,
162
164
  attrs: _this.v3 ? undefined : {
165
+ renderForm: _this.renderForm,
163
166
  as: Editor
164
- }
167
+ },
168
+ as: Editor
165
169
  }, _this.v3 ? function () {
166
170
  return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
167
171
  editSaveMessage: editSaveMessage,
@@ -188,9 +192,9 @@ var SchedulerFormVue2 = {
188
192
  }
189
193
  })])])];
190
194
  } : [h(kendo_vue_form_1.Form, {
191
- initialValues: _this.$props.dataItem,
195
+ initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
192
196
  attrs: _this.v3 ? undefined : {
193
- initialValues: _this.$props.dataItem,
197
+ initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
194
198
  validator: _this.formValidator
195
199
  },
196
200
  onSubmit: _this.handleSubmit,
@@ -200,10 +204,12 @@ var SchedulerFormVue2 = {
200
204
  validator: _this.formValidator
201
205
  }, _this.v3 ? function () {
202
206
  return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
203
- as: Editor,
207
+ renderForm: _this.renderForm,
204
208
  attrs: _this.v3 ? undefined : {
209
+ renderForm: _this.renderForm,
205
210
  as: Editor
206
- }
211
+ },
212
+ as: Editor
207
213
  }, _this.v3 ? function () {
208
214
  return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
209
215
  editSaveMessage: editSaveMessage,
@@ -230,10 +236,12 @@ var SchedulerFormVue2 = {
230
236
  }
231
237
  })])];
232
238
  } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
233
- as: Editor,
239
+ renderForm: _this.renderForm,
234
240
  attrs: _this.v3 ? undefined : {
241
+ renderForm: _this.renderForm,
235
242
  as: Editor
236
- }
243
+ },
244
+ as: Editor
237
245
  }, _this.v3 ? function () {
238
246
  return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
239
247
  editSaveMessage: editSaveMessage,
@@ -301,7 +309,7 @@ var SchedulerFormVue2 = {
301
309
  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) {
302
310
  return current || acc;
303
311
  }, '');
304
- var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
312
+ var additionalValidator = this.ksValidator(formValueGetter);
305
313
  return __assign(__assign({}, result), additionalValidator);
306
314
  }
307
315
  }
@@ -640,6 +640,8 @@ var SchedulerFormEditorVue2 = {
640
640
  }, _this.v3 ? function () {
641
641
  return [_this.kendoForm.errors[_this.ks.fields.description]];
642
642
  } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
643
+ var _this2 = this;
644
+
643
645
  return h("div", {
644
646
  key: resource.field
645
647
  }, [h("div", {
@@ -673,7 +675,17 @@ var SchedulerFormEditorVue2 = {
673
675
  textField: resource.textField,
674
676
  valueField: resource.valueField,
675
677
  colorField: resource.colorField
676
- })])]);
678
+ }), this.kendoForm.errors[resource.field] && // @ts-ignore function children
679
+ h(kendo_vue_form_1.Field, {
680
+ name: resource.field,
681
+ attrs: this.v3 ? undefined : {
682
+ name: resource.field,
683
+ component: kendo_vue_labels_1.Error
684
+ },
685
+ component: kendo_vue_labels_1.Error
686
+ }, this.v3 ? function () {
687
+ return [_this2.kendoForm.errors[resource.field]];
688
+ } : [_this2.kendoForm.errors[resource.field]])])]);
677
689
  }, _this), defaultSlots];
678
690
  } : [h("div", {
679
691
  "class": "k-form-field"
@@ -992,6 +1004,8 @@ var SchedulerFormEditorVue2 = {
992
1004
  }, _this.v3 ? function () {
993
1005
  return [_this.kendoForm.errors[_this.ks.fields.description]];
994
1006
  } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
1007
+ var _this2 = this;
1008
+
995
1009
  return h("div", {
996
1010
  key: resource.field
997
1011
  }, [h("div", {
@@ -1024,7 +1038,16 @@ var SchedulerFormEditorVue2 = {
1024
1038
  textField: resource.textField,
1025
1039
  valueField: resource.valueField,
1026
1040
  colorField: resource.colorField
1027
- })])]);
1041
+ }), this.kendoForm.errors[resource.field] && h(kendo_vue_form_1.Field, {
1042
+ name: resource.field,
1043
+ attrs: this.v3 ? undefined : {
1044
+ name: resource.field,
1045
+ component: kendo_vue_labels_1.Error
1046
+ },
1047
+ component: kendo_vue_labels_1.Error
1048
+ }, this.v3 ? function () {
1049
+ return [_this2.kendoForm.errors[resource.field]];
1050
+ } : [_this2.kendoForm.errors[resource.field]])])]);
1028
1051
  }, _this), defaultSlots])
1029
1052
  );
1030
1053
  },
@@ -27,18 +27,10 @@ var allVue = Vue;
27
27
  var gh = allVue.h;
28
28
  var inject = allVue.inject;
29
29
 
30
- var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
31
-
32
- var SchedulerForm_1 = require("../components/SchedulerForm");
33
-
34
- var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
35
-
36
30
  var Scheduler_1 = require("../Scheduler");
37
31
 
38
32
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
39
33
 
40
- var SchedulerDrag_1 = require("../views/common/SchedulerDrag");
41
-
42
34
  var SchedulerViewItem_1 = require("./SchedulerViewItem");
43
35
 
44
36
  var hooks_1 = require("../hooks");
@@ -134,7 +126,12 @@ var SchedulerEditItemVue2 = {
134
126
  },
135
127
  provide: function provide() {
136
128
  return {
137
- ei: this.ei
129
+ ei: this.ei,
130
+ ksCancel: this.handleCancel,
131
+ ksFormSubmit: this.handleFormSubmit,
132
+ ksOccurrenceClick: this.handleOccurrenceClick,
133
+ ksSeriesClick: this.handleSeriesClick,
134
+ ksRemoveConfirm: this.handleRemoveConfirm
138
135
  };
139
136
  },
140
137
  data: function data() {
@@ -204,8 +201,6 @@ var SchedulerEditItemVue2 = {
204
201
  },
205
202
  // @ts-ignore
206
203
  render: function render(createElement) {
207
- var _this2 = this;
208
-
209
204
  var _this = this;
210
205
 
211
206
  var h = gh || createElement; // tslint:enable:max-line-length
@@ -325,7 +320,13 @@ var SchedulerEditItemVue2 = {
325
320
  vertical: this.vertical,
326
321
  dragHint: this.dragHint,
327
322
  resizeHint: this.resizeHint,
328
- format: this.format // refTo={this}
323
+ format: this.format,
324
+ showOccurrenceDialog: this.compShowOccurrenceDialog,
325
+ showRemoveDialog: this.compShowRemoveDialog,
326
+ formItem: this.compFormItem,
327
+ dragItem: this.compDragItem,
328
+ resizeItem: this.compResizeItem,
329
+ removeItem: this.compRemoveItem // refTo={this}
329
330
  ,
330
331
  itemRef: this.item,
331
332
  selected: selected,
@@ -365,6 +366,12 @@ var SchedulerEditItemVue2 = {
365
366
  dragHint: this.dragHint,
366
367
  resizeHint: this.resizeHint,
367
368
  format: this.format,
369
+ showOccurrenceDialog: this.compShowOccurrenceDialog,
370
+ showRemoveDialog: this.compShowRemoveDialog,
371
+ formItem: this.compFormItem,
372
+ dragItem: this.compDragItem,
373
+ resizeItem: this.compResizeItem,
374
+ removeItem: this.compRemoveItem,
368
375
  itemRef: this.item,
369
376
  selected: selected,
370
377
  tabIndex: this.tabIndex,
@@ -404,149 +411,7 @@ var SchedulerEditItemVue2 = {
404
411
  onResizeenddrag: this.handleResizeEndDrag,
405
412
  onResizestartdrag: this.handleResizeStartDrag,
406
413
  onResizeselease: this.handleResizeRelease
407
- }, this.v3 ? function () {
408
- return [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
409
- dataItem: _this2.compFormItem,
410
- attrs: _this2.v3 ? undefined : {
411
- dataItem: _this2.compFormItem
412
- },
413
- onSubmit: _this2.handleFormSubmit,
414
- on: _this2.v3 ? undefined : {
415
- "submit": _this2.handleFormSubmit,
416
- "close": _this2.handleCancel,
417
- "cancel": _this2.handleCancel
418
- },
419
- onClose: _this2.handleCancel,
420
- onCancel: _this2.handleCancel
421
- }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
422
- return h(SchedulerDrag_1.SchedulerDrag, {
423
- key: idx,
424
- ignoreIsAllDay: ignoreIsAllDay,
425
- attrs: this.v3 ? undefined : {
426
- ignoreIsAllDay: ignoreIsAllDay,
427
- dataItem: di,
428
- vertical: this.$props.vertical,
429
- viewItem: ViewItem,
430
- item: this.$props.dataItem
431
- },
432
- dataItem: di,
433
- vertical: this.$props.vertical,
434
- viewItem: ViewItem,
435
- item: this.$props.dataItem
436
- });
437
- }, _this2) : h(SchedulerDrag_1.SchedulerDrag, {
438
- ignoreIsAllDay: ignoreIsAllDay,
439
- attrs: _this2.v3 ? undefined : {
440
- ignoreIsAllDay: ignoreIsAllDay,
441
- dataItem: _this2.compDragItem,
442
- vertical: _this2.$props.vertical,
443
- viewItem: ViewItem,
444
- item: _this2.$props.dataItem
445
- },
446
- dataItem: _this2.compDragItem,
447
- vertical: _this2.$props.vertical,
448
- viewItem: ViewItem,
449
- item: _this2.$props.dataItem
450
- })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
451
- dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
452
- attrs: _this2.v3 ? undefined : {
453
- dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
454
- isRemove: !!_this2.compRemoveItem
455
- },
456
- isRemove: !!_this2.compRemoveItem,
457
- onClose: _this2.handleCancel,
458
- on: _this2.v3 ? undefined : {
459
- "close": _this2.handleCancel,
460
- "occurrenceclose": _this2.handleOccurrenceClick,
461
- "seriesclose": _this2.handleSeriesClick
462
- },
463
- onOccurrenceclose: _this2.handleOccurrenceClick,
464
- onSeriesclose: _this2.handleSeriesClick
465
- }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
466
- dataItem: _this2.compRemoveItem,
467
- attrs: _this2.v3 ? undefined : {
468
- dataItem: _this2.compRemoveItem
469
- },
470
- onClose: _this2.handleCancel,
471
- on: _this2.v3 ? undefined : {
472
- "close": _this2.handleCancel,
473
- "cancel": _this2.handleCancel,
474
- "confirm": _this2.handleRemoveConfirm
475
- },
476
- onCancel: _this2.handleCancel,
477
- onConfirm: _this2.handleRemoveConfirm
478
- })];
479
- } : [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
480
- dataItem: _this2.compFormItem,
481
- attrs: _this2.v3 ? undefined : {
482
- dataItem: _this2.compFormItem
483
- },
484
- onSubmit: _this2.handleFormSubmit,
485
- on: _this2.v3 ? undefined : {
486
- "submit": _this2.handleFormSubmit,
487
- "close": _this2.handleCancel,
488
- "cancel": _this2.handleCancel
489
- },
490
- onClose: _this2.handleCancel,
491
- onCancel: _this2.handleCancel
492
- }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
493
- return h(SchedulerDrag_1.SchedulerDrag, {
494
- key: idx,
495
- ignoreIsAllDay: ignoreIsAllDay,
496
- attrs: this.v3 ? undefined : {
497
- ignoreIsAllDay: ignoreIsAllDay,
498
- dataItem: di,
499
- vertical: this.$props.vertical,
500
- viewItem: ViewItem,
501
- item: this.$props.dataItem
502
- },
503
- dataItem: di,
504
- vertical: this.$props.vertical,
505
- viewItem: ViewItem,
506
- item: this.$props.dataItem
507
- });
508
- }, _this2) : h(SchedulerDrag_1.SchedulerDrag, {
509
- ignoreIsAllDay: ignoreIsAllDay,
510
- attrs: _this2.v3 ? undefined : {
511
- ignoreIsAllDay: ignoreIsAllDay,
512
- dataItem: _this2.compDragItem,
513
- vertical: _this2.$props.vertical,
514
- viewItem: ViewItem,
515
- item: _this2.$props.dataItem
516
- },
517
- dataItem: _this2.compDragItem,
518
- vertical: _this2.$props.vertical,
519
- viewItem: ViewItem,
520
- item: _this2.$props.dataItem
521
- })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
522
- dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
523
- attrs: _this2.v3 ? undefined : {
524
- dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
525
- isRemove: !!_this2.compRemoveItem
526
- },
527
- isRemove: !!_this2.compRemoveItem,
528
- onClose: _this2.handleCancel,
529
- on: _this2.v3 ? undefined : {
530
- "close": _this2.handleCancel,
531
- "occurrenceclose": _this2.handleOccurrenceClick,
532
- "seriesclose": _this2.handleSeriesClick
533
- },
534
- onOccurrenceclose: _this2.handleOccurrenceClick,
535
- onSeriesclose: _this2.handleSeriesClick
536
- }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
537
- dataItem: _this2.compRemoveItem,
538
- attrs: _this2.v3 ? undefined : {
539
- dataItem: _this2.compRemoveItem
540
- },
541
- onClose: _this2.handleCancel,
542
- on: _this2.v3 ? undefined : {
543
- "close": _this2.handleCancel,
544
- "cancel": _this2.handleCancel,
545
- "confirm": _this2.handleRemoveConfirm
546
- },
547
- onCancel: _this2.handleCancel,
548
- onConfirm: _this2.handleRemoveConfirm
549
- })]) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
414
+ }) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
550
415
  // ? (resizeItem as any).map((ri, idx) => (
551
416
  // <Resize
552
417
  // key={idx}
@@ -179,6 +179,18 @@ export interface SchedulerItemProps extends Item {
179
179
  maxSiblingsPerSlot?: number;
180
180
  /** @hidden */
181
181
  itemTitle?: string;
182
+ /** @hidden */
183
+ showRemoveDialog?: boolean;
184
+ /** @hidden */
185
+ showOccurrenceDialog?: boolean;
186
+ /** @hidden */
187
+ formItem?: object;
188
+ /** @hidden */
189
+ dragItem?: object;
190
+ /** @hidden */
191
+ resizeItem?: object;
192
+ /** @hidden */
193
+ removeItem?: object;
182
194
  }
183
195
  /**
184
196
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).
@@ -37,7 +37,13 @@ var messages_1 = require("../messages");
37
37
 
38
38
  var hooks_1 = require("../hooks");
39
39
 
40
- var utils_2 = require("../utils"); // tslint:enable:max-line-length
40
+ var utils_2 = require("../utils");
41
+
42
+ var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
43
+
44
+ var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
45
+
46
+ var SchedulerForm_1 = require("../components/SchedulerForm"); // tslint:enable:max-line-length
41
47
 
42
48
 
43
49
  var SchedulerItemVue2 = {
@@ -102,7 +108,19 @@ var SchedulerItemVue2 = {
102
108
  resizeHint: Boolean,
103
109
  format: String,
104
110
  maxSiblingsPerSlot: Number,
105
- itemTitle: String
111
+ itemTitle: String,
112
+ formItem: Object,
113
+ dragItem: Object,
114
+ resizeItem: Object,
115
+ removeItem: Object,
116
+ showOccurrenceDialog: {
117
+ type: Boolean,
118
+ default: undefined
119
+ },
120
+ showRemoveDialog: {
121
+ type: Boolean,
122
+ default: undefined
123
+ }
106
124
  },
107
125
  data: function data() {
108
126
  return {
@@ -127,6 +145,21 @@ var SchedulerItemVue2 = {
127
145
  },
128
146
  itemDoubleClick: {
129
147
  default: null
148
+ },
149
+ ksCancel: {
150
+ default: null
151
+ },
152
+ ksFormSubmit: {
153
+ default: null
154
+ },
155
+ ksOccurrenceClick: {
156
+ default: null
157
+ },
158
+ ksSeriesClick: {
159
+ default: null
160
+ },
161
+ ksRemoveConfirm: {
162
+ default: null
130
163
  }
131
164
  },
132
165
  computed: {
@@ -295,7 +328,48 @@ var SchedulerItemVue2 = {
295
328
  "class": "k-icon k-i-reload"
296
329
  }), !this.$props.isRecurring && this.$props.isException && h("span", {
297
330
  "class": "k-icon k-i-non-recurrence"
298
- })]), defaultSlot, !this.$props.resizeHint && h("span", {
331
+ })]), this.formItem && !this.showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
332
+ dataItem: this.formItem,
333
+ attrs: this.v3 ? undefined : {
334
+ dataItem: this.formItem
335
+ },
336
+ onSubmit: this.ksFormSubmit,
337
+ on: this.v3 ? undefined : {
338
+ "submit": this.ksFormSubmit,
339
+ "close": this.ksCancel,
340
+ "cancel": this.ksCancel
341
+ },
342
+ onClose: this.ksCancel,
343
+ onCancel: this.ksCancel
344
+ }), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
345
+ dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
346
+ attrs: this.v3 ? undefined : {
347
+ dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
348
+ isRemove: !!this.removeItem
349
+ },
350
+ isRemove: !!this.removeItem,
351
+ onClose: this.ksCancel,
352
+ on: this.v3 ? undefined : {
353
+ "close": this.ksCancel,
354
+ "occurrenceclose": this.ksOccurrenceClick,
355
+ "seriesclose": this.ksSeriesClick
356
+ },
357
+ onOccurrenceclose: this.ksOccurrenceClick,
358
+ onSeriesclose: this.ksSeriesClick
359
+ }), this.showRemoveDialog && this.removeItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
360
+ dataItem: this.removeItem,
361
+ attrs: this.v3 ? undefined : {
362
+ dataItem: this.removeItem
363
+ },
364
+ onClose: this.ksCancel,
365
+ on: this.v3 ? undefined : {
366
+ "close": this.ksCancel,
367
+ "cancel": this.ksCancel,
368
+ "confirm": this.ksRemoveConfirm
369
+ },
370
+ onCancel: this.ksCancel,
371
+ onConfirm: this.ksRemoveConfirm
372
+ }), defaultSlot, !this.$props.resizeHint && h("span", {
299
373
  "class": "k-event-actions"
300
374
  }, [editable.remove && h("a", {
301
375
  tabIndex: -1,
@@ -82,7 +82,18 @@ var SchedulerViewItemVue2 = {
82
82
  dragHint: Boolean,
83
83
  resizeHint: Boolean,
84
84
  format: String,
85
- refTo: Function
85
+ showOccurrenceDialog: {
86
+ type: Boolean,
87
+ default: undefined
88
+ },
89
+ showRemoveDialog: {
90
+ type: Boolean,
91
+ default: undefined
92
+ },
93
+ formItem: Object,
94
+ dragItem: Object,
95
+ resizeItem: Object,
96
+ removeItem: Object
86
97
  },
87
98
  inject: {
88
99
  kendoIntlService: {
@@ -206,6 +217,12 @@ var SchedulerViewItemVue2 = {
206
217
  resizeHint: this.resizeHint,
207
218
  format: this.format,
208
219
  itemTitle: this.itemTitle,
220
+ showOccurrenceDialog: this.showOccurrenceDialog,
221
+ showRemoveDialog: this.showRemoveDialog,
222
+ formItem: this.formItem,
223
+ dragItem: this.dragItem,
224
+ resizeItem: this.resizeItem,
225
+ removeItem: this.removeItem,
209
226
  maxSiblingsPerSlot: this.maxSiblingsPerSlot
210
227
  },
211
228
  item: this.item,
@@ -244,6 +261,12 @@ var SchedulerViewItemVue2 = {
244
261
  resizeHint: this.resizeHint,
245
262
  format: this.format,
246
263
  itemTitle: this.itemTitle,
264
+ showOccurrenceDialog: this.showOccurrenceDialog,
265
+ showRemoveDialog: this.showRemoveDialog,
266
+ formItem: this.formItem,
267
+ dragItem: this.dragItem,
268
+ resizeItem: this.resizeItem,
269
+ removeItem: this.removeItem,
247
270
  maxSiblingsPerSlot: this.maxSiblingsPerSlot,
248
271
  style: __assign({
249
272
  visibility: this.visible ? undefined : 'hidden',
@@ -337,7 +360,28 @@ var SchedulerViewItemVue2 = {
337
360
  h: h,
338
361
  template: this.$props.item,
339
362
  defaultRendering: itemRenderDefaultRendering,
340
- defaultSlots: defaultSlot
363
+ defaultSlots: defaultSlot,
364
+ additionalListeners: {
365
+ // keydown: this.handleKeyDown,
366
+ // keyup: this.handleKeyUp,
367
+ // Focus
368
+ // focus: this.handleFocus,
369
+ // Mouse
370
+ // mouseup: this.handleMouseUp,
371
+ // mousedown: this.handleMouseDown,
372
+ // click: this.handleClick,
373
+ doubleclick: this.handleDoubleClick,
374
+ removeclick: this.handleRemoveClick,
375
+ // Drag
376
+ press: this.handlePress,
377
+ drag: this.handleDrag,
378
+ release: this.handleRelease,
379
+ // Resize
380
+ resizepress: this.handleResizePress,
381
+ resizeenddrag: this.handleResizeEndDrag,
382
+ resizestartdrag: this.handleResizeStartDrag,
383
+ resizeselease: this.handleResizeRelease
384
+ }
341
385
  });
342
386
  return itemRender;
343
387
  },
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-scheduler',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1650461558,
11
+ publishDate: 1650898844,
12
12
  version: '',
13
13
  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'
14
14
  };