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