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

package/dist/es/models/SchedulerView.d.ts

@@ -69,6 +69,14 @@ export interface SchedulerViewProps {
     workWeekEnd?: Day;
     /** @hidden */
     format?: string;
+    /**
+     * Overrides the `dragItem` prop of the Scheduler for the specified view only.
+     */
+    dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
 }
 /**
  * Represents a single Scheduler view.

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: 1652249753,
+    publishDate: 1653315548,
     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/views/agenda/AgendaView.js

@@ -1,4 +1,20 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -158,12 +174,12 @@ var AgendaViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           baseSlots: this.items,
           ranges: this.ranges
         },
         "class": 'k-scheduler-agendaview',
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         baseSlots: this.items,
         ranges: this.ranges
       }, this.v3 ? function () {

package/dist/es/views/day/DayView.js

@@ -90,6 +90,7 @@ var DayViewVue2 = {
     timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -127,7 +128,7 @@ var DayViewVue2 = {
         selectedDateFormat: this.$props.selectedDateFormat,
         selectedShortDateFormat: this.$props.selectedShortDateFormat,
         showWorkHours: this.$props.showWorkHours,
-        title: this.$props.title,
+        title: title,
         currentTimeMarker: this.$props.currentTimeMarker,
         startTime: this.$props.startTime,
         endTime: this.$props.endTime,
@@ -140,6 +141,7 @@ var DayViewVue2 = {
         dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
         viewSlot: this.$props.viewSlot,
+        resizeHint: this.$props.resizeHint,
         item: this.$props.item,
         viewItem: this.$props.viewItem,
         slotItem: this.$props.slotItem,
@@ -153,7 +155,7 @@ var DayViewVue2 = {
       selectedDateFormat: this.$props.selectedDateFormat,
       selectedShortDateFormat: this.$props.selectedShortDateFormat,
       showWorkHours: this.$props.showWorkHours,
-      title: this.$props.title,
+      title: title,
       currentTimeMarker: this.$props.currentTimeMarker,
       startTime: this.$props.startTime,
       endTime: this.$props.endTime,
@@ -166,6 +168,7 @@ var DayViewVue2 = {
       dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
       viewSlot: this.$props.viewSlot,
+      resizeHint: this.$props.resizeHint,
       item: this.$props.item,
       viewItem: this.$props.viewItem,
       slotItem: this.$props.slotItem,

package/dist/es/views/day/MultiDayView.d.ts

@@ -130,6 +130,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */
     editSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     form?: any;
     /**
      * If set to `false` the "current time" marker of the scheduler would not be displayed.

package/dist/es/views/day/MultiDayView.js

@@ -153,6 +153,7 @@ var MultiDayViewVue2 = {
     timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -377,11 +378,11 @@ var MultiDayViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           ranges: __spreadArrays(this.dayRanges, this.timeRanges),
           baseSlots: __spreadArrays(daySlots, timeSlots)
         },
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         "class": 'k-scheduler-day-view',
         ranges: __spreadArrays(this.dayRanges, this.timeRanges),
         baseSlots: __spreadArrays(daySlots, timeSlots)

package/dist/es/views/month/MonthView.d.ts

@@ -58,6 +58,10 @@ export interface MonthViewProps extends SchedulerViewProps {
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */
     viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     /**
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */

package/dist/es/views/month/MonthView.js

@@ -35,6 +35,8 @@ import { toItems } from '../../services/itemsService';
 import { MonthViewHead } from './MonthViewHead';
 import { MonthViewBody } from './MonthViewBody';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
+import { SchedulerResize } from '../common/SchedulerResize';
+import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 var DAY_FORMAT = {
   skeleton: 'dd'
 }; // tslint:enable:max-line-length
@@ -68,6 +70,18 @@ var MonthViewVue2 = {
       type: Number,
       default: 31
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     title: String,
     selectedDateFormat: {
       type: String,
@@ -80,6 +94,7 @@ var MonthViewVue2 = {
     dateHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -101,6 +116,12 @@ var MonthViewVue2 = {
   created: function created() {
     this.intl = provideIntlService(this);
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined,
+      currentResizeItem: undefined
+    };
+  },
   computed: {
     ranges: function ranges() {
       return toRanges(this.ks.dateRange, {
@@ -133,6 +154,12 @@ var MonthViewVue2 = {
       mapItemsToSlots(items, this.monthSlots, true);
       mapSlotsToItems(items, this.monthSlots, true);
       return items;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   // @ts-ignore
@@ -146,18 +173,80 @@ var MonthViewVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
-    var h = gh || createElement; // const {
-    //     group,
-    //     timezone,
-    //     resources: propResources
-    // } = useSchedulerPropsContext();
-
+    var h = gh || createElement;
     this.localization = provideLocalizationService(this);
     var title = this.localization.toLanguageString(monthViewTitle, messages[monthViewTitle]);
     var EditItem = this.$props.editItem || SchedulerEditItem;
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
     var items = this.items;
     var monthSlots = this.monthSlots;
+
+    var dragItemClue = function dragItemClue(vertical) {
+      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function (di, idx) {
+        return h(SchedulerDrag, {
+          key: idx,
+          ignoreIsAllDay: true,
+          attrs: this.v3 ? undefined : {
+            ignoreIsAllDay: true,
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          dataItem: di,
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag, {
+        ignoreIsAllDay: true,
+        attrs: this.v3 ? undefined : {
+          ignoreIsAllDay: true,
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        dataItem: this.compDragItem,
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize, {
+          key: idx,
+          format: this.$props.format,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            ignoreIsAllDay: true,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          ignoreIsAllDay: true,
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize, {
+        format: this.$props.format,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          ignoreIsAllDay: true,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        ignoreIsAllDay: true,
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     this.intl = provideIntlService(this);
     var itemsPerSlot = this.$props.itemsPerSlot;
     var body = this.ks.orientation === 'horizontal' ? this.ranges.map(function (_, rangeIndex) {
@@ -246,9 +335,9 @@ var MonthViewVue2 = {
     });
     return (// @ts-ignore  function children
       h(BaseView, {
-        props: __assign({}, this.$props),
+        viewProps: __assign({}, this.$props),
         attrs: this.v3 ? undefined : {
-          props: __assign({}, this.$props),
+          viewProps: __assign({}, this.$props),
           baseSlots: monthSlots,
           ranges: this.ranges
         },
@@ -376,10 +465,14 @@ var MonthViewVue2 = {
             range: item.range,
             isException: item.isException,
             isRecurring: item.isRecurring,
-            onDataaction: this.handleDataAction,
+            onDragitemchange: this.handleDragItemChange,
             on: this.v3 ? undefined : {
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange,
               "dataaction": this.handleDataAction
             },
+            onResizeitemchange: this.handleResizeItemChange,
+            onDataaction: this.handleDataAction,
             style: {
               transform: 'translateY(30px)'
             },
@@ -387,7 +480,7 @@ var MonthViewVue2 = {
             editable: this.$props.editable,
             ignoreIsAllDay: true
           });
-        }, _this2)])];
+        }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? h(HorizontalResourceIterator, {
@@ -506,10 +599,14 @@ var MonthViewVue2 = {
           range: item.range,
           isException: item.isException,
           isRecurring: item.isRecurring,
-          onDataaction: this.handleDataAction,
+          onDragitemchange: this.handleDragItemChange,
           on: this.v3 ? undefined : {
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange,
             "dataaction": this.handleDataAction
           },
+          onResizeitemchange: this.handleResizeItemChange,
+          onDataaction: this.handleDataAction,
           style: {
             transform: 'translateY(30px)'
           },
@@ -517,12 +614,18 @@ var MonthViewVue2 = {
           editable: this.$props.editable,
           ignoreIsAllDay: true
         });
-      }, _this2)])])
+      }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/es/views/time/MultiDayTimelineView.d.ts

@@ -121,6 +121,10 @@ export interface MultiDayTimelineViewProps extends SchedulerViewProps {
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */
     viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     /**
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */

package/dist/es/views/time/MultiDayTimelineView.js

@@ -1,3 +1,19 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __spreadArrays = this && this.__spreadArrays || function () {
   for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
     s += arguments[i].length;
@@ -33,6 +49,8 @@ import { TimelineViewBody } from './TimelineViewBody';
 import { BORDER_WIDTH } from '../../constants';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
+import { SchedulerResize } from '../common/SchedulerResize';
+import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 import { DateHeaderCell } from '../../components/DateHeaderCell';
 import { TimeHeaderCell } from '../../components/TimeHeaderCell';
 var TIME_FORMAT = 't';
@@ -53,6 +71,18 @@ var MultiDayTimelineViewVue2 = {
       type: Boolean,
       default: true
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     showWorkHours: {
       type: Boolean,
       default: true
@@ -123,6 +153,7 @@ var MultiDayTimelineViewVue2 = {
     timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -130,6 +161,12 @@ var MultiDayTimelineViewVue2 = {
       default: false
     }
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined,
+      currentResizeItem: undefined
+    };
+  },
   inject: {
     ks: {
       default: null
@@ -191,6 +228,12 @@ var MultiDayTimelineViewVue2 = {
       mapItemsToSlots(items, this.timelineSlots, true);
       mapSlotsToItems(items, this.timelineSlots, true);
       return items;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   mounted: function mounted() {
@@ -249,6 +292,73 @@ var MultiDayTimelineViewVue2 = {
     var timelineSlots = __spreadArrays(this.timelineSlots);
 
     var width = (this.ks.orientation === 'horizontal' ? timelineSlots.length : timelineSlots.length / this.ks.groups.length) * (this.$props.columnWidth + BORDER_WIDTH);
+
+    var dragItemClue = function dragItemClue(vertical) {
+      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function (di, idx) {
+        return h(SchedulerDrag, {
+          key: idx,
+          ignoreIsAllDay: true,
+          attrs: this.v3 ? undefined : {
+            ignoreIsAllDay: true,
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          dataItem: di,
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag, {
+        ignoreIsAllDay: true,
+        attrs: this.v3 ? undefined : {
+          ignoreIsAllDay: true,
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        dataItem: this.compDragItem,
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize, {
+          key: idx,
+          format: this.$props.format,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            ignoreIsAllDay: true,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          ignoreIsAllDay: true,
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize, {
+        format: this.$props.format,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          ignoreIsAllDay: true,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        ignoreIsAllDay: true,
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     var head = [h("div", {
       "class": "k-scheduler-row"
     }, [this.ranges.map(function (range, rangeIndex) {
@@ -275,15 +385,16 @@ var MultiDayTimelineViewVue2 = {
         return s.group.index === FIRST_INDEX && s.range.index === rangeIndex;
       }).map(function (slot) {
         return slot.zonedStart.getMinutes() % slotDuration === 0 ? h(TimeHeaderCell, {
-          key: slot.index //     as={this.$props.timeHeaderCell}
-          ,
-          format: TIME_FORMAT,
+          key: slot.index,
+          as: this.$props.timeHeaderCell,
           attrs: this.v3 ? undefined : {
+            as: this.$props.timeHeaderCell,
             format: TIME_FORMAT,
             date: slot.zonedStart,
             start: slot.zonedStart,
             end: slot.zonedEnd
           },
+          format: TIME_FORMAT,
           date: slot.zonedStart,
           start: slot.zonedStart,
           end: slot.zonedEnd
@@ -295,12 +406,12 @@ var MultiDayTimelineViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           baseSlots: timelineSlots,
           ranges: this.ranges
         },
         "class": 'k-scheduler-timeline-view',
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         baseSlots: timelineSlots,
         ranges: this.ranges
       }, this.v3 ? function () {
@@ -494,17 +605,21 @@ var MultiDayTimelineViewVue2 = {
             isRecurring: item.isRecurring,
             format: 't',
             form: this.$props.form,
-            onDataaction: this.handleDataAction,
+            onDragitemchange: this.handleDragItemChange,
             on: this.v3 ? undefined : {
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange,
               "dataaction": this.handleDataAction
             },
+            onResizeitemchange: this.handleResizeItemChange,
+            onDataaction: this.handleDataAction,
             item: this.$props.item,
             viewItem: this.$props.viewItem,
             editable: this.$props.editable,
             ignoreIsAllDay: true,
             vertical: false
           });
-        }, _this2)])];
+        }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])];
       } : [h("div", {
         "class": 'k-scheduler-head',
         style: {
@@ -690,22 +805,32 @@ var MultiDayTimelineViewVue2 = {
           isRecurring: item.isRecurring,
           format: 't',
           form: this.$props.form,
-          onDataaction: this.handleDataAction,
+          onDragitemchange: this.handleDragItemChange,
           on: this.v3 ? undefined : {
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange,
             "dataaction": this.handleDataAction
           },
+          onResizeitemchange: this.handleResizeItemChange,
+          onDataaction: this.handleDataAction,
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
           ignoreIsAllDay: true,
           vertical: false
         });
-      }, _this2)])])
+      }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/es/views/time/TimelineView.js

@@ -91,10 +91,23 @@ var TimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     dateHeaderCell: [String, Function, Object],
     timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: [Object, Boolean]
@@ -113,6 +126,8 @@ var TimelineViewVue2 = {
       name: this.$props.name,
       attrs: this.v3 ? undefined : {
         name: this.$props.name,
+        dragItem: this.$props.dragItem,
+        resizeItem: this.$props.resizeItem,
         dateRange: this.$props.dateRange,
         step: this.$props.step,
         numberOfDays: this.$props.numberOfDays,
@@ -134,10 +149,13 @@ var TimelineViewVue2 = {
         dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
         viewSlot: this.$props.viewSlot,
+        resizeHint: this.$props.resizeHint,
         item: this.$props.item,
         viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
+      dragItem: this.$props.dragItem,
+      resizeItem: this.$props.resizeItem,
       dateRange: this.$props.dateRange,
       step: this.$props.step,
       numberOfDays: this.$props.numberOfDays,
@@ -159,6 +177,7 @@ var TimelineViewVue2 = {
       dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
       viewSlot: this.$props.viewSlot,
+      resizeHint: this.$props.resizeHint,
       item: this.$props.item,
       viewItem: this.$props.viewItem,
       editable: this.$props.editable,