@progress/kendo-vue-scheduler 3.8.3 → 3.8.4-dev.202302151437

package/dist/es/components/BaseView.js

@@ -127,8 +127,7 @@ var BaseViewVue2 = {
           this.bv.slots.push(action.item);
           break;
         case COLLECTION_ACTION.remove:
-          var index = this.bv.slots.indexOf(action.item);
-          this.bv.slots.splice(index, 1);
+          this.bv.slots = [];
           break;
         default:
           break;

package/dist/es/components/CurrentTimeMarker.js

@@ -114,8 +114,9 @@ var CurrentTimeMarkerVue2 = {
       if (!this.bv.slots) {
         return;
       }
+      var groupIndex = this.$props.groupIndex;
       var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.end)) && !s.isAllDay;
       });
       if (sameTimeSlots && sameTimeSlots.length && this.line) {
         var firstSlot = first(sameTimeSlots);
@@ -125,8 +126,8 @@ var CurrentTimeMarkerVue2 = {
         var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.start).getTime()) * pxPerMillisecond;
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';

package/dist/es/components/CurrentTimeMarkerArrow.js

@@ -92,8 +92,9 @@ var CurrentTimeMarkerArrowVue2 = {
       if (!this.bv.slots) {
         return;
       }
+      var groupIndex = this.$props.groupIndex;
       var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.end)) && !s.isAllDay;
       });
       if (sameTimeSlots && sameTimeSlots.length && this.$el) {
         var firstSlot = first(sameTimeSlots);
@@ -102,8 +103,8 @@ var CurrentTimeMarkerArrowVue2 = {
         }
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.start).getTime()) * pxPerMillisecond;
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';

package/dist/es/hooks/useSlotExpand.js

@@ -21,13 +21,12 @@ export var useSlotExpand = function useSlotExpand(slot, _scheduler, config) {
       return;
     }
     var element = slot.$el;
-    var props = slot.$props;
     if (!element || !slot.bv.items.length) {
       return;
     }
     var slotPadding = getPadding(element);
     var highest = 0;
-    var existing = props.items.filter(function (i) {
+    var existing = slot.cSlot.items.filter(function (i) {
       return i.refTo;
     });
     existing.forEach(function (item) {

package/dist/es/items/SchedulerEditItem.js

@@ -956,7 +956,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.up:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.up,
@@ -964,7 +964,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.right:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.right,
@@ -972,7 +972,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.down:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[props.slots.length - 1]);
+            return compareSlots(s.cSlot, props.slots[props.slots.length - 1]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.down,
@@ -980,7 +980,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.left:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.left,

package/dist/es/items/SchedulerViewItem.js

@@ -193,7 +193,10 @@ var SchedulerViewItemVue2 = {
         id: this.id,
         tabIndex: this.tabIndex,
         className: this.className,
-        itemStyle: this.itemStyle,
+        itemStyle: __assign({
+          visibility: this.visible ? undefined : 'hidden',
+          display: this.display ? undefined : 'none'
+        }, this.$props.itemStyle),
         editable: this.editable,
         selected: this.selected,
         vertical: this.vertical,
@@ -208,6 +211,7 @@ var SchedulerViewItemVue2 = {
         resizeItem: this.resizeItem,
         removeItem: this.removeItem,
         maxSiblingsPerSlot: this.maxSiblingsPerSlot
+        // Keyboard
       },
       item: this.item,
       uid: this.uid,
@@ -237,7 +241,10 @@ var SchedulerViewItemVue2 = {
       id: this.id,
       tabIndex: this.tabIndex,
       className: this.className,
-      itemStyle: this.itemStyle,
+      itemStyle: __assign({
+        visibility: this.visible ? undefined : 'hidden',
+        display: this.display ? undefined : 'none'
+      }, this.$props.itemStyle),
       editable: this.editable,
       selected: this.selected,
       vertical: this.vertical,
@@ -252,12 +259,6 @@ var SchedulerViewItemVue2 = {
       resizeItem: this.resizeItem,
       removeItem: this.removeItem,
       maxSiblingsPerSlot: this.maxSiblingsPerSlot,
-      style: __assign({
-        visibility: this.visible ? undefined : 'hidden',
-        display: this.display ? undefined : 'none'
-      }, this.$props.itemStyle)
-      // Keyboard
-      ,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -452,7 +453,7 @@ var SchedulerViewItemVue2 = {
       var most = 1;
       slots.forEach(function (slot) {
         var itemsInSlot = items.filter(function (i) {
-          return _this.inSlot(slot.$props, i.$props);
+          return _this.inSlot(slot.cSlot, i.$props);
         });
         if (itemsInSlot.length > most) {
           most = itemsInSlot.length;
@@ -464,7 +465,7 @@ var SchedulerViewItemVue2 = {
       var _this = this;
       var siblings = slots.map(function (slot) {
         return items.filter(function (i) {
-          return _this.inSlot(slot.$props, i.$props);
+          return _this.inSlot(slot.cSlot, i.$props);
         });
       });
       return siblings;
@@ -478,15 +479,15 @@ var SchedulerViewItemVue2 = {
         return;
       }
       var slots = (this.bv.slots || []).filter(function (slot) {
-        return slot && _this.inSlot(slot.$props, _this.$props);
+        return slot && _this.inSlot(slot.cSlot, _this.$props);
       });
       if (slots.length === 0) {
         this.display = false;
         return;
       }
       var firstSlot = first(slots.sort(function (a, b) {
-        if (a.$props.start && b.$props.start) {
-          return a.$props.start.getTime() - b.$props.start.getTime();
+        if (a.cSlot.start && b.start) {
+          return a.cSlot.start.getTime() - b.cSlot.start.getTime();
         }
         return true;
       }));
@@ -502,7 +503,7 @@ var SchedulerViewItemVue2 = {
         return;
       }
       var slots = (this.bv.slots || []).filter(function (slot) {
-        return slot && _this.inSlot(slot.$props, _this.$props);
+        return slot && _this.inSlot(slot.cSlot, _this.$props);
       });
       var items = [];
       var dragItems = [];

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1675168959,
+    publishDate: 1676471569,
     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/es/slots/SchedulerEditSlot.js

@@ -80,6 +80,9 @@ var SchedulerEditSlotVue2 = {
     },
     dispatchSelectedSlots: {
       default: null
+    },
+    ksSlots: {
+      default: {}
     }
   },
   data: function data() {
@@ -88,9 +91,12 @@ var SchedulerEditSlotVue2 = {
     };
   },
   computed: {
+    cSlot: function cSlot() {
+      return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
+    },
     currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && compareSlots(this.bv.slots[0], this);
-      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.items.length === 0 ? 0 : undefined : undefined;
+      var isFirst = this.bv.slots.length && compareSlots(this.bv.slots[0].cSlot, this.cSlot);
+      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.cSlot.items.length === 0 ? 0 : undefined : undefined;
     },
     computedEditable: function computedEditable() {
       return useEditable(this.$props.editable);
@@ -132,7 +138,7 @@ var SchedulerEditSlotVue2 = {
       navDay = _a.navDay,
       itemsPerSlot = _a.itemsPerSlot;
     var selected = this.bv.selectedSlots.some(function (s) {
-      return compareSlots(s, _this);
+      return compareSlots(s.cSlot, _this.cSlot);
     });
     var editSlotRender;
     var editSlotRenderDefaultRendering =
@@ -222,14 +228,14 @@ var SchedulerEditSlotVue2 = {
     },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
-      setField(dataItem, this.ks.fields.start, new Date(this.$props.start.getTime()));
-      setField(dataItem, this.ks.fields.end, new Date(this.$props.end.getTime()));
-      setField(dataItem, this.ks.fields.isAllDay, this.$props.isAllDay);
-      if (this.$props.group.resources.length) {
-        for (var idx = 0; idx < this.$props.group.resources.length; idx++) {
-          var resource = this.$props.group.resources[idx];
-          if (isGroupped(this.$props.group.resources)) {
-            var value = getField(this.$props.group.resources[idx], resource.valueField);
+      setField(dataItem, this.ks.fields.start, new Date(this.cSlot.start.getTime()));
+      setField(dataItem, this.ks.fields.end, new Date(this.cSlot.end.getTime()));
+      setField(dataItem, this.ks.fields.isAllDay, this.cSlot.isAllDay);
+      if (this.cSlot.group.resources.length) {
+        for (var idx = 0; idx < this.cSlot.group.resources.length; idx++) {
+          var resource = this.cSlot.group.resources[idx];
+          if (isGroupped(this.cSlot.group.resources)) {
+            var value = getField(this.cSlot.group.resources[idx], resource.valueField);
             setField(dataItem, resource.field, resource.multiple ? [value] : value);
           } else {
             setField(dataItem, resource.field, resource.multiple ? [] : undefined);

package/dist/es/slots/SchedulerSlot.js

@@ -76,6 +76,9 @@ var SchedulerSlotVue2 = {
     formItem: Object
   },
   computed: {
+    cSlot: function cSlot() {
+      return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
+    },
     currentTabIndex: function currentTabIndex() {
       return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.$props.selected ? 0 : -1;
     },
@@ -111,14 +114,11 @@ var SchedulerSlotVue2 = {
     },
     ksEditFormClose: {
       default: null
+    },
+    ksSlots: {
+      default: {}
     }
   },
-  created: function created() {
-    this.setSlots({
-      type: COLLECTION_ACTION.add,
-      item: this
-    });
-  },
   data: function data() {
     return {
       hasMounted: false
@@ -126,17 +126,8 @@ var SchedulerSlotVue2 = {
   },
   mounted: function mounted() {
     this.hasMounted = true;
-  },
-  destroyed: !!isV3 ? undefined : function () {
     this.setSlots({
-      type: COLLECTION_ACTION.remove,
-      item: this
-    });
-  },
-  // @ts-ignore
-  unmounted: function unmounted() {
-    this.setSlots({
-      type: COLLECTION_ACTION.remove,
+      type: COLLECTION_ACTION.add,
       item: this
     });
   },
@@ -153,6 +144,7 @@ var SchedulerSlotVue2 = {
     this.intl = provideIntlService(this);
     var defaultSlot = getDefaultSlots(this);
     return h("div", {
+      //   key={`${this.cSlot.start.getTime()}:${this.cSlot.group.index}`}
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
@@ -161,12 +153,12 @@ var SchedulerSlotVue2 = {
         ,
 
         "data-slot": true,
-        "data-slot-allday": this.$props.isAllDay,
-        "data-slot-start": this.$props.start.getTime(),
-        "data-slot-end": this.$props.end.getTime(),
-        "data-slot-group": this.$props.group.index,
-        "data-slot-range": this.$props.range.index,
-        "data-slot-index": this.$props.index
+        "data-slot-allday": this.cSlot.isAllDay,
+        "data-slot-start": this.cSlot.start.getTime(),
+        "data-slot-end": this.cSlot.end.getTime(),
+        "data-slot-group": this.cSlot.group.index,
+        "data-slot-range": this.cSlot.range.index,
+        "data-slot-index": this.cSlot.index
       },
       style: {
         userSelect: 'none'
@@ -202,15 +194,15 @@ var SchedulerSlotVue2 = {
       onKeypress: this.handleKeyPress,
       onKeyup: this.handleKeyUp,
       "data-slot": true,
-      "data-slot-allday": this.$props.isAllDay,
-      "data-slot-start": this.$props.start.getTime(),
-      "data-slot-end": this.$props.end.getTime(),
-      "data-slot-group": this.$props.group.index,
-      "data-slot-range": this.$props.range.index,
-      "data-slot-index": this.$props.index
+      "data-slot-allday": this.cSlot.isAllDay,
+      "data-slot-start": this.cSlot.start.getTime(),
+      "data-slot-end": this.cSlot.end.getTime(),
+      "data-slot-group": this.cSlot.group.index,
+      "data-slot-range": this.cSlot.range.index,
+      "data-slot-index": this.cSlot.index
     }, [this.navDay && h("span", {
       "class": "k-link k-nav-day"
-    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.hasMounted && this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
+    }, [this.intl.formatDate(new Date(this.cSlot.end.getTime() - (this.cSlot.end.getTime() - this.cSlot.start.getTime()) / 2), DAY_FORMAT)]), this.hasMounted && this.itemsPerSlot < this.cSlot.items.length && h(ShowMoreItemsButton, {
       onClick: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick
@@ -238,7 +230,7 @@ var SchedulerSlotVue2 = {
       this.$emit('focus', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -247,7 +239,7 @@ var SchedulerSlotVue2 = {
       this.$emit('blur', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -256,7 +248,7 @@ var SchedulerSlotVue2 = {
       var args = {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       };
@@ -267,7 +259,7 @@ var SchedulerSlotVue2 = {
       this.$emit('mouseover', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -276,7 +268,7 @@ var SchedulerSlotVue2 = {
       this.$emit('mouseout', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -285,7 +277,7 @@ var SchedulerSlotVue2 = {
       this.$emit('mouseenter', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -294,7 +286,7 @@ var SchedulerSlotVue2 = {
       this.$emit('mouseleave', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -303,7 +295,7 @@ var SchedulerSlotVue2 = {
       var args = {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       };
@@ -314,7 +306,7 @@ var SchedulerSlotVue2 = {
       this.$emit('keydown', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -323,7 +315,7 @@ var SchedulerSlotVue2 = {
       this.$emit('keypress', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });
@@ -332,7 +324,7 @@ var SchedulerSlotVue2 = {
       this.$emit('keyup', {
         event: event,
         target: {
-          props: __assign({}, this.$props),
+          props: __assign({}, this.cSlot),
           element: this.$el
         }
       });

package/dist/es/slots/SchedulerViewSlot.js

@@ -63,6 +63,9 @@ var SchedulerViewSlotVue2 = {
     },
     bv: {
       default: null
+    },
+    ksSlots: {
+      default: {}
     }
   },
   data: function data() {
@@ -70,6 +73,11 @@ var SchedulerViewSlotVue2 = {
       timeout: undefined
     };
   },
+  computed: {
+    cSlot: function cSlot() {
+      return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
+    }
+  },
   updated: function updated() {
     var that = this;
     this.$nextTick(function () {

package/dist/es/views/agenda/AgendaViewBody.js

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { COLLECTION_ACTION } from '../../utils/main';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
 import { SchedulerEditTask } from '../../tasks/SchedulerEditTask';
@@ -34,13 +35,53 @@ var AgendaViewBodyVue2 = {
     },
     kendoLocalizationService: {
       default: null
+    },
+    setSlots: {
+      default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
   data: function data() {
+    var _this = this;
     return {
-      hasMounted: false
+      hasMounted: false,
+      ksSlots: {
+        cSlots: this.agendaSlots.filter(function (slot) {
+          return slot.group.index === (_this.ri.groupIndex || 0);
+        })
+      }
     };
   },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      return this.agendaSlots.filter(function (slot) {
+        return slot.group.index === (_this.ri.groupIndex || 0);
+      });
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   mounted: function mounted() {
     this.hasMounted = true;
   },
@@ -53,7 +94,6 @@ var AgendaViewBodyVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     this.intl = provideIntlService(this);
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
@@ -61,9 +101,7 @@ var AgendaViewBodyVue2 = {
     var localization = provideLocalizationService(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [this.items.length && this.agendaSlots.filter(function (slot) {
-      return slot.group.index === (_this.ri.groupIndex || 0);
-    }).map(function (slot, slotIndex, filtered) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex, filtered) {
       var _this2 = this;
       return h("div", {
         "class": "k-scheduler-row  k-scheduler-content",
@@ -71,30 +109,14 @@ var AgendaViewBodyVue2 = {
       }, [
       // @ts-ignore  function children
       h(EditSlot, {
-        index: slot.index,
+        index: slotIndex,
         attrs: this.v3 ? undefined : {
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           editable: this.$props.editable,
           row: filtered.length * (this.ri.groupIndex || 0) + slotIndex,
           col: 0,
           viewSlot: this.$props.viewSlot
         },
-        start: slot.start,
-        end: slot.end,
-        zonedStart: slot.zonedStart,
-        zonedEnd: slot.zonedEnd,
-        items: slot.items,
-        group: slot.group,
-        range: slot.range,
-        isAllDay: slot.isAllDay,
         editable: this.$props.editable,
         row: filtered.length * (this.ri.groupIndex || 0) + slotIndex,
         col: 0,