@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

package/dist/es/items/SchedulerEditItem.js

@@ -0,0 +1,954 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { Keys } from '@progress/kendo-vue-common';
+import { SchedulerViewItem } from './SchedulerViewItem';
+import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
+import { FORM_ITEM_ACTION, useFormItem } from './hooks/use-form-item';
+import { SHOW_OCCURRENCE_DIALOG_ACTION, useShowOccurrenceDialog } from './hooks/use-show-occurrence-dialog';
+import { REMOVE_ITEM_ACTION, useRemoveItem } from './hooks/use-remove-item';
+import { SHOW_REMOVE_DIALOG_ACTION, useShowRemoveDialog } from './hooks/use-show-remove-item-dialog';
+import { DRAG_ITEM_ACTION, useDragItem } from './hooks/use-drag-item';
+import { RESIZE_ITEM_ACTION, useResizeItem } from './hooks/use-resize-item';
+import { SERIES_ACTION, useSeries } from './hooks/use-series';
+import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection'; // tslint:enable:max-line-length
+
+var SchedulerEditItemVue2 = {
+  name: 'KendoSchedulerEditItem',
+  props: {
+    tabIndex: Number,
+    viewItem: [String, Function, Object],
+    drag: [String, Function, Object],
+    resize: [String, Function, Object],
+    form: [String, Function, Object],
+    removeDialog: [String, Function, Object],
+    occurrenceDialog: [String, Function, Object],
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object,
+    showOccurrenceDialog: Boolean,
+    showRemoveDialog: Boolean,
+    series: Boolean,
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    isAllDay: Boolean,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object,
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    id: String,
+    className: String,
+    itemStyle: Object,
+    editable: [Object, Boolean],
+    selected: Boolean,
+    vertical: Boolean,
+    dragHint: Boolean,
+    resizeHint: Boolean,
+    format: String,
+    ignoreIsAllDay: Boolean
+  },
+  inject: {
+    bv: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    return {
+      ei: this.ei
+    };
+  },
+  data: function data() {
+    return {
+      ei: {
+        props: this.$props,
+        form: this.$props.formItem,
+        drag: this.drag,
+        resize: this.resize,
+        remove: this.remove,
+        showRemoveDialog: this.showRemoveDialog,
+        showOccurrenceDialog: this.showOccurrenceDialog
+      },
+      currentTabIndex: this.$props.tabIndex,
+      item: null
+    };
+  },
+  computed: {
+    currentState: function currentState() {
+      return {
+        selected: this.selected,
+        series: this.series,
+        formItem: this.formItem,
+        dragItem: this.dragItem,
+        resizeItem: this.resizeItem,
+        removeItem: this.removeItem,
+        showRemoveDialog: this.showRemoveDialog,
+        showOccurrenceDialog: this.showOccurrenceDialog
+      };
+    },
+    actionsReducerMap: function actionsReducerMap() {
+      var _a;
+
+      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;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement; // tslint:enable:max-line-length
+
+    var _a = this.$props,
+        onDataaction = _a.onDataaction,
+        ignoreIsAllDay = _a.ignoreIsAllDay,
+        propViewItem = _a.viewItem,
+        propSeries = _a.series,
+        onSeriesChange = _a.onSeriesChange,
+        propForm = _a.form,
+        propFormItem = _a.formItem,
+        onFormItemChange = _a.onFormItemChange,
+        propDrag = _a.drag,
+        propDragItem = _a.dragItem,
+        onDragItemChange = _a.onDragItemChange,
+        propResize = _a.resize,
+        propResizeItem = _a.resizeItem,
+        onResizeItemChange = _a.onResizeItemChange,
+        propRemoveDialog = _a.removeDialog,
+        propRemoveItem = _a.removeItem,
+        onRemoveItemChange = _a.onRemoveItemChange,
+        propOccurrenceDialog = _a.occurrenceDialog,
+        propShowOccurrenceDialog = _a.showOccurrenceDialog,
+        onShowOccurrenceDialogChange = _a.onShowOccurrenceDialogChange,
+        propShowRemoveDialog = _a.showRemoveDialog,
+        onShowRemoveDialogChange = _a.onShowRemoveDialogChange; // const editItem = React.useRef<SchedulerEditItemHandle>(null);
+    // const item = React.useRef<SchedulerItemHandle>(null);
+
+    var ViewItem = propViewItem;
+    var Drag = propDrag;
+    var Resize = propResize;
+    var Form = propForm;
+    var OccurrenceDialog = propOccurrenceDialog;
+    var RemoveDialog = propRemoveDialog;
+    var editable = useEditable(this.$props.editable); //  const [selectedItems, dispatchItemSelection] = useSchedulerViewSelectedItemsContext();
+
+    var _b = useSeries(null, propSeries, onSeriesChange),
+        series = _b[0],
+        dispatchSeries = _b[1];
+
+    var _c = useFormItem({
+      series: series,
+      onDataaction: onDataaction
+    }, [null, propFormItem, onFormItemChange]),
+        formItem = _c[0],
+        setFormItem = _c[1],
+        dispatchFormItem = _c[2];
+
+    var _d = useDragItem({
+      dataItem: this.$props.dataItem,
+      ignoreIsAllDay: this.$props.ignoreIsAllDay,
+      isAllDay: this.$props.isAllDay,
+      onDataaction: onDataaction
+    }, [null, propDragItem, onDragItemChange]),
+        dragItem = _d[0],
+        setDragItem = _d[1],
+        dispatchDragItem = _d[2];
+
+    var _e = useResizeItem({
+      dataItem: this.$props.dataItem,
+      onDataaction: onDataaction
+    }, [null, propResizeItem, onResizeItemChange]),
+        resizeItem = _e[0],
+        setResizeItem = _e[1],
+        dispatchResizeItem = _e[2];
+
+    var _f = useRemoveItem({
+      series: series,
+      onDataaction: onDataaction
+    }, [null, propRemoveItem, onRemoveItemChange]),
+        removeItem = _f[0],
+        setRemoveItem = _f[1],
+        dispatchRemoveItem = _f[2];
+
+    var _g = useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
+        showRemoveDialog = _g[0],
+        setShowRemoveDialog = _g[1],
+        dispatchShowRemoveDialog = _g[2];
+
+    var _h = useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
+        showOccurrenceDialog = _h[0],
+        setShowOccurrenceDialog = _h[1],
+        dispatchShowOccurrenceDialog = _h[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 (// <SchedulerEditItemContext
+      //     props={this.$props}
+      //     form={[formItem, setFormItem, dispatchFormItem]}
+      //     drag={[dragItem, setDragItem, dispatchDragItem]}
+      //     resize={[resizeItem, setResizeItem, dispatchResizeItem]}
+      //     remove={[removeItem, setRemoveItem, dispatchRemoveItem ]}
+      //     showRemoveDialog={[showRemoveDialog, setShowRemoveDialog, dispatchShowRemoveDialog]}
+      //     showOccurrenceDialog={[showOccurrenceDialog, setShowOccurrenceDialog, dispatchShowOccurrenceDialog]}
+      // >
+      h(SchedulerViewItem, {
+        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 //   refTo={this}
+          ,
+          itemRef: this.item,
+          selected: selected,
+          tabIndex: this.tabIndex // 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,
+        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
+      }) // {((dragItem && editable.drag)) && (Array.isArray(dragItem) 
+      //     ? (dragItem as any).map((di, idx) => (
+      //     <Drag
+      //         key={idx}
+      //         ignoreIsAllDay={ignoreIsAllDay}
+      //         dataItem={di}
+      //         vertical={this.$props.vertical}
+      //         viewItem={ViewItem}
+      //         item={this.$props.item}
+      //     /> 
+      //     ))
+      //     : (<Drag
+      //         ignoreIsAllDay={ignoreIsAllDay}
+      //         dataItem={dragItem}
+      //         vertical={this.$props.vertical}
+      //         viewItem={ViewItem}
+      //         item={this.$props.item}
+      //     />))}
+      // {((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}
+      //         />
+      //     ))}
+      // {(formItem && !showOccurrenceDialog && editable.edit) && (<Form
+      // dataItem={formItem}
+      // onSubmit={this.handleFormSubmit}
+      // onClose={this.handleCancel}
+      // onCancel={this.handleCancel}
+      // />)}
+      // {(showOccurrenceDialog) && (<OccurrenceDialog
+      // dataItem={formItem || dragItem || resizeItem || removeItem}
+      // isRemove={removeItem !== null}
+      // onClose={this.handleCancel}
+      // onOccurrenceClick={this.handleOccurrenceClick}
+      // onSeriesClick={this.handleSeriesClick}
+      // />)}
+      // {(showRemoveDialog && removeItem && editable.remove) && (<RemoveDialog
+      // dataItem={removeItem}
+      // onClose={this.handleCancel}
+      // onCancel={this.handleCancel}
+      // onConfirm={this.handleRemoveConfirm}
+      // />)}
+      // </SchedulerEditItemContext>
+
+    );
+  },
+  methods: {
+    handleFocus: function handleFocus(event) {
+      if (this.onFocusAction) {
+        var actions = this.onFocusAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('focus', event);
+    },
+    handleMouseDown: function handleMouseDown(event) {
+      if (this.onMouseDownAction) {
+        var actions = this.onMouseDownAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('mousedown', event);
+    },
+    handleMouseUp: function handleMouseUp(event) {
+      if (this.onMouseUpAction) {
+        var actions = this.onMouseUpAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('mouseup', event);
+    },
+    handleClick: function handleClick(event) {
+      if (this.onClickAction) {
+        var actions = this.onClickAction(event, this.props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('click', event);
+    },
+    handleDoubleClick: function handleDoubleClick(event) {
+      if (this.onDoubleClickAction) {
+        var actions = this.onDoubleClickAction(event, this.props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('doubleclick', event);
+    },
+    handleRemoveClick: function handleRemoveClick(event) {
+      if (this.onRemoveClickAction) {
+        var actions = this.onRemoveClickAction(event, this.props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        }
+      }
+
+      this.$emit('removeclick', event);
+    },
+    handlePress: function handlePress(event) {
+      if (this.onPressAction) {
+        var actions = this.onPressAction(event, this.props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item }, event);
+        }
+      }
+
+      this.$emit('press', event);
+    },
+    handleDrag: function handleDrag(event) {
+      if (this.onDragAction) {
+        var actions = this.onDragAction(event, this.props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type](
+          //          {...action, item: this.item}, 
+          //          event.dragEvent.originalEvent
+          //         ))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, 
+          //         event.dragEvent.originalEvent
+          //     );
+        }
+      }
+
+      this.$emit('drag', event);
+    },
+    handleRelease: function handleRelease(event) {
+      if (this.onReleaseAction) {
+        var actions = this.onReleaseAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type](
+          //          {...action, item: this.item }, 
+          //          event.dragEvent.originalEvent))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, 
+          //         event.dragEvent.originalEvent);
+        }
+      }
+
+      this.$emit('release', event);
+    },
+    handleResizePress: function handleResizePress(event) {
+      if (this.onResizePressAction) {
+        var actions = this.onResizePressAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type](
+          //          {...action, item: this.item}, 
+          //          event.dragEvent.originalEvent))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, 
+          //         event.dragEvent.originalEvent
+          //         );
+        }
+      }
+
+      this.$emit('resizepress', event);
+    },
+    handleResizeStartDrag: function handleResizeStartDrag(event) {
+      if (this.onResizeStartDragAction) {
+        var actions = this.onResizeStartDragAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type](
+          //          {...action, item: this.item}, 
+          //          event.dragEvent.originalEvent))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, 
+          //         event.dragEvent.originalEvent
+          //     );
+        }
+      }
+
+      this.$emit('resizestartdrag', event);
+    },
+    handleResizeEndDrag: function handleResizeEndDrag(event) {
+      if (this.onResizeEndDragAction) {
+        var actions = this.onResizeEndDragAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type](
+          //          {...action, item: this.item}, 
+          //          event.dragEvent.originalEvent))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, 
+          //         event.dragEvent.originalEvent);
+        }
+      }
+
+      this.$emit('resizeenddrag', event);
+    },
+    handleResizeRelease: function handleResizeRelease(event) {
+      if (this.onResizeReleaseAction) {
+        var actions = this.onResizeReleaseAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action && 
+          //     this.actionsReducerMap[action.type](
+          //         {...action, item: this.item}, 
+          //         event.dragEvent.originalEvent))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item }, 
+          //         event.dragEvent.originalEvent
+          //     );
+        }
+      }
+
+      this.$emit('resizerelease', event);
+    },
+    handleFormSubmit: function handleFormSubmit(event) {
+      if (this.onFormSubmitAction) {
+        var actions = this.onFormSubmitAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action && 
+          //     this.actionsReducerMap[action.type](
+          //         {...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type](
+          //         {...actions, item: this.item}, event);
+        }
+      }
+
+      this.$emit('formsubmit', event);
+    },
+    handleCancel: function handleCancel(event) {
+      if (this.onCancelAction) {
+        var actions = this.onCancelAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action && 
+          //     this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event);
+        }
+      }
+
+      this.$emit('cancel', event);
+    },
+    handleOccurrenceClick: function handleOccurrenceClick(event) {
+      if (this.onOccurrenceClickAction) {
+        var actions = this.onOccurrenceClickAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action && 
+          //     this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event);
+        }
+      }
+
+      this.$emit('occurrenceclick', event);
+    },
+    handleSeriesClick: function handleSeriesClick(event) {
+      if (this.onSeriesClickAction) {
+        var actions = this.onSeriesClickAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions) 
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event);
+        }
+      }
+
+      this.$emit('seriesclick', event);
+    },
+    handleKeyDown: function handleKeyDown(event) {
+      if (this.onKeyDownAction) {
+        var actions = this.onKeyDownAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions)
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event.event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event.event);
+        }
+      }
+
+      this.$emit('keydown', event);
+    },
+    handleKeyUp: function handleKeyUp(event) {
+      if (this.onKeyUpAction) {
+        var actions = this.onKeyUpAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions)
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event.event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event.event);
+        }
+      }
+
+      this.$emit('keyup', event);
+    },
+    handleRemoveConfirm: function handleRemoveConfirm(event) {
+      if (this.onRemoveConfirmAction) {
+        var actions = this.onRemoveConfirmAction(event, this.$props, this.currentState);
+
+        if (actions) {// Array.isArray(actions)
+          //     ? actions.filter(Boolean).map((action) => action &&
+          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event.event))
+          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item}, event.event);
+        }
+      }
+
+      this.$emit('removeconfirm', event);
+    },
+    onClickAction: function onClickAction(event, _, state) {
+      return [{
+        type: event.event.metaKey || event.event.ctrlKey ? state.selected && !state.dragItem && !state.resizeItem ? ITEMS_SELECT_ACTION.remove : ITEMS_SELECT_ACTION.add : ITEMS_SELECT_ACTION.select
+      }];
+    },
+    onDoubleClickAction: function onDoubleClickAction(_, props) {
+      return props.editable ? [{
+        type: FORM_ITEM_ACTION.set,
+        payload: props.dataItem
+      }, props.isRecurring && {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+      }].filter(Boolean) : [];
+    },
+    onRemoveClickAction: function onRemoveClickAction(_, props) {
+      return props.editable ? [{
+        type: REMOVE_ITEM_ACTION.set,
+        payload: props.dataItem
+      }, props.isRecurring ? {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+      } : {
+        type: SHOW_REMOVE_DIALOG_ACTION.open
+      }] : [];
+    },
+    onPressAction: function onPressAction(event, props) {
+      return props.editable ? {
+        type: DRAG_ITEM_ACTION.start,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onDragAction: function onDragAction(event, props) {
+      return props.editable ? {
+        type: event.dragEvent.originalEvent.metaKey || event.dragEvent.originalEvent.ctrlKey ? DRAG_ITEM_ACTION.dragSelected : DRAG_ITEM_ACTION.drag,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onReleaseAction: function onReleaseAction(event, props, state) {
+      return props.editable && state.dragItem ? props.isRecurring && !props.isException && state.series === null ? {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+      } : {
+        type: props.isRecurring ? state.series ? DRAG_ITEM_ACTION.completeSeries : DRAG_ITEM_ACTION.completeOccurrence : DRAG_ITEM_ACTION.complete,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onResizePressAction: function onResizePressAction(event, props) {
+      return props.editable ? {
+        type: RESIZE_ITEM_ACTION.start,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onResizeStartDragAction: function onResizeStartDragAction(event, props) {
+      return props.editable ? {
+        type: event.dragEvent.originalEvent.metaKey || event.dragEvent.originalEvent.ctrlKey ? RESIZE_ITEM_ACTION.startDragSelected : RESIZE_ITEM_ACTION.startDrag,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onResizeEndDragAction: function onResizeEndDragAction(event, props) {
+      return props.editable ? {
+        type: event.dragEvent.originalEvent.metaKey || event.dragEvent.originalEvent.ctrlKey ? RESIZE_ITEM_ACTION.endDragSelected : RESIZE_ITEM_ACTION.endDrag,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onResizeReleaseAction: function onResizeReleaseAction(event, props, state) {
+      return props.editable && state.resizeItem ? props.isRecurring && !props.isException && state.series === null ? {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+      } : {
+        type: props.isRecurring ? state.series ? RESIZE_ITEM_ACTION.completeSeries : RESIZE_ITEM_ACTION.completeOccurrence : RESIZE_ITEM_ACTION.complete,
+        payload: {
+          x: event.dragEvent.clientX,
+          y: event.dragEvent.clientY
+        }
+      } : [];
+    },
+    onOccurrenceClickAction: function onOccurrenceClickAction(_event, props, state) {
+      if (state.dragItem) {
+        return [{
+          type: DRAG_ITEM_ACTION.completeOccurrence
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.resizeItem) {
+        return [{
+          type: RESIZE_ITEM_ACTION.completeOccurrence
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.formItem) {
+        return [{
+          type: SERIES_ACTION.set,
+          payload: false
+        }, {
+          type: FORM_ITEM_ACTION.set,
+          payload: props.dataItem
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.removeItem) {
+        return [{
+          type: SERIES_ACTION.set,
+          payload: false
+        }, {
+          type: REMOVE_ITEM_ACTION.set,
+          payload: props.dataItem
+        }, {
+          type: SHOW_REMOVE_DIALOG_ACTION.open
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+    },
+    onSeriesClickAction: function onSeriesClickAction(_event, props, state) {
+      if (state.dragItem) {
+        return [{
+          type: DRAG_ITEM_ACTION.completeSeries
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.resizeItem) {
+        return [{
+          type: RESIZE_ITEM_ACTION.completeSeries
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.formItem) {
+        return [{
+          type: SERIES_ACTION.set,
+          payload: true
+        }, {
+          type: FORM_ITEM_ACTION.setMaster,
+          payload: props.dataItem
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+
+      if (state.removeItem) {
+        return [{
+          type: SERIES_ACTION.set,
+          payload: true
+        }, {
+          type: REMOVE_ITEM_ACTION.set,
+          payload: props.dataItem
+        }, {
+          type: SHOW_REMOVE_DIALOG_ACTION.open
+        }, {
+          type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+        }];
+      }
+    },
+    onKeyDownAction: function onKeyDownAction(event, props) {
+      switch (event.event.keyCode) {
+        case Keys.enter:
+          return [{
+            type: FORM_ITEM_ACTION.set,
+            payload: props.dataItem
+          }, props.isRecurring && {
+            type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+          }];
+
+        case Keys.tab:
+          return [{
+            type: event.event.shiftKey ? ITEMS_FOCUS_ACTION.prev : ITEMS_FOCUS_ACTION.next,
+            ignoreIsAllDay: props.ignoreIsAllDay
+          }, {
+            type: event.event.shiftKey ? ITEMS_SELECT_ACTION.selectPrev : ITEMS_SELECT_ACTION.selectNext,
+            ignoreIsAllDay: props.ignoreIsAllDay
+          }];
+
+        case Keys.up:
+          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+            type: SLOTS_FOCUS_ACTION.up,
+            slot: props.slots[0].refTo
+          }];
+
+        case Keys.right:
+          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+            type: SLOTS_FOCUS_ACTION.right,
+            slot: props.slots[0].refTo
+          }];
+
+        case Keys.down:
+          return [Boolean(props.slots.length && props.slots[props.slots.length - 1].refTo.current) && {
+            type: SLOTS_FOCUS_ACTION.down,
+            slot: props.slots[props.slots.length - 1].refTo
+          }];
+
+        case Keys.left:
+          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+            type: SLOTS_FOCUS_ACTION.left,
+            slot: props.slots[0].refTo
+          }];
+
+        default:
+          return;
+      }
+    },
+    onFormSubmitAction: function onFormSubmitAction(event) {
+      return {
+        type: FORM_ITEM_ACTION.complete,
+        payload: event.value
+      };
+    },
+    onRemoveConfirmAction: function onRemoveConfirmAction() {
+      return [{
+        type: REMOVE_ITEM_ACTION.complete
+      }, {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.close
+      }];
+    },
+    onCancelAction: function onCancelAction() {
+      return [{
+        type: SERIES_ACTION.reset
+      }, {
+        type: REMOVE_ITEM_ACTION.reset
+      }, {
+        type: FORM_ITEM_ACTION.reset
+      }, {
+        type: DRAG_ITEM_ACTION.reset
+      }, {
+        type: RESIZE_ITEM_ACTION.reset
+      }, {
+        type: SHOW_REMOVE_DIALOG_ACTION.reset
+      }, {
+        type: SHOW_OCCURRENCE_DIALOG_ACTION.reset
+      }];
+    }
+  }
+};
+var SchedulerEditItem = SchedulerEditItemVue2;
+export { SchedulerEditItem, SchedulerEditItemVue2 };