@progress/kendo-vue-scheduler 3.2.6 → 3.2.8-dev.202205030909

package/dist/es/items/SchedulerEditItem.js

@@ -20,7 +20,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 import { DATA_ACTION } from '../Scheduler';
-import { clone, Keys } from '@progress/kendo-vue-common';
+import { clone, Keys, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 import { SchedulerViewItem } from './SchedulerViewItem';
 import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { FORM_ITEM_ACTION } from './hooks/use-form-item';
@@ -31,12 +31,15 @@ import { DRAG_ITEM_ACTION, useDragItem } from './hooks/use-drag-item';
 import { RESIZE_ITEM_ACTION, useResizeItem } from './hooks/use-resize-item';
 import { seriesReducer, SERIES_ACTION, useSeries } from './hooks/use-series';
 import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection';
-import { findMaster } from '../utils'; // tslint:enable:max-line-length
+import { compareItems, findMaster } from '../utils'; // tslint:enable:max-line-length
 
 var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
   props: {
-    tabIndex: Number,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     drag: [String, Function, Object],
@@ -101,6 +104,15 @@ var SchedulerEditItemVue2 = {
     },
     ks: {
       default: null
+    },
+    dispatchFocusedItems: {
+      default: null
+    },
+    dispatchFocusedSlots: {
+      default: null
+    },
+    dispatchSelectedItems: {
+      default: null
     }
   },
   provide: function provide() {
@@ -124,7 +136,6 @@ var SchedulerEditItemVue2 = {
         showRemoveDialog: this.showRemoveDialog,
         showOccurrenceDialog: this.showOccurrenceDialog
       },
-      currentTabIndex: this.$props.tabIndex,
       currentFormItem: null,
       currentSelected: null,
       currentSeries: null,
@@ -137,6 +148,10 @@ var SchedulerEditItemVue2 = {
     };
   },
   computed: {
+    currentTabIndex: function currentTabIndex() {
+      var isFirst = this.bv.items.length && this.bv.items[0].dataItem.id === this.dataItem.id;
+      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedItems.length === 0 ? isFirst ? 0 : undefined : undefined;
+    },
     compSelected: function compSelected() {
       return this.selected !== undefined ? this.selected : this.currentSelected;
     },
@@ -167,10 +182,6 @@ var SchedulerEditItemVue2 = {
       return _a = {}, _a[SERIES_ACTION.set] = this.dispatchSeries, _a[SERIES_ACTION.toggle] = this.dispatchSeries, _a[SERIES_ACTION.reset] = this.dispatchSeries, _a[ITEMS_SELECT_ACTION.select] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.add] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.remove] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.reset] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.selectNext] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.selectPrev] = this.dispatchItemSelection, _a[FORM_ITEM_ACTION.set] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.setMaster] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.reset] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.complete] = this.dispatchFormItem, _a[REMOVE_ITEM_ACTION.set] = this.dispatchRemoveItem, _a[REMOVE_ITEM_ACTION.reset] = this.dispatchRemoveItem, _a[REMOVE_ITEM_ACTION.complete] = this.dispatchRemoveItem, _a[SHOW_OCCURRENCE_DIALOG_ACTION.close] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.open] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.set] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.toggle] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.reset] = this.dispatchShowOccurrenceDialog, _a[SHOW_REMOVE_DIALOG_ACTION.close] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.open] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.set] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.toggle] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.reset] = this.dispatchShowRemoveDialog, _a[DRAG_ITEM_ACTION.start] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.drag] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.complete] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.completeOccurrence] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.completeSeries] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.set] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.reset] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.dragSelected] = this.dispatchDragItem, _a[RESIZE_ITEM_ACTION.start] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.startDrag] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.startDragSelected] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.endDrag] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.endDragSelected] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.complete] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.completeOccurrence] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.completeSeries] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.set] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.reset] = this.dispatchResizeItem, _a[ITEMS_FOCUS_ACTION.next] = this.dispatchViewItemsFocus, _a[ITEMS_FOCUS_ACTION.prev] = this.dispatchViewItemsFocus, _a[SLOTS_FOCUS_ACTION.left] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.right] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.up] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.down] = this.dispatchViewSlotsFocus, _a.null = function () {}, _a;
     }
   },
-  updated: function updated() {
-    var isFirst = this.bv.items.length && this.bv.items[0] === this.item;
-    this.currentTabindex = this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedItems.length === 0 ? isFirst ? 0 : undefined : undefined; // }, [items, props.tabIndex, selectedItems.length]);
-  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -182,7 +193,8 @@ var SchedulerEditItemVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // tslint:enable:max-line-length
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this); // tslint:enable:max-line-length
 
     var _a = this.$props,
         onDataaction = _a.onDataaction,
@@ -231,87 +243,39 @@ var SchedulerEditItemVue2 = {
     //         onDataaction },
     //     [null, propDragItem, onDragItemChange]
     // );
-
-
-    var _c = useResizeItem({
-      dataItem: this.$props.dataItem,
-      onDataaction: onDataaction
-    }, [null, propResizeItem, onResizeItemChange]),
-        resizeItem = _c[0],
-        setResizeItem = _c[1],
-        dispatchResizeItem = _c[2]; // const [removeItem, setRemoveItem, dispatchRemoveItem] = useRemoveItem(
+    // const [resizeItem, setResizeItem, dispatchResizeItem] = useResizeItem(
+    //     { dataItem: this.$props.dataItem, onDataaction },
+    //     [null, propResizeItem, onResizeItemChange]
+    // );
+    // const [removeItem, setRemoveItem, dispatchRemoveItem] = useRemoveItem(
     //     { series, onDataaction},
     //     [null, propRemoveItem, onRemoveItemChange]
     // );
 
 
-    var _d = useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
-        showRemoveDialog = _d[0],
-        setShowRemoveDialog = _d[1],
-        dispatchShowRemoveDialog = _d[2];
+    var _c = useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
+        showRemoveDialog = _c[0],
+        setShowRemoveDialog = _c[1],
+        dispatchShowRemoveDialog = _c[2];
 
-    var _e = useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
-        showOccurrenceDialog = _e[0],
-        setShowOccurrenceDialog = _e[1],
-        dispatchShowOccurrenceDialog = _e[2];
+    var _d = useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
+        showOccurrenceDialog = _d[0],
+        setShowOccurrenceDialog = _d[1],
+        dispatchShowOccurrenceDialog = _d[2];
 
     var items = this.bv.items; // useSchedulerViewItemsContext();
     // const [,dispatchViewItemsFocus] = useSchedulerViewFocusedItemsContext();
     // const [,dispatchViewSlotsFocus] = useSchedulerViewFocusedSlotsContext();
 
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
-      return si === _this.item;
+      return compareItems(si, _this, _this.ignoreIsAllDay);
     }));
-    return (// @ts-ignore  function children
-      h(SchedulerViewItem, {
+    var itemRender;
+    var itemRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerViewItem, {
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      attrs: this.v3 ? undefined : {
         ignoreIsAllDay: this.ignoreIsAllDay,
-        attrs: this.v3 ? undefined : {
-          ignoreIsAllDay: this.ignoreIsAllDay,
-          item: this.item,
-          uid: this.uid,
-          start: this.start,
-          end: this.end,
-          originalStart: this.originalStart,
-          startTimezone: this.startTimezone,
-          endTimezone: this.endTimezone,
-          isAllDay: this.isAllDay,
-          title: this.title,
-          description: this.description,
-          occurrenceId: this.occurrenceId,
-          recurrenceExceptions: this.recurrenceExceptions,
-          recurrenceRule: this.recurrenceRule,
-          recurrenceId: this.recurrenceId,
-          dataItem: this.dataItem,
-          head: this.head,
-          tail: this.tail,
-          order: this.order,
-          zonedStart: this.zonedStart,
-          zonedEnd: this.zonedEnd,
-          slots: this.slots,
-          group: this.group,
-          range: this.range,
-          isException: this.isException,
-          isRecurring: this.isRecurring,
-          id: this.id,
-          className: this.className,
-          itemStyle: this.itemStyle,
-          editable: this.editable,
-          vertical: this.vertical,
-          dragHint: this.dragHint,
-          resizeHint: this.resizeHint,
-          format: this.format,
-          showOccurrenceDialog: this.compShowOccurrenceDialog,
-          showRemoveDialog: this.compShowRemoveDialog,
-          formItem: this.compFormItem,
-          dragItem: this.compDragItem,
-          resizeItem: this.compResizeItem,
-          removeItem: this.compRemoveItem //   refTo={this}
-          ,
-          itemRef: this.item,
-          selected: selected,
-          tabIndex: this.tabIndex // Keyboard
-
-        },
         item: this.item,
         uid: this.uid,
         start: this.start,
@@ -350,70 +314,120 @@ var SchedulerEditItemVue2 = {
         formItem: this.compFormItem,
         dragItem: this.compDragItem,
         resizeItem: this.compResizeItem,
-        removeItem: this.compRemoveItem,
+        removeItem: this.compRemoveItem //   refTo={this}
+        ,
         itemRef: this.item,
         selected: selected,
-        tabIndex: this.tabIndex,
-        onKeydown: this.handleKeyDown,
-        on: this.v3 ? undefined : {
-          "keydown": this.handleKeyDown,
-          "keyup": this.handleKeyUp,
-          "focus": this.handleFocus,
-          "mouseup": this.handleMouseUp,
-          "mousedown": this.handleMouseDown,
-          "click": this.handleClick,
-          "doubleclick": this.handleDoubleClick,
-          "removeclick": this.handleRemoveClick,
-          "press": this.handlePress,
-          "drag": this.handleDrag,
-          "release": this.handleRelease,
-          "resizepress": this.handleResizePress,
-          "resizeenddrag": this.handleResizeEndDrag,
-          "resizestartdrag": this.handleResizeStartDrag,
-          "resizeselease": this.handleResizeRelease
-        },
-        onKeyup: this.handleKeyUp // Focus
-        ,
-        onFocus: this.handleFocus // Mouse
-        ,
-        onMouseup: this.handleMouseUp,
-        onMousedown: this.handleMouseDown,
-        onClick: this.handleClick,
-        onDoubleclick: this.handleDoubleClick,
-        onRemoveclick: this.handleRemoveClick // Drag
-        ,
-        onPress: this.handlePress,
-        onDrag: this.handleDrag,
-        onRelease: this.handleRelease // Resize
-        ,
-        onResizepress: this.handleResizePress,
-        onResizeenddrag: this.handleResizeEndDrag,
-        onResizestartdrag: this.handleResizeStartDrag,
-        onResizeselease: this.handleResizeRelease
-      }) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
-      //     ? (resizeItem as any).map((ri, idx) => (
-      //     <Resize
-      //         key={idx}
-      //         format={this.$props.format}
-      //         ignoreIsAllDay={ignoreIsAllDay}
-      //         dataItem={ri}
-      //         viewItem={this.$props.viewItem}
-      //         item={this.$props.item}
-      //         vertical={this.$props.vertical}
-      //         />
-      //     ))
-      //     : (
-      //     <Resize
-      //         format={this.$props.format}
-      //         ignoreIsAllDay={ignoreIsAllDay}
-      //         dataItem={resizeItem}
-      //         viewItem={this.$props.viewItem}
-      //         item={this.$props.item}
-      //         vertical={this.$props.vertical}
-      //         />
-      //     ))}
-
-    );
+        tabIndex: this.currentTabIndex // Keyboard
+
+      },
+      item: this.item,
+      uid: this.uid,
+      start: this.start,
+      end: this.end,
+      originalStart: this.originalStart,
+      startTimezone: this.startTimezone,
+      endTimezone: this.endTimezone,
+      isAllDay: this.isAllDay,
+      title: this.title,
+      description: this.description,
+      occurrenceId: this.occurrenceId,
+      recurrenceExceptions: this.recurrenceExceptions,
+      recurrenceRule: this.recurrenceRule,
+      recurrenceId: this.recurrenceId,
+      dataItem: this.dataItem,
+      head: this.head,
+      tail: this.tail,
+      order: this.order,
+      zonedStart: this.zonedStart,
+      zonedEnd: this.zonedEnd,
+      slots: this.slots,
+      group: this.group,
+      range: this.range,
+      isException: this.isException,
+      isRecurring: this.isRecurring,
+      id: this.id,
+      className: this.className,
+      itemStyle: this.itemStyle,
+      editable: this.editable,
+      vertical: this.vertical,
+      dragHint: this.dragHint,
+      resizeHint: this.resizeHint,
+      format: this.format,
+      showOccurrenceDialog: this.compShowOccurrenceDialog,
+      showRemoveDialog: this.compShowRemoveDialog,
+      formItem: this.compFormItem,
+      dragItem: this.compDragItem,
+      resizeItem: this.compResizeItem,
+      removeItem: this.compRemoveItem,
+      itemRef: this.item,
+      selected: selected,
+      tabIndex: this.currentTabIndex,
+      onKeydown: this.handleKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.handleKeyDown,
+        "keyup": this.handleKeyUp,
+        "focus": this.handleFocus,
+        "mouseup": this.handleMouseUp,
+        "mousedown": this.handleMouseDown,
+        "click": this.handleClick,
+        "doubleclick": this.handleDoubleClick,
+        "removeclick": this.handleRemoveClick,
+        "press": this.handlePress,
+        "drag": this.handleDrag,
+        "release": this.handleRelease,
+        "resizepress": this.handleResizePress,
+        "resizeenddrag": this.handleResizeEndDrag,
+        "resizestartdrag": this.handleResizeStartDrag,
+        "resizerelease": this.handleResizeRelease
+      },
+      onKeyup: this.handleKeyUp // Focus
+      ,
+      onFocus: this.handleFocus // Mouse
+      ,
+      onMouseup: this.handleMouseUp,
+      onMousedown: this.handleMouseDown,
+      onClick: this.handleClick,
+      onDoubleclick: this.handleDoubleClick,
+      onRemoveclick: this.handleRemoveClick // Drag
+      ,
+      onPress: this.handlePress,
+      onDrag: this.handleDrag,
+      onRelease: this.handleRelease // Resize
+      ,
+      onResizepress: this.handleResizePress,
+      onResizeenddrag: this.handleResizeEndDrag,
+      onResizestartdrag: this.handleResizeStartDrag,
+      onResizerelease: this.handleResizeRelease
+    });
+    itemRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.viewItem,
+      defaultRendering: itemRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        //   keydown: this.handleKeyDown,
+        // keyup: this.handleKeyUp,
+        // Focus
+        //  focus: this.handleFocus,
+        // Mouse
+        // mouseup: this.handleMouseUp,
+        // mousedown: this.handleMouseDown,
+        //  click: this.handleClick,
+        doubleclick: this.handleDoubleClick,
+        removeclick: this.handleRemoveClick,
+        // Drag
+        press: this.handlePress,
+        drag: this.handleDrag,
+        release: this.handleRelease,
+        // Resize
+        resizepress: this.handleResizePress,
+        resizeenddrag: this.handleResizeEndDrag,
+        resizestartdrag: this.handleResizeStartDrag,
+        resizerelease: this.handleResizeRelease
+      }
+    });
+    return itemRender;
   },
   methods: {
     dispatchSeries: function dispatchSeries(action, _event) {
@@ -421,8 +435,8 @@ var SchedulerEditItemVue2 = {
       this.currentSeries = newSeries;
       this.$emit('serieschange', newSeries);
     },
-    dispatchItemSelection: function dispatchItemSelection(action, _event) {
-      this.aaa = action;
+    dispatchItemSelection: function dispatchItemSelection(action, event) {
+      this.dispatchSelectedItems(action, event);
     },
     dispatchRemoveItem: function dispatchRemoveItem(action, _event) {
       var newRemoveItem;
@@ -469,14 +483,14 @@ var SchedulerEditItemVue2 = {
     dispatchDragItem: function dispatchDragItem(action, _event) {
       useDragItem.call(this, action);
     },
-    dispatchResizeItem: function dispatchResizeItem(action, _event) {
-      this.aaa = action;
+    dispatchResizeItem: function dispatchResizeItem(action, event) {
+      useResizeItem.call(this, action, event);
     },
-    dispatchViewSlotsFocus: function dispatchViewSlotsFocus(action, _event) {
-      this.aaa = action;
+    dispatchViewSlotsFocus: function dispatchViewSlotsFocus(action, event) {
+      this.dispatchFocusedSlots(action, event);
     },
-    dispatchViewItemsFocus: function dispatchViewItemsFocus(action, _event) {
-      this.aaa = action;
+    dispatchViewItemsFocus: function dispatchViewItemsFocus(action, event) {
+      this.dispatchFocusedItems(action, event);
     },
     dispatchFormItem: function dispatchFormItem(action, _event) {
       var newFormItem;
@@ -515,52 +529,76 @@ var SchedulerEditItemVue2 = {
       this.$emit('formitemchange', newFormItem);
     },
     handleFocus: function handleFocus(event) {
+      var _this = this;
+
       if (this.onFocusAction) {
         var actions = this.onFocusAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('focus', event);
     },
     handleMouseDown: function handleMouseDown(event) {
+      var _this = this;
+
       if (this.onMouseDownAction) {
         var actions = this.onMouseDownAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('mousedown', event);
     },
     handleMouseUp: function handleMouseUp(event) {
+      var _this = this;
+
       if (this.onMouseUpAction) {
         var actions = this.onMouseUpAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('mouseup', event);
     },
     handleClick: function handleClick(event) {
+      var _this = this;
+
       if (this.onClickAction) {
         var actions = this.onClickAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
@@ -661,71 +699,76 @@ var SchedulerEditItemVue2 = {
       this.$emit('release', event);
     },
     handleResizePress: function handleResizePress(event) {
+      var _this = this;
+
       if (this.onResizePressAction) {
         var actions = this.onResizePressAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent
-          //         );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizepress', event);
     },
     handleResizeStartDrag: function handleResizeStartDrag(event) {
+      var _this = this;
+
       if (this.onResizeStartDragAction) {
         var actions = this.onResizeStartDragAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent
-          //     );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizestartdrag', event);
     },
     handleResizeEndDrag: function handleResizeEndDrag(event) {
+      var _this = this;
+
       if (this.onResizeEndDragAction) {
         var actions = this.onResizeEndDragAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizeenddrag', event);
     },
     handleResizeRelease: function handleResizeRelease(event) {
+      var _this = this;
+
       if (this.onResizeReleaseAction) {
         var actions = this.onResizeReleaseAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action && 
-          //     this.actionsReducerMap[action.type](
-          //         {...action, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem }, 
-          //         event.dragEvent.originalEvent
-          //     );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
@@ -808,26 +851,38 @@ var SchedulerEditItemVue2 = {
       this.$emit('seriesclick', event);
     },
     handleKeyDown: function handleKeyDown(event) {
+      var _this = this;
+
       if (this.onKeyDownAction) {
         var actions = this.onKeyDownAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions)
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event.event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem}, event.event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this
+            }), event.event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this
+          }), event.event);
         }
       }
 
       this.$emit('keydown', event);
     },
     handleKeyUp: function handleKeyUp(event) {
+      var _this = this;
+
       if (this.onKeyUpAction) {
         var actions = this.onKeyUpAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions)
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event.event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem}, event.event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.event);
         }
       }
 

package/dist/es/items/SchedulerItem.d.ts

@@ -205,6 +205,7 @@ export interface SchedulerItemHandle {
  * @hidden
  */
 export interface SchedulerItemState {
+    element: HTMLDivElement | null;
 }
 /**
  * @hidden