@progress/kendo-vue-scheduler 3.2.10 → 3.3.0-dev.202205091534

package/dist/npm/items/SchedulerItem.js

@@ -122,14 +122,6 @@ var SchedulerItemVue2 = {
       default: undefined
     }
   },
-  data: function data() {
-    return {
-      resizeEast: null,
-      resizeWest: null,
-      resizeNorth: null,
-      resizeSouth: null
-    };
-  },
   inject: {
     kendoLocalizationService: {
       default: null
@@ -163,6 +155,9 @@ var SchedulerItemVue2 = {
     }
   },
   computed: {
+    currentEditable: function currentEditable() {
+      return hooks_1.useEditable(this.$props.editable);
+    },
     resource: function resource() {
       return this.$props.group.resources.find(function (r) {
         return Boolean(r.colorField && r[r.colorField] !== '' && r[r.colorField] !== undefined);
@@ -179,7 +174,7 @@ var SchedulerItemVue2 = {
 
       return _a = {
         'k-event': !this.$props.resizeHint,
-        'k-state-selected': this.$props.selected && this.editable.select,
+        'k-state-selected': this.$props.selected && this.currentEditable.select,
         'k-event-drag-hint': this.$props.dragHint,
         'k-scheduler-marquee': this.$props.resizeHint,
         'k-marquee': this.$props.resizeHint,
@@ -237,7 +232,6 @@ var SchedulerItemVue2 = {
 
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    var editable = hooks_1.useEditable(this.$props.editable);
     this.intl = kendo_vue_intl_1.provideIntlService(this);
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var deleteMessage = localization.toLanguageString(messages_1.deleteTitle, messages_1.messages[messages_1.deleteTitle]);
@@ -310,7 +304,7 @@ var SchedulerItemVue2 = {
           "class": "k-icon k-i-reload"
         }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
           "class": "k-icon k-i-non-recurrence"
-        })]), _this.formItem && !_this.showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
+        })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
           dataItem: _this.formItem,
           attrs: _this.v3 ? undefined : {
             dataItem: _this.formItem
@@ -338,7 +332,7 @@ var SchedulerItemVue2 = {
           },
           onOccurrenceclose: _this.ksOccurrenceClick,
           onSeriesclose: _this.ksSeriesClick
-        }), _this.showRemoveDialog && _this.removeItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+        }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
           dataItem: _this.removeItem,
           attrs: _this.v3 ? undefined : {
             dataItem: _this.removeItem
@@ -353,7 +347,7 @@ var SchedulerItemVue2 = {
           onConfirm: _this.ksRemoveConfirm
         }), defaultSlot, !_this.$props.resizeHint && h("span", {
           "class": "k-event-actions"
-        }, [editable.remove && h("a", {
+        }, [_this.currentEditable.remove && h("a", {
           tabIndex: -1,
           attrs: _this.v3 ? undefined : {
             tabIndex: -1,
@@ -373,7 +367,7 @@ var SchedulerItemVue2 = {
           "class": "k-icon k-i-close"
         })]), _this.$props.head && h("span", {
           "class": "k-icon k-i-arrow-60-right"
-        })]), editable.resize && _this.$props.vertical && [// @ts-ignore  function children
+        })]), _this.currentEditable.resize && _this.$props.vertical && [// @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this.handleResizePress,
           on: _this.v3 ? undefined : {
@@ -385,12 +379,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-n",
-            ref: _this.resizeNorth
+            "class": "k-resize-handle k-resize-n"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-n",
-          ref: _this.resizeNorth
+          "class": "k-resize-handle k-resize-n"
         })]), // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this.handleResizePress,
@@ -403,13 +395,11 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-s",
-            ref: _this.resizeSouth
+            "class": "k-resize-handle k-resize-s"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-s",
-          ref: _this.resizeSouth
-        })])], editable.resize && !_this.$props.vertical && [// @ts-ignore  function children
+          "class": "k-resize-handle k-resize-s"
+        })])], _this.currentEditable.resize && !_this.$props.vertical && [// @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this.handleResizePress,
           on: _this.v3 ? undefined : {
@@ -421,12 +411,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-w",
-            ref: _this.resizeWest
+            "class": "k-resize-handle k-resize-w"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-w",
-          ref: _this.resizeWest
+          "class": "k-resize-handle k-resize-w"
         })]), // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this.handleResizePress,
@@ -439,12 +427,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-e",
-            ref: _this.resizeEast
+            "class": "k-resize-handle k-resize-e"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-e",
-          ref: _this.resizeEast
+          "class": "k-resize-handle k-resize-e"
         })])], _this.$props.resizeHint && [h("div", {
           "class": "k-marquee-color",
           style: {
@@ -511,7 +497,7 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-reload"
       }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
         "class": "k-icon k-i-non-recurrence"
-      })]), _this.formItem && !_this.showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
+      })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm_1.SchedulerForm, {
         dataItem: _this.formItem,
         attrs: _this.v3 ? undefined : {
           dataItem: _this.formItem
@@ -539,7 +525,7 @@ var SchedulerItemVue2 = {
         },
         onOccurrenceclose: _this.ksOccurrenceClick,
         onSeriesclose: _this.ksSeriesClick
-      }), _this.showRemoveDialog && _this.removeItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+      }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
         dataItem: _this.removeItem,
         attrs: _this.v3 ? undefined : {
           dataItem: _this.removeItem
@@ -554,7 +540,7 @@ var SchedulerItemVue2 = {
         onConfirm: _this.ksRemoveConfirm
       }), defaultSlot, !_this.$props.resizeHint && h("span", {
         "class": "k-event-actions"
-      }, [editable.remove && h("a", {
+      }, [_this.currentEditable.remove && h("a", {
         tabIndex: -1,
         attrs: _this.v3 ? undefined : {
           tabIndex: -1,
@@ -574,7 +560,7 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-close"
       })]), _this.$props.head && h("span", {
         "class": "k-icon k-i-arrow-60-right"
-      })]), editable.resize && _this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
+      })]), _this.currentEditable.resize && _this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
           "press": _this.handleResizePress,
@@ -585,12 +571,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-n",
-          ref: _this.resizeNorth
+          "class": "k-resize-handle k-resize-n"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-n",
-        ref: _this.resizeNorth
+        "class": "k-resize-handle k-resize-n"
       })]), h(kendo_vue_common_1.Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
@@ -602,13 +586,11 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-s",
-          ref: _this.resizeSouth
+          "class": "k-resize-handle k-resize-s"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-s",
-        ref: _this.resizeSouth
-      })])], editable.resize && !_this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
+        "class": "k-resize-handle k-resize-s"
+      })])], _this.currentEditable.resize && !_this.$props.vertical && [h(kendo_vue_common_1.Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
           "press": _this.handleResizePress,
@@ -619,12 +601,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-w",
-          ref: _this.resizeWest
+          "class": "k-resize-handle k-resize-w"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-w",
-        ref: _this.resizeWest
+        "class": "k-resize-handle k-resize-w"
       })]), h(kendo_vue_common_1.Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
@@ -636,12 +616,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-e",
-          ref: _this.resizeEast
+          "class": "k-resize-handle k-resize-e"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-e",
-        ref: _this.resizeEast
+        "class": "k-resize-handle k-resize-e"
       })])], _this.$props.resizeHint && [h("div", {
         "class": "k-marquee-color",
         style: {
@@ -796,31 +774,37 @@ var SchedulerItemVue2 = {
     },
     // Drag Handlers
     handlePress: function handlePress(dragEvent) {
-      this.$emit('press', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('press', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleDrag: function handleDrag(dragEvent) {
-      this.$emit('drag', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('drag', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleRelease: function handleRelease(dragEvent) {
-      this.$emit('release', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('release', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleResizePress: function handleResizePress(dragEvent) {
       this.$emit('resizepress', {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1651846094,
+    publishDate: 1652110200,
     version: '',
     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'
 };

package/dist/npm/slots/SchedulerEditSlot.js

@@ -21,7 +21,9 @@ var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
 
 var hooks_1 = require("../hooks");
 
-var use_slots_selection_1 = require("../hooks/use-slots-selection"); // tslint:enable:max-line-length
+var use_slots_selection_1 = require("../hooks/use-slots-selection");
+
+var main_1 = require("../main"); // tslint:enable:max-line-length
 
 
 var SchedulerEditSlotVue2 = {
@@ -79,6 +81,12 @@ var SchedulerEditSlotVue2 = {
     ks: {
       default: null
     },
+    dispatchSelectedItems: {
+      default: null
+    },
+    dispatchFocusedItems: {
+      default: null
+    },
     dispatchFocusedSlots: {
       default: null
     },
@@ -323,7 +331,16 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case kendo_vue_common_1.Keys.tab:
-          nextItem = utils_1.findNextItem(utils_1.findFirstItem(event.target), this.bv.items, false);
+          var fi = utils_1.findFirstItem(event.target);
+          nextItem = fi ? utils_1.findCurrentItem(fi, this.bv.items, false) : utils_1.getSortedSlots(this.bv.items, this.ignoreIsAllDay)[0];
+          this.dispatchFocusedItems({
+            type: hooks_1.ITEMS_FOCUS_ACTION.current,
+            item: nextItem
+          }, event.event);
+          this.dispatchSelectedItems({
+            type: main_1.ITEMS_SELECT_ACTION.select,
+            item: nextItem
+          }, event);
           break;
 
         default:
@@ -332,10 +349,6 @@ var SchedulerEditSlotVue2 = {
 
       if (nextItem) {
         event.event.preventDefault();
-
-        if (nextItem.element) {
-          nextItem.element.focus();
-        }
       }
     },
     handleEditFormSubmit: function handleEditFormSubmit(event) {

package/dist/npm/slots/SchedulerViewSlot.js

@@ -76,13 +76,13 @@ var SchedulerViewSlotVue2 = {
   updated: function updated() {
     var that = this;
     this.$nextTick(function () {
-      hooks_1.useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+      hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
     });
   },
   mounted: function mounted() {
     var that = this;
     this.$nextTick(function () {
-      hooks_1.useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+      hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
     });
   },
   // @ts-ignore

package/dist/npm/tasks/SchedulerEditTask.js

@@ -114,7 +114,6 @@ var SchedulerEditTaskVue2 = {
         showRemoveDialog: false,
         showOccurrenceDialog: false
       },
-      currentEditable: false,
       currentSeries: null,
       currentRemoveItem: null,
       currentShowRemoveDialog: null,
@@ -133,6 +132,9 @@ var SchedulerEditTaskVue2 = {
     },
     compShowOccurrenceDialog: function compShowOccurrenceDialog() {
       return this.showOccurrenceDialog !== undefined ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
+    },
+    currentEditable: function currentEditable() {
+      return hooks_1.useEditable(this.$props.editable);
     }
   },
   // @ts-ignore
@@ -160,7 +162,6 @@ var SchedulerEditTaskVue2 = {
         onShowRemoveDialogChange = _a.onShowRemoveDialogChange,
         taskProps = __rest(_a, ["refTo", "viewTask", "removeDialog", "removeItem", "onRemoveItemChange", "occurrenceDialog", "showOccurrenceDialog", "onShowOccurrenceDialogChange", "showRemoveDialog", "onShowRemoveDialogChange"]);
 
-    this.currentEditable = hooks_1.useEditable(this.$props.editable);
     return (// @ts-ignore  function children
       h(SchedulerViewTask_1.SchedulerViewTask, {
         id: this.$props.id,

package/dist/npm/utils/index.d.ts

@@ -166,9 +166,17 @@ export declare const noop: (..._args: any) => void;
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
 export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+export declare const getSortedSlots: (all: any[], ignoreIsAllDay: boolean) => any[];
 /** @hidden */
 export declare const compareSlots: (f: any, s: any) => boolean;
 /** @hidden */
+export declare const getCurrentItemIndex: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => {
+    currentIndex: number;
+    sorted: any[];
+};
+/** @hidden */
+export declare const findCurrentItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => any;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden

package/dist/npm/utils/index.js

@@ -18,7 +18,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderSort = exports.findNextItem = exports.compareSlots = exports.compareItems = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
+exports.orderSort = exports.findNextItem = exports.findCurrentItem = exports.getCurrentItemIndex = exports.compareSlots = exports.getSortedSlots = exports.compareItems = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var utils_1 = require("../views/common/utils");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -545,6 +545,16 @@ exports.compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid ==
     && (f.group.index === s.group.index)
     && (f.range.index === s.range.index)
     && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+exports.getSortedSlots = function (all, ignoreIsAllDay) {
+    var filtered = all.filter(function (i) { return i.element !== null; });
+    var sorted = kendo_data_query_1.orderBy(filtered, [
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
+    ]);
+    return sorted;
+};
 /** @hidden */
 exports.compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
     && f.end.getTime() === s.end.getTime()
@@ -553,22 +563,32 @@ exports.compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.
     && f.range.index === s.range.index
     && f.isAllDay === s.isAllDay); };
 /** @hidden */
-exports.findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+exports.getCurrentItemIndex = function (ref, all, ignoreIsAllDay) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
-    if (backwards === void 0) { backwards = false; }
     var current = ref;
-    if (!current || !all) {
-        return null;
-    }
-    var filtered = all.filter(function (i) { return i.element !== null; });
-    var sorted = kendo_data_query_1.orderBy(filtered, [
-        { field: 'group.index', dir: 'asc' },
-        { field: 'range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
-        { field: 'start', dir: 'asc' }
-    ]);
+    var sorted = exports.getSortedSlots(all, ignoreIsAllDay);
     var currentIndex = sorted
         .findIndex(function (i) { return exports.compareItems(i, current, ignoreIsAllDay); });
+    return {
+        currentIndex: currentIndex,
+        sorted: sorted
+    };
+};
+/** @hidden */
+exports.findCurrentItem = function (ref, all, ignoreIsAllDay) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (!ref || !all) {
+        return null;
+    }
+    var _a = exports.getCurrentItemIndex(ref, all, ignoreIsAllDay) || {}, currentIndex = _a.currentIndex, sorted = _a.sorted;
+    var next = sorted[currentIndex];
+    return next;
+};
+/** @hidden */
+exports.findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (backwards === void 0) { backwards = false; }
+    var _a = exports.getCurrentItemIndex(ref, all, ignoreIsAllDay), currentIndex = _a.currentIndex, sorted = _a.sorted;
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/npm/views/common/SchedulerDrag.js

@@ -76,54 +76,18 @@ var SchedulerDragVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    //  const [viewSlots] = useSchedulerViewSlotsContext();
-
+    var h = gh || createElement;
     var slots = (this.bv.slots || []).map(function (s) {
       return s;
     });
     utils_1.mapItemsToSlots(this.items, slots);
-    return (// fragment
-      // <div>
-      this.items.map(function (item, idx) {
-        return h(SchedulerViewItem_1.SchedulerViewItem, {
-          key: idx,
+    var itemsToRender = this.v3 ? this.items : this.items && this.items.length ? [this.items[0]] : [];
+    return itemsToRender.map(function (item, idx) {
+      return h(SchedulerViewItem_1.SchedulerViewItem, {
+        key: idx,
+        uid: item.uid,
+        attrs: this.v3 ? undefined : {
           uid: item.uid,
-          attrs: this.v3 ? undefined : {
-            uid: item.uid,
-            start: item.start,
-            end: item.end,
-            originalStart: item.originalStart,
-            startTimezone: item.startTimezone,
-            endTimezone: item.endTimezone,
-            isAllDay: item.isAllDay,
-            title: item.title,
-            description: item.description,
-            occurrenceId: item.occurrenceId,
-            recurrenceExceptions: item.recurrenceExceptions,
-            recurrenceRule: item.recurrenceRule,
-            recurrenceId: item.recurrenceId,
-            dataItem: item.dataItem,
-            itemRef: item.itemRef,
-            head: item.head,
-            tail: item.tail,
-            order: item.order,
-            zonedStart: item.zonedStart,
-            zonedEnd: item.zonedEnd,
-            slots: item.slots,
-            group: item.group,
-            range: item.range,
-            isException: item.isException,
-            isRecurring: item.isRecurring //   item={this.$props.item}
-            ,
-            dragHint: true,
-            vertical: this.$props.vertical,
-            ignoreIsAllDay: this.$props.ignoreIsAllDay
-          },
           start: item.start,
           end: item.end,
           originalStart: item.originalStart,
@@ -147,14 +111,41 @@ var SchedulerDragVue2 = {
           group: item.group,
           range: item.range,
           isException: item.isException,
-          isRecurring: item.isRecurring,
+          isRecurring: item.isRecurring //   item={this.$props.item}
+          ,
           dragHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
-        });
-      }, this) // </div>
-
-    );
+        },
+        start: item.start,
+        end: item.end,
+        originalStart: item.originalStart,
+        startTimezone: item.startTimezone,
+        endTimezone: item.endTimezone,
+        isAllDay: item.isAllDay,
+        title: item.title,
+        description: item.description,
+        occurrenceId: item.occurrenceId,
+        recurrenceExceptions: item.recurrenceExceptions,
+        recurrenceRule: item.recurrenceRule,
+        recurrenceId: item.recurrenceId,
+        dataItem: item.dataItem,
+        itemRef: item.itemRef,
+        head: item.head,
+        tail: item.tail,
+        order: item.order,
+        zonedStart: item.zonedStart,
+        zonedEnd: item.zonedEnd,
+        slots: item.slots,
+        group: item.group,
+        range: item.range,
+        isException: item.isException,
+        isRecurring: item.isRecurring,
+        dragHint: true,
+        vertical: this.$props.vertical,
+        ignoreIsAllDay: this.$props.ignoreIsAllDay
+      });
+    }, this);
   }
 };
 exports.SchedulerDragVue2 = SchedulerDragVue2;