@progress/kendo-vue-scheduler 3.3.1-dev.202205110620 → 3.3.2

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 (38) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
  2. package/dist/es/Scheduler.d.ts +2 -0
  3. package/dist/es/Scheduler.js +3 -0
  4. package/dist/es/components/BaseView.d.ts +1 -1
  5. package/dist/es/components/BaseView.js +2 -2
  6. package/dist/es/items/SchedulerItem.js +281 -260
  7. package/dist/es/models/SchedulerView.d.ts +8 -0
  8. package/dist/es/package-metadata.js +1 -1
  9. package/dist/es/views/agenda/AgendaView.js +19 -3
  10. package/dist/es/views/day/DayView.js +5 -2
  11. package/dist/es/views/day/MultiDayView.d.ts +4 -0
  12. package/dist/es/views/day/MultiDayView.js +3 -2
  13. package/dist/es/views/month/MonthView.d.ts +4 -0
  14. package/dist/es/views/month/MonthView.js +115 -12
  15. package/dist/es/views/time/MultiDayTimelineView.d.ts +4 -0
  16. package/dist/es/views/time/MultiDayTimelineView.js +134 -9
  17. package/dist/es/views/time/TimelineView.js +19 -0
  18. package/dist/es/views/week/WeekView.js +3 -0
  19. package/dist/es/views/week/WorkWeekView.js +3 -0
  20. package/dist/npm/Scheduler.d.ts +2 -0
  21. package/dist/npm/Scheduler.js +3 -0
  22. package/dist/npm/components/BaseView.d.ts +1 -1
  23. package/dist/npm/components/BaseView.js +2 -2
  24. package/dist/npm/items/SchedulerItem.js +279 -258
  25. package/dist/npm/models/SchedulerView.d.ts +8 -0
  26. package/dist/npm/package-metadata.js +1 -1
  27. package/dist/npm/views/agenda/AgendaView.js +18 -2
  28. package/dist/npm/views/day/DayView.js +5 -2
  29. package/dist/npm/views/day/MultiDayView.d.ts +4 -0
  30. package/dist/npm/views/day/MultiDayView.js +3 -2
  31. package/dist/npm/views/month/MonthView.d.ts +4 -0
  32. package/dist/npm/views/month/MonthView.js +117 -12
  33. package/dist/npm/views/time/MultiDayTimelineView.d.ts +4 -0
  34. package/dist/npm/views/time/MultiDayTimelineView.js +136 -9
  35. package/dist/npm/views/time/TimelineView.js +19 -0
  36. package/dist/npm/views/week/WeekView.js +3 -0
  37. package/dist/npm/views/week/WorkWeekView.js +3 -0
  38. package/package.json +12 -12
package/dist/npm/items/SchedulerItem.js CHANGED
@@ -124,6 +124,12 @@ var SchedulerItemVue2 = {
124
124
  }
125
125
  },
126
126
  inject: {
127
+ ks: {
128
+ default: null
129
+ },
130
+ bv: {
131
+ default: null
132
+ },
127
133
  kendoLocalizationService: {
128
134
  default: null
129
135
  },
@@ -160,9 +166,15 @@ var SchedulerItemVue2 = {
160
166
  return hooks_1.useEditable(this.$props.editable);
161
167
  },
162
168
  resource: function resource() {
163
- return this.$props.group.resources.find(function (r) {
169
+ var _this = this;
170
+
171
+ var groupedWithColor = this.$props.group.resources.find(function (r) {
164
172
  return Boolean(r.colorField && r[r.colorField] !== '' && r[r.colorField] !== undefined);
165
173
  });
174
+ var nonGroupedWithColor = utils_1.toSchedulerGroups(undefined, this.ks.props.resources)[0].resources.find(function (r) {
175
+ return Boolean(r.colorField && r[r.colorField] !== '' && r[r.colorField] !== undefined && _this.dataItem[r.field] === r.value);
176
+ });
177
+ return groupedWithColor || nonGroupedWithColor;
166
178
  },
167
179
  color: function color() {
168
180
  return this.resource && this.resource.colorField && this.resource[this.resource.colorField];
@@ -229,13 +241,22 @@ var SchedulerItemVue2 = {
229
241
  },
230
242
  // @ts-ignore
231
243
  render: function render(createElement) {
232
- var _this = this;
244
+ var _this2 = this;
233
245
 
234
246
  var h = gh || createElement;
235
247
  var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
236
248
  this.intl = kendo_vue_intl_1.provideIntlService(this);
237
249
  var localization = kendo_vue_intl_1.provideLocalizationService(this);
238
250
  var deleteMessage = localization.toLanguageString(messages_1.deleteTitle, messages_1.messages[messages_1.deleteTitle]);
251
+ var resizeHint = kendo_vue_common_1.getTemplate.call(this, {
252
+ h: h,
253
+ template: this.bv.viewProps.resizeHint,
254
+ additionalProps: {
255
+ dataItem: this.dataItem,
256
+ color: this.color,
257
+ itemClassName: this.itemClassName
258
+ }
259
+ });
239
260
  return (// @ts-ignore function children
240
261
  h(kendo_vue_common_1.Draggable, {
241
262
  onPress: this.handlePress,
@@ -249,108 +270,108 @@ var SchedulerItemVue2 = {
249
270
  ref: 'draggable'
250
271
  }, this.v3 ? function () {
251
272
  return [h("div", {
252
- id: _this.$props.id,
253
- attrs: _this.v3 ? undefined : {
254
- id: _this.$props.id,
255
- tabIndex: _this.currentTabIndex,
273
+ id: _this2.$props.id,
274
+ attrs: _this2.v3 ? undefined : {
275
+ id: _this2.$props.id,
276
+ tabIndex: _this2.currentTabIndex,
256
277
  // Aria
257
- "aria-label": _this.eventLabel,
258
- "aria-selected": _this.$props.selected // Focus
278
+ "aria-label": _this2.eventLabel,
279
+ "aria-selected": _this2.$props.selected // Focus
259
280
  ,
260
- "data-group-index": _this.$props.group.index,
261
- "data-range-index": _this.$props.range.index
281
+ "data-group-index": _this2.$props.group.index,
282
+ "data-range-index": _this2.$props.range.index
262
283
  },
263
- style: _this.computedStyle,
264
- tabIndex: _this.currentTabIndex,
265
- "class": _this.itemClassName,
266
- "aria-label": _this.eventLabel,
267
- "aria-selected": _this.$props.selected,
268
- onFocusin: _this.handleFocus,
269
- on: _this.v3 ? undefined : {
270
- "focusin": _this.handleFocus,
271
- "blur": _this.handleBlur,
272
- "mouseup": _this.handleMouseUp,
273
- "mousedown": _this.handleMouseDown,
274
- "click": _this.handleClick,
275
- "mouseover": _this.handleMouseOver,
276
- "mouseout": _this.handleMouseOut,
277
- "mouseenter": _this.handleMouseEnter,
278
- "mouseleave": _this.handleMouseLeave,
279
- "dblclick": _this.handleDoubleClick,
280
- "keydown": _this.handleKeyDown,
281
- "keypress": _this.handleKeyPress,
282
- "keyup": _this.handleKeyUp
284
+ style: _this2.computedStyle,
285
+ tabIndex: _this2.currentTabIndex,
286
+ "class": _this2.itemClassName,
287
+ "aria-label": _this2.eventLabel,
288
+ "aria-selected": _this2.$props.selected,
289
+ onFocusin: _this2.handleFocus,
290
+ on: _this2.v3 ? undefined : {
291
+ "focusin": _this2.handleFocus,
292
+ "blur": _this2.handleBlur,
293
+ "mouseup": _this2.handleMouseUp,
294
+ "mousedown": _this2.handleMouseDown,
295
+ "click": _this2.handleClick,
296
+ "mouseover": _this2.handleMouseOver,
297
+ "mouseout": _this2.handleMouseOut,
298
+ "mouseenter": _this2.handleMouseEnter,
299
+ "mouseleave": _this2.handleMouseLeave,
300
+ "dblclick": _this2.handleDoubleClick,
301
+ "keydown": _this2.handleKeyDown,
302
+ "keypress": _this2.handleKeyPress,
303
+ "keyup": _this2.handleKeyUp
283
304
  },
284
- onBlur: _this.handleBlur // Mouse
305
+ onBlur: _this2.handleBlur // Mouse
285
306
  ,
286
- onMouseup: _this.handleMouseUp,
287
- onMousedown: _this.handleMouseDown,
288
- onClick: _this.handleClick,
289
- onMouseover: _this.handleMouseOver,
290
- onMouseout: _this.handleMouseOut,
291
- onMouseenter: _this.handleMouseEnter,
292
- onMouseleave: _this.handleMouseLeave,
293
- onDblclick: _this.handleDoubleClick // Keyboard
307
+ onMouseup: _this2.handleMouseUp,
308
+ onMousedown: _this2.handleMouseDown,
309
+ onClick: _this2.handleClick,
310
+ onMouseover: _this2.handleMouseOver,
311
+ onMouseout: _this2.handleMouseOut,
312
+ onMouseenter: _this2.handleMouseEnter,
313
+ onMouseleave: _this2.handleMouseLeave,
314
+ onDblclick: _this2.handleDoubleClick // Keyboard
294
315
  ,
295
- onKeydown: _this.handleKeyDown,
296
- onKeypress: _this.handleKeyPress,
297
- onKeyup: _this.handleKeyUp,
298
- "data-group-index": _this.$props.group.index,
299
- "data-range-index": _this.$props.range.index
300
- }, [!_this.$props.resizeHint && h("span", {
316
+ onKeydown: _this2.handleKeyDown,
317
+ onKeypress: _this2.handleKeyPress,
318
+ onKeyup: _this2.handleKeyUp,
319
+ "data-group-index": _this2.$props.group.index,
320
+ "data-range-index": _this2.$props.range.index
321
+ }, [!_this2.$props.resizeHint && h("span", {
301
322
  "class": "k-event-actions"
302
- }, [_this.$props.tail && h("span", {
323
+ }, [_this2.$props.tail && h("span", {
303
324
  "class": "k-icon k-i-arrow-60-left"
304
- }), _this.$props.isRecurring && !_this.$props.isException && h("span", {
325
+ }), _this2.$props.isRecurring && !_this2.$props.isException && h("span", {
305
326
  "class": "k-icon k-i-reload"
306
- }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
327
+ }), !_this2.$props.isRecurring && _this2.$props.isException && h("span", {
307
328
  "class": "k-icon k-i-non-recurrence"
308
- })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
309
- dataItem: _this.formItem,
310
- attrs: _this.v3 ? undefined : {
311
- dataItem: _this.formItem
329
+ })]), _this2.formItem && !_this2.showOccurrenceDialog && _this2.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
330
+ dataItem: _this2.formItem,
331
+ attrs: _this2.v3 ? undefined : {
332
+ dataItem: _this2.formItem
312
333
  },
313
- onSubmit: _this.ksFormSubmit,
314
- on: _this.v3 ? undefined : {
315
- "submit": _this.ksFormSubmit,
316
- "close": _this.ksCancel,
317
- "cancel": _this.ksCancel
334
+ onSubmit: _this2.ksFormSubmit,
335
+ on: _this2.v3 ? undefined : {
336
+ "submit": _this2.ksFormSubmit,
337
+ "close": _this2.ksCancel,
338
+ "cancel": _this2.ksCancel
318
339
  },
319
- onClose: _this.ksCancel,
320
- onCancel: _this.ksCancel
321
- }), _this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
322
- dataItem: _this.formItem || _this.dragItem || _this.resizeItem || _this.removeItem,
323
- attrs: _this.v3 ? undefined : {
324
- dataItem: _this.formItem || _this.dragItem || _this.resizeItem || _this.removeItem,
325
- isRemove: !!_this.removeItem
340
+ onClose: _this2.ksCancel,
341
+ onCancel: _this2.ksCancel
342
+ }), _this2.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
343
+ dataItem: _this2.formItem || _this2.dragItem || _this2.resizeItem || _this2.removeItem,
344
+ attrs: _this2.v3 ? undefined : {
345
+ dataItem: _this2.formItem || _this2.dragItem || _this2.resizeItem || _this2.removeItem,
346
+ isRemove: !!_this2.removeItem
326
347
  },
327
- isRemove: !!_this.removeItem,
328
- onClose: _this.ksCancel,
329
- on: _this.v3 ? undefined : {
330
- "close": _this.ksCancel,
331
- "occurrenceclose": _this.ksOccurrenceClick,
332
- "seriesclose": _this.ksSeriesClick
348
+ isRemove: !!_this2.removeItem,
349
+ onClose: _this2.ksCancel,
350
+ on: _this2.v3 ? undefined : {
351
+ "close": _this2.ksCancel,
352
+ "occurrenceclose": _this2.ksOccurrenceClick,
353
+ "seriesclose": _this2.ksSeriesClick
333
354
  },
334
- onOccurrenceclose: _this.ksOccurrenceClick,
335
- onSeriesclose: _this.ksSeriesClick
336
- }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
337
- dataItem: _this.removeItem,
338
- attrs: _this.v3 ? undefined : {
339
- dataItem: _this.removeItem
355
+ onOccurrenceclose: _this2.ksOccurrenceClick,
356
+ onSeriesclose: _this2.ksSeriesClick
357
+ }), _this2.showRemoveDialog && _this2.removeItem && _this2.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
358
+ dataItem: _this2.removeItem,
359
+ attrs: _this2.v3 ? undefined : {
360
+ dataItem: _this2.removeItem
340
361
  },
341
- onClose: _this.ksCancel,
342
- on: _this.v3 ? undefined : {
343
- "close": _this.ksCancel,
344
- "cancel": _this.ksCancel,
345
- "confirm": _this.ksRemoveConfirm
362
+ onClose: _this2.ksCancel,
363
+ on: _this2.v3 ? undefined : {
364
+ "close": _this2.ksCancel,
365
+ "cancel": _this2.ksCancel,
366
+ "confirm": _this2.ksRemoveConfirm
346
367
  },
347
- onCancel: _this.ksCancel,
348
- onConfirm: _this.ksRemoveConfirm
349
- }), defaultSlot, !_this.$props.resizeHint && h("span", {
368
+ onCancel: _this2.ksCancel,
369
+ onConfirm: _this2.ksRemoveConfirm
370
+ }), defaultSlot, !_this2.$props.resizeHint && h("span", {
350
371
  "class": "k-event-actions"
351
- }, [_this.currentEditable.remove && h("a", {
372
+ }, [_this2.currentEditable.remove && h("a", {
352
373
  tabIndex: -1,
353
- attrs: _this.v3 ? undefined : {
374
+ attrs: _this2.v3 ? undefined : {
354
375
  tabIndex: -1,
355
376
  "aria-hidden": "true",
356
377
  title: deleteMessage,
@@ -360,25 +381,25 @@ var SchedulerItemVue2 = {
360
381
  "class": "k-link k-event-delete",
361
382
  title: deleteMessage,
362
383
  "aria-label": deleteMessage,
363
- onClick: _this.handleRemoveClick,
364
- on: _this.v3 ? undefined : {
365
- "click": _this.handleRemoveClick
384
+ onClick: _this2.handleRemoveClick,
385
+ on: _this2.v3 ? undefined : {
386
+ "click": _this2.handleRemoveClick
366
387
  }
367
388
  }, [h("span", {
368
389
  "class": "k-icon k-i-close"
369
- })]), _this.$props.head && h("span", {
390
+ })]), _this2.$props.head && h("span", {
370
391
  "class": "k-icon k-i-arrow-60-right"
371
- })]), _this.currentEditable.resize && _this.$props.vertical && [// @ts-ignore function children
392
+ })]), _this2.currentEditable.resize && _this2.$props.vertical && [// @ts-ignore function children
372
393
  h(kendo_vue_common_1.Draggable, {
373
- onPress: _this.handleResizePress,
374
- on: _this.v3 ? undefined : {
375
- "press": _this.handleResizePress,
376
- "drag": _this.handleResizeStartDrag,
377
- "release": _this.handleResizeRelease
394
+ onPress: _this2.handleResizePress,
395
+ on: _this2.v3 ? undefined : {
396
+ "press": _this2.handleResizePress,
397
+ "drag": _this2.handleResizeStartDrag,
398
+ "release": _this2.handleResizeRelease
378
399
  },
379
- onDrag: _this.handleResizeStartDrag,
380
- onRelease: _this.handleResizeRelease
381
- }, _this.v3 ? function () {
400
+ onDrag: _this2.handleResizeStartDrag,
401
+ onRelease: _this2.handleResizeRelease
402
+ }, _this2.v3 ? function () {
382
403
  return [h("span", {
383
404
  "class": "k-resize-handle k-resize-n"
384
405
  })];
@@ -386,31 +407,31 @@ var SchedulerItemVue2 = {
386
407
  "class": "k-resize-handle k-resize-n"
387
408
  })]), // @ts-ignore function children
388
409
  h(kendo_vue_common_1.Draggable, {
389
- onPress: _this.handleResizePress,
390
- on: _this.v3 ? undefined : {
391
- "press": _this.handleResizePress,
392
- "drag": _this.handleResizeEndDrag,
393
- "release": _this.handleResizeRelease
410
+ onPress: _this2.handleResizePress,
411
+ on: _this2.v3 ? undefined : {
412
+ "press": _this2.handleResizePress,
413
+ "drag": _this2.handleResizeEndDrag,
414
+ "release": _this2.handleResizeRelease
394
415
  },
395
- onDrag: _this.handleResizeEndDrag,
396
- onRelease: _this.handleResizeRelease
397
- }, _this.v3 ? function () {
416
+ onDrag: _this2.handleResizeEndDrag,
417
+ onRelease: _this2.handleResizeRelease
418
+ }, _this2.v3 ? function () {
398
419
  return [h("span", {
399
420
  "class": "k-resize-handle k-resize-s"
400
421
  })];
401
422
  } : [h("span", {
402
423
  "class": "k-resize-handle k-resize-s"
403
- })])], _this.currentEditable.resize && !_this.$props.vertical && [// @ts-ignore function children
424
+ })])], _this2.currentEditable.resize && !_this2.$props.vertical && [// @ts-ignore function children
404
425
  h(kendo_vue_common_1.Draggable, {
405
- onPress: _this.handleResizePress,
406
- on: _this.v3 ? undefined : {
407
- "press": _this.handleResizePress,
408
- "drag": _this.handleResizeStartDrag,
409
- "release": _this.handleResizeRelease
426
+ onPress: _this2.handleResizePress,
427
+ on: _this2.v3 ? undefined : {
428
+ "press": _this2.handleResizePress,
429
+ "drag": _this2.handleResizeStartDrag,
430
+ "release": _this2.handleResizeRelease
410
431
  },
411
- onDrag: _this.handleResizeStartDrag,
412
- onRelease: _this.handleResizeRelease
413
- }, _this.v3 ? function () {
432
+ onDrag: _this2.handleResizeStartDrag,
433
+ onRelease: _this2.handleResizeRelease
434
+ }, _this2.v3 ? function () {
414
435
  return [h("span", {
415
436
  "class": "k-resize-handle k-resize-w"
416
437
  })];
@@ -418,132 +439,132 @@ var SchedulerItemVue2 = {
418
439
  "class": "k-resize-handle k-resize-w"
419
440
  })]), // @ts-ignore function children
420
441
  h(kendo_vue_common_1.Draggable, {
421
- onPress: _this.handleResizePress,
422
- on: _this.v3 ? undefined : {
423
- "press": _this.handleResizePress,
424
- "drag": _this.handleResizeEndDrag,
425
- "release": _this.handleResizeRelease
442
+ onPress: _this2.handleResizePress,
443
+ on: _this2.v3 ? undefined : {
444
+ "press": _this2.handleResizePress,
445
+ "drag": _this2.handleResizeEndDrag,
446
+ "release": _this2.handleResizeRelease
426
447
  },
427
- onDrag: _this.handleResizeEndDrag,
428
- onRelease: _this.handleResizeRelease
429
- }, _this.v3 ? function () {
448
+ onDrag: _this2.handleResizeEndDrag,
449
+ onRelease: _this2.handleResizeRelease
450
+ }, _this2.v3 ? function () {
430
451
  return [h("span", {
431
452
  "class": "k-resize-handle k-resize-e"
432
453
  })];
433
454
  } : [h("span", {
434
455
  "class": "k-resize-handle k-resize-e"
435
- })])], _this.$props.resizeHint && [h("div", {
456
+ })])], _this2.$props.resizeHint && _this2.bv.viewProps.resizeHint ? resizeHint : [h("div", {
436
457
  "class": "k-marquee-color",
437
458
  style: {
438
- borderColor: _this.color,
439
- backgroundColor: _this.color
459
+ borderColor: _this2.color,
460
+ backgroundColor: _this2.color
440
461
  }
441
462
  }), h("div", {
442
463
  "class": "k-marquee-text"
443
- }, [!_this.$props.tail && h("div", {
464
+ }, [!_this2.$props.tail && h("div", {
444
465
  "class": "k-label-top"
445
- }, [_this.intl.formatDate(_this.$props.zonedStart, _this.$props.format)]), !_this.$props.head && h("div", {
466
+ }, [_this2.intl.formatDate(_this2.$props.zonedStart, _this2.$props.format)]), !_this2.$props.head && h("div", {
446
467
  "class": "k-label-bottom"
447
- }, [_this.intl.formatDate(_this.$props.zonedEnd, _this.$props.format)])])]])];
468
+ }, [_this2.intl.formatDate(_this2.$props.zonedEnd, _this2.$props.format)])])]])];
448
469
  } : [h("div", {
449
- id: _this.$props.id,
450
- attrs: _this.v3 ? undefined : {
451
- id: _this.$props.id,
452
- tabIndex: _this.currentTabIndex,
453
- "aria-label": _this.eventLabel,
454
- "aria-selected": _this.$props.selected,
455
- "data-group-index": _this.$props.group.index,
456
- "data-range-index": _this.$props.range.index
470
+ id: _this2.$props.id,
471
+ attrs: _this2.v3 ? undefined : {
472
+ id: _this2.$props.id,
473
+ tabIndex: _this2.currentTabIndex,
474
+ "aria-label": _this2.eventLabel,
475
+ "aria-selected": _this2.$props.selected,
476
+ "data-group-index": _this2.$props.group.index,
477
+ "data-range-index": _this2.$props.range.index
457
478
  },
458
- style: _this.computedStyle,
459
- tabIndex: _this.currentTabIndex,
460
- "class": _this.itemClassName,
461
- "aria-label": _this.eventLabel,
462
- "aria-selected": _this.$props.selected,
463
- onFocusin: _this.handleFocus,
464
- on: _this.v3 ? undefined : {
465
- "focusin": _this.handleFocus,
466
- "blur": _this.handleBlur,
467
- "mouseup": _this.handleMouseUp,
468
- "mousedown": _this.handleMouseDown,
469
- "click": _this.handleClick,
470
- "mouseover": _this.handleMouseOver,
471
- "mouseout": _this.handleMouseOut,
472
- "mouseenter": _this.handleMouseEnter,
473
- "mouseleave": _this.handleMouseLeave,
474
- "dblclick": _this.handleDoubleClick,
475
- "keydown": _this.handleKeyDown,
476
- "keypress": _this.handleKeyPress,
477
- "keyup": _this.handleKeyUp
479
+ style: _this2.computedStyle,
480
+ tabIndex: _this2.currentTabIndex,
481
+ "class": _this2.itemClassName,
482
+ "aria-label": _this2.eventLabel,
483
+ "aria-selected": _this2.$props.selected,
484
+ onFocusin: _this2.handleFocus,
485
+ on: _this2.v3 ? undefined : {
486
+ "focusin": _this2.handleFocus,
487
+ "blur": _this2.handleBlur,
488
+ "mouseup": _this2.handleMouseUp,
489
+ "mousedown": _this2.handleMouseDown,
490
+ "click": _this2.handleClick,
491
+ "mouseover": _this2.handleMouseOver,
492
+ "mouseout": _this2.handleMouseOut,
493
+ "mouseenter": _this2.handleMouseEnter,
494
+ "mouseleave": _this2.handleMouseLeave,
495
+ "dblclick": _this2.handleDoubleClick,
496
+ "keydown": _this2.handleKeyDown,
497
+ "keypress": _this2.handleKeyPress,
498
+ "keyup": _this2.handleKeyUp
478
499
  },
479
- onBlur: _this.handleBlur,
480
- onMouseup: _this.handleMouseUp,
481
- onMousedown: _this.handleMouseDown,
482
- onClick: _this.handleClick,
483
- onMouseover: _this.handleMouseOver,
484
- onMouseout: _this.handleMouseOut,
485
- onMouseenter: _this.handleMouseEnter,
486
- onMouseleave: _this.handleMouseLeave,
487
- onDblclick: _this.handleDoubleClick,
488
- onKeydown: _this.handleKeyDown,
489
- onKeypress: _this.handleKeyPress,
490
- onKeyup: _this.handleKeyUp,
491
- "data-group-index": _this.$props.group.index,
492
- "data-range-index": _this.$props.range.index
493
- }, [!_this.$props.resizeHint && h("span", {
500
+ onBlur: _this2.handleBlur,
501
+ onMouseup: _this2.handleMouseUp,
502
+ onMousedown: _this2.handleMouseDown,
503
+ onClick: _this2.handleClick,
504
+ onMouseover: _this2.handleMouseOver,
505
+ onMouseout: _this2.handleMouseOut,
506
+ onMouseenter: _this2.handleMouseEnter,
507
+ onMouseleave: _this2.handleMouseLeave,
508
+ onDblclick: _this2.handleDoubleClick,
509
+ onKeydown: _this2.handleKeyDown,
510
+ onKeypress: _this2.handleKeyPress,
511
+ onKeyup: _this2.handleKeyUp,
512
+ "data-group-index": _this2.$props.group.index,
513
+ "data-range-index": _this2.$props.range.index
514
+ }, [!_this2.$props.resizeHint && h("span", {
494
515
  "class": "k-event-actions"
495
- }, [_this.$props.tail && h("span", {
516
+ }, [_this2.$props.tail && h("span", {
496
517
  "class": "k-icon k-i-arrow-60-left"
497
- }), _this.$props.isRecurring && !_this.$props.isException && h("span", {
518
+ }), _this2.$props.isRecurring && !_this2.$props.isException && h("span", {
498
519
  "class": "k-icon k-i-reload"
499
- }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
520
+ }), !_this2.$props.isRecurring && _this2.$props.isException && h("span", {
500
521
  "class": "k-icon k-i-non-recurrence"
501
- })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
502
- dataItem: _this.formItem,
503
- attrs: _this.v3 ? undefined : {
504
- dataItem: _this.formItem
522
+ })]), _this2.formItem && !_this2.showOccurrenceDialog && _this2.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
523
+ dataItem: _this2.formItem,
524
+ attrs: _this2.v3 ? undefined : {
525
+ dataItem: _this2.formItem
505
526
  },
506
- onSubmit: _this.ksFormSubmit,
507
- on: _this.v3 ? undefined : {
508
- "submit": _this.ksFormSubmit,
509
- "close": _this.ksCancel,
510
- "cancel": _this.ksCancel
527
+ onSubmit: _this2.ksFormSubmit,
528
+ on: _this2.v3 ? undefined : {
529
+ "submit": _this2.ksFormSubmit,
530
+ "close": _this2.ksCancel,
531
+ "cancel": _this2.ksCancel
511
532
  },
512
- onClose: _this.ksCancel,
513
- onCancel: _this.ksCancel
514
- }), _this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
515
- dataItem: _this.formItem || _this.dragItem || _this.resizeItem || _this.removeItem,
516
- attrs: _this.v3 ? undefined : {
517
- dataItem: _this.formItem || _this.dragItem || _this.resizeItem || _this.removeItem,
518
- isRemove: !!_this.removeItem
533
+ onClose: _this2.ksCancel,
534
+ onCancel: _this2.ksCancel
535
+ }), _this2.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
536
+ dataItem: _this2.formItem || _this2.dragItem || _this2.resizeItem || _this2.removeItem,
537
+ attrs: _this2.v3 ? undefined : {
538
+ dataItem: _this2.formItem || _this2.dragItem || _this2.resizeItem || _this2.removeItem,
539
+ isRemove: !!_this2.removeItem
519
540
  },
520
- isRemove: !!_this.removeItem,
521
- onClose: _this.ksCancel,
522
- on: _this.v3 ? undefined : {
523
- "close": _this.ksCancel,
524
- "occurrenceclose": _this.ksOccurrenceClick,
525
- "seriesclose": _this.ksSeriesClick
541
+ isRemove: !!_this2.removeItem,
542
+ onClose: _this2.ksCancel,
543
+ on: _this2.v3 ? undefined : {
544
+ "close": _this2.ksCancel,
545
+ "occurrenceclose": _this2.ksOccurrenceClick,
546
+ "seriesclose": _this2.ksSeriesClick
526
547
  },
527
- onOccurrenceclose: _this.ksOccurrenceClick,
528
- onSeriesclose: _this.ksSeriesClick
529
- }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
530
- dataItem: _this.removeItem,
531
- attrs: _this.v3 ? undefined : {
532
- dataItem: _this.removeItem
548
+ onOccurrenceclose: _this2.ksOccurrenceClick,
549
+ onSeriesclose: _this2.ksSeriesClick
550
+ }), _this2.showRemoveDialog && _this2.removeItem && _this2.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
551
+ dataItem: _this2.removeItem,
552
+ attrs: _this2.v3 ? undefined : {
553
+ dataItem: _this2.removeItem
533
554
  },
534
- onClose: _this.ksCancel,
535
- on: _this.v3 ? undefined : {
536
- "close": _this.ksCancel,
537
- "cancel": _this.ksCancel,
538
- "confirm": _this.ksRemoveConfirm
555
+ onClose: _this2.ksCancel,
556
+ on: _this2.v3 ? undefined : {
557
+ "close": _this2.ksCancel,
558
+ "cancel": _this2.ksCancel,
559
+ "confirm": _this2.ksRemoveConfirm
539
560
  },
540
- onCancel: _this.ksCancel,
541
- onConfirm: _this.ksRemoveConfirm
542
- }), defaultSlot, !_this.$props.resizeHint && h("span", {
561
+ onCancel: _this2.ksCancel,
562
+ onConfirm: _this2.ksRemoveConfirm
563
+ }), defaultSlot, !_this2.$props.resizeHint && h("span", {
543
564
  "class": "k-event-actions"
544
- }, [_this.currentEditable.remove && h("a", {
565
+ }, [_this2.currentEditable.remove && h("a", {
545
566
  tabIndex: -1,
546
- attrs: _this.v3 ? undefined : {
567
+ attrs: _this2.v3 ? undefined : {
547
568
  tabIndex: -1,
548
569
  "aria-hidden": "true",
549
570
  title: deleteMessage,
@@ -553,87 +574,87 @@ var SchedulerItemVue2 = {
553
574
  "class": "k-link k-event-delete",
554
575
  title: deleteMessage,
555
576
  "aria-label": deleteMessage,
556
- onClick: _this.handleRemoveClick,
557
- on: _this.v3 ? undefined : {
558
- "click": _this.handleRemoveClick
577
+ onClick: _this2.handleRemoveClick,
578
+ on: _this2.v3 ? undefined : {
579
+ "click": _this2.handleRemoveClick
559
580
  }
560
581
  }, [h("span", {
561
582
  "class": "k-icon k-i-close"
562
- })]), _this.$props.head && h("span", {
583
+ })]), _this2.$props.head && h("span", {
563
584
  "class": "k-icon k-i-arrow-60-right"
564
- })]), _this.currentEditable.resize && _this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
565
- onPress: _this.handleResizePress,
566
- on: _this.v3 ? undefined : {
567
- "press": _this.handleResizePress,
568
- "drag": _this.handleResizeStartDrag,
569
- "release": _this.handleResizeRelease
585
+ })]), _this2.currentEditable.resize && _this2.$props.vertical && [h(kendo_vue_common_1.Draggable, {
586
+ onPress: _this2.handleResizePress,
587
+ on: _this2.v3 ? undefined : {
588
+ "press": _this2.handleResizePress,
589
+ "drag": _this2.handleResizeStartDrag,
590
+ "release": _this2.handleResizeRelease
570
591
  },
571
- onDrag: _this.handleResizeStartDrag,
572
- onRelease: _this.handleResizeRelease
573
- }, _this.v3 ? function () {
592
+ onDrag: _this2.handleResizeStartDrag,
593
+ onRelease: _this2.handleResizeRelease
594
+ }, _this2.v3 ? function () {
574
595
  return [h("span", {
575
596
  "class": "k-resize-handle k-resize-n"
576
597
  })];
577
598
  } : [h("span", {
578
599
  "class": "k-resize-handle k-resize-n"
579
600
  })]), h(kendo_vue_common_1.Draggable, {
580
- onPress: _this.handleResizePress,
581
- on: _this.v3 ? undefined : {
582
- "press": _this.handleResizePress,
583
- "drag": _this.handleResizeEndDrag,
584
- "release": _this.handleResizeRelease
601
+ onPress: _this2.handleResizePress,
602
+ on: _this2.v3 ? undefined : {
603
+ "press": _this2.handleResizePress,
604
+ "drag": _this2.handleResizeEndDrag,
605
+ "release": _this2.handleResizeRelease
585
606
  },
586
- onDrag: _this.handleResizeEndDrag,
587
- onRelease: _this.handleResizeRelease
588
- }, _this.v3 ? function () {
607
+ onDrag: _this2.handleResizeEndDrag,
608
+ onRelease: _this2.handleResizeRelease
609
+ }, _this2.v3 ? function () {
589
610
  return [h("span", {
590
611
  "class": "k-resize-handle k-resize-s"
591
612
  })];
592
613
  } : [h("span", {
593
614
  "class": "k-resize-handle k-resize-s"
594
- })])], _this.currentEditable.resize && !_this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
595
- onPress: _this.handleResizePress,
596
- on: _this.v3 ? undefined : {
597
- "press": _this.handleResizePress,
598
- "drag": _this.handleResizeStartDrag,
599
- "release": _this.handleResizeRelease
615
+ })])], _this2.currentEditable.resize && !_this2.$props.vertical && [h(kendo_vue_common_1.Draggable, {
616
+ onPress: _this2.handleResizePress,
617
+ on: _this2.v3 ? undefined : {
618
+ "press": _this2.handleResizePress,
619
+ "drag": _this2.handleResizeStartDrag,
620
+ "release": _this2.handleResizeRelease
600
621
  },
601
- onDrag: _this.handleResizeStartDrag,
602
- onRelease: _this.handleResizeRelease
603
- }, _this.v3 ? function () {
622
+ onDrag: _this2.handleResizeStartDrag,
623
+ onRelease: _this2.handleResizeRelease
624
+ }, _this2.v3 ? function () {
604
625
  return [h("span", {
605
626
  "class": "k-resize-handle k-resize-w"
606
627
  })];
607
628
  } : [h("span", {
608
629
  "class": "k-resize-handle k-resize-w"
609
630
  })]), h(kendo_vue_common_1.Draggable, {
610
- onPress: _this.handleResizePress,
611
- on: _this.v3 ? undefined : {
612
- "press": _this.handleResizePress,
613
- "drag": _this.handleResizeEndDrag,
614
- "release": _this.handleResizeRelease
631
+ onPress: _this2.handleResizePress,
632
+ on: _this2.v3 ? undefined : {
633
+ "press": _this2.handleResizePress,
634
+ "drag": _this2.handleResizeEndDrag,
635
+ "release": _this2.handleResizeRelease
615
636
  },
616
- onDrag: _this.handleResizeEndDrag,
617
- onRelease: _this.handleResizeRelease
618
- }, _this.v3 ? function () {
637
+ onDrag: _this2.handleResizeEndDrag,
638
+ onRelease: _this2.handleResizeRelease
639
+ }, _this2.v3 ? function () {
619
640
  return [h("span", {
620
641
  "class": "k-resize-handle k-resize-e"
621
642
  })];
622
643
  } : [h("span", {
623
644
  "class": "k-resize-handle k-resize-e"
624
- })])], _this.$props.resizeHint && [h("div", {
645
+ })])], _this2.$props.resizeHint && _this2.bv.viewProps.resizeHint ? resizeHint : [h("div", {
625
646
  "class": "k-marquee-color",
626
647
  style: {
627
- borderColor: _this.color,
628
- backgroundColor: _this.color
648
+ borderColor: _this2.color,
649
+ backgroundColor: _this2.color
629
650
  }
630
651
  }), h("div", {
631
652
  "class": "k-marquee-text"
632
- }, [!_this.$props.tail && h("div", {
653
+ }, [!_this2.$props.tail && h("div", {
633
654
  "class": "k-label-top"
634
- }, [_this.intl.formatDate(_this.$props.zonedStart, _this.$props.format)]), !_this.$props.head && h("div", {
655
+ }, [_this2.intl.formatDate(_this2.$props.zonedStart, _this2.$props.format)]), !_this2.$props.head && h("div", {
635
656
  "class": "k-label-bottom"
636
- }, [_this.intl.formatDate(_this.$props.zonedEnd, _this.$props.format)])])]])])
657
+ }, [_this2.intl.formatDate(_this2.$props.zonedEnd, _this2.$props.format)])])]])])
637
658
  );
638
659
  },
639
660
  methods: {