@progress/kendo-vue-scheduler 3.2.4-dev.202204201306 → 3.2.5

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

@@ -47,6 +47,7 @@ import { mapItemsToSlots, mapSlotsToItems, isInTimeRange, toUTCDateTime, interse
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { MS_PER_MINUTE } from '../../constants';
 import { toRanges, toItems, toSlots, toOccurrences } from '../../services/';
+import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarket';
@@ -126,6 +127,12 @@ var MultiDayViewVue2 = {
       type: String,
       default: '{0:d} - {1:d}'
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     // showCurrentTime: {
     //   type: Boolean,
     //   default: true
@@ -244,8 +251,16 @@ var MultiDayViewVue2 = {
       mapItemsToSlots(timeItems, this.timeSlots, false);
       mapSlotsToItems(timeItems, this.timeSlots, false);
       return timeItems;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
     }
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined
+    };
+  },
   created: function created() {
     this.intl = provideIntlService(this);
   },
@@ -279,6 +294,34 @@ var MultiDayViewVue2 = {
     var timeItems = this.timeItems;
     var daySlots = this.daySlots;
     var timeSlots = this.timeSlots;
+
+    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={ignoreIsAllDay}
+          ,
+          dataItem: di,
+          attrs: this.v3 ? undefined : {
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag //    ignoreIsAllDay={ignoreIsAllDay}
+      , {
+        dataItem: this.compDragItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
     return (// @ts-ignore  function children
       h(BaseView, {
         id: this.$props.id,
@@ -451,7 +494,9 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)] : // @ts-ignore  function children
+        }, _this2) // ,
+        // dragItemClue.call(this, false)
+        ] : // @ts-ignore  function children
         h(VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
@@ -789,15 +834,17 @@ var MultiDayViewVue2 = {
             format: 't',
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: true
           });
-        }, _this2)])];
+        }, _this2), dragItemClue.call(_this2, true)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator, {
@@ -1278,20 +1325,25 @@ var MultiDayViewVue2 = {
           format: 't',
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: true
         });
-      }, _this2)])])
+      }, _this2), dragItemClue.call(_this2, true)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
     }
   }
 };

package/dist/npm/Scheduler.d.ts

@@ -168,6 +168,14 @@ export interface SchedulerProps {
      * Sets a default selected `Date`. The `defaultDate` property is used to specify the initial rendered date, while still remaining in an uncontrolled mode.
      */
     defaultDate?: Date;
+    /**
+     * Function that returns custom validator for the form.
+     */
+    validator?: Function;
+    /**
+     * Function that returns custom initial values for the fields of the form.
+     */
+    modifyInitialFormValues?: Function;
     /**
      * Force a `rtl` mode. For more information refer to [RTL Support]({% slug globalization_scheduler %}#toc-right-to-left-support)
      */

package/dist/npm/Scheduler.js

@@ -127,6 +127,18 @@ var SchedulerVue2 = {
       type: Date,
       default: new Date()
     },
+    validator: {
+      type: Function,
+      default: function _default() {
+        return {};
+      }
+    },
+    modifyInitialFormValues: {
+      type: Function,
+      default: function _default(i) {
+        return i;
+      }
+    },
     header: [String, Function, Object],
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
@@ -157,7 +169,9 @@ var SchedulerVue2 = {
       slotDoubleClick: this.handleSlotDoubleClick,
       slotClick: this.handleSlotClick,
       taskDoubleClick: this.handleTaskDoubleClick,
-      taskClick: this.handleTaskClick
+      taskClick: this.handleTaskClick,
+      ksValidator: this.validator,
+      ksModifyInitialFormValues: this.modifyInitialFormValues
     };
   },
   data: function data() {

package/dist/npm/additionalTypes.ts

@@ -6,4 +6,5 @@ import * as Vue from 'vue';
 type Vue2type = Vue.default;
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+// @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/components/SchedulerForm.js

@@ -53,13 +53,7 @@ var SchedulerFormVue2 = {
     dataItem: Object,
     renderForm: Object,
     editor: [String, Function, Object],
-    dialog: [String, Function, Object],
-    validator: {
-      type: Function,
-      default: function _default() {
-        return {};
-      }
-    }
+    dialog: [String, Function, Object]
   },
   inject: {
     ks: {
@@ -67,6 +61,12 @@ var SchedulerFormVue2 = {
     },
     kendoLocalizationService: {
       default: null
+    },
+    ksValidator: {
+      default: null
+    },
+    ksModifyInitialFormValues: {
+      default: null
     }
   },
   // @ts-ignore
@@ -114,9 +114,9 @@ var SchedulerFormVue2 = {
       }, this.v3 ? function () {
         return [// @ts-ignore  function children
         h(kendo_vue_form_1.Form, {
-          initialValues: _this.$props.dataItem,
+          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
           attrs: _this.v3 ? undefined : {
-            initialValues: _this.$props.dataItem,
+            initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
             validator: _this.formValidator
           },
           onSubmit: _this.handleSubmit,
@@ -127,11 +127,13 @@ var SchedulerFormVue2 = {
         }, _this.v3 ? function () {
           return [// @ts-ignore  function children
           h(SchedulerFormEditor_1.SchedulerFormEditor, {
-            //   {...this.renderProps}
-            as: Editor,
+            renderForm: _this.renderForm //   {...this.renderProps}
+            ,
             attrs: _this.v3 ? undefined : {
+              renderForm: _this.renderForm,
               as: Editor
-            }
+            },
+            as: Editor
           }, _this.v3 ? function () {
             return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
               editSaveMessage: editSaveMessage,
@@ -158,10 +160,12 @@ var SchedulerFormVue2 = {
             }
           })])];
         } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-          as: Editor,
+          renderForm: _this.renderForm,
           attrs: _this.v3 ? undefined : {
+            renderForm: _this.renderForm,
             as: Editor
-          }
+          },
+          as: Editor
         }, _this.v3 ? function () {
           return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
@@ -188,9 +192,9 @@ var SchedulerFormVue2 = {
           }
         })])])];
       } : [h(kendo_vue_form_1.Form, {
-        initialValues: _this.$props.dataItem,
+        initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
         attrs: _this.v3 ? undefined : {
-          initialValues: _this.$props.dataItem,
+          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
           validator: _this.formValidator
         },
         onSubmit: _this.handleSubmit,
@@ -200,10 +204,12 @@ var SchedulerFormVue2 = {
         validator: _this.formValidator
       }, _this.v3 ? function () {
         return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-          as: Editor,
+          renderForm: _this.renderForm,
           attrs: _this.v3 ? undefined : {
+            renderForm: _this.renderForm,
             as: Editor
-          }
+          },
+          as: Editor
         }, _this.v3 ? function () {
           return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
@@ -230,10 +236,12 @@ var SchedulerFormVue2 = {
           }
         })])];
       } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-        as: Editor,
+        renderForm: _this.renderForm,
         attrs: _this.v3 ? undefined : {
+          renderForm: _this.renderForm,
           as: Editor
-        }
+        },
+        as: Editor
       }, _this.v3 ? function () {
         return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
@@ -301,7 +309,7 @@ var SchedulerFormVue2 = {
       result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
-      var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
+      var additionalValidator = this.ksValidator(_dataItem, formValueGetter);
       return __assign(__assign({}, result), additionalValidator);
     }
   }

package/dist/npm/items/SchedulerEditItem.js

@@ -27,18 +27,10 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
-var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
-
-var SchedulerForm_1 = require("../components/SchedulerForm");
-
-var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
-
 var Scheduler_1 = require("../Scheduler");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
-var SchedulerDrag_1 = require("../views/common/SchedulerDrag");
-
 var SchedulerViewItem_1 = require("./SchedulerViewItem");
 
 var hooks_1 = require("../hooks");
@@ -134,7 +126,12 @@ var SchedulerEditItemVue2 = {
   },
   provide: function provide() {
     return {
-      ei: this.ei
+      ei: this.ei,
+      ksCancel: this.handleCancel,
+      ksFormSubmit: this.handleFormSubmit,
+      ksOccurrenceClick: this.handleOccurrenceClick,
+      ksSeriesClick: this.handleSeriesClick,
+      ksRemoveConfirm: this.handleRemoveConfirm
     };
   },
   data: function data() {
@@ -204,8 +201,6 @@ var SchedulerEditItemVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement; // tslint:enable:max-line-length
@@ -325,7 +320,13 @@ var SchedulerEditItemVue2 = {
           vertical: this.vertical,
           dragHint: this.dragHint,
           resizeHint: this.resizeHint,
-          format: this.format //   refTo={this}
+          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,
@@ -365,6 +366,12 @@ var SchedulerEditItemVue2 = {
         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.tabIndex,
@@ -404,149 +411,7 @@ var SchedulerEditItemVue2 = {
         onResizeenddrag: this.handleResizeEndDrag,
         onResizestartdrag: this.handleResizeStartDrag,
         onResizeselease: this.handleResizeRelease
-      }, this.v3 ? function () {
-        return [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
-          dataItem: _this2.compFormItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compFormItem
-          },
-          onSubmit: _this2.handleFormSubmit,
-          on: _this2.v3 ? undefined : {
-            "submit": _this2.handleFormSubmit,
-            "close": _this2.handleCancel,
-            "cancel": _this2.handleCancel
-          },
-          onClose: _this2.handleCancel,
-          onCancel: _this2.handleCancel
-        }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
-          return h(SchedulerDrag_1.SchedulerDrag, {
-            key: idx,
-            ignoreIsAllDay: ignoreIsAllDay,
-            attrs: this.v3 ? undefined : {
-              ignoreIsAllDay: ignoreIsAllDay,
-              dataItem: di,
-              vertical: this.$props.vertical,
-              viewItem: ViewItem,
-              item: this.$props.dataItem
-            },
-            dataItem: di,
-            vertical: this.$props.vertical,
-            viewItem: ViewItem,
-            item: this.$props.dataItem
-          });
-        }, _this2) : h(SchedulerDrag_1.SchedulerDrag, {
-          ignoreIsAllDay: ignoreIsAllDay,
-          attrs: _this2.v3 ? undefined : {
-            ignoreIsAllDay: ignoreIsAllDay,
-            dataItem: _this2.compDragItem,
-            vertical: _this2.$props.vertical,
-            viewItem: ViewItem,
-            item: _this2.$props.dataItem
-          },
-          dataItem: _this2.compDragItem,
-          vertical: _this2.$props.vertical,
-          viewItem: ViewItem,
-          item: _this2.$props.dataItem
-        })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
-          dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-            isRemove: !!_this2.compRemoveItem
-          },
-          isRemove: !!_this2.compRemoveItem,
-          onClose: _this2.handleCancel,
-          on: _this2.v3 ? undefined : {
-            "close": _this2.handleCancel,
-            "occurrenceclose": _this2.handleOccurrenceClick,
-            "seriesclose": _this2.handleSeriesClick
-          },
-          onOccurrenceclose: _this2.handleOccurrenceClick,
-          onSeriesclose: _this2.handleSeriesClick
-        }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
-          dataItem: _this2.compRemoveItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compRemoveItem
-          },
-          onClose: _this2.handleCancel,
-          on: _this2.v3 ? undefined : {
-            "close": _this2.handleCancel,
-            "cancel": _this2.handleCancel,
-            "confirm": _this2.handleRemoveConfirm
-          },
-          onCancel: _this2.handleCancel,
-          onConfirm: _this2.handleRemoveConfirm
-        })];
-      } : [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
-        dataItem: _this2.compFormItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compFormItem
-        },
-        onSubmit: _this2.handleFormSubmit,
-        on: _this2.v3 ? undefined : {
-          "submit": _this2.handleFormSubmit,
-          "close": _this2.handleCancel,
-          "cancel": _this2.handleCancel
-        },
-        onClose: _this2.handleCancel,
-        onCancel: _this2.handleCancel
-      }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
-        return h(SchedulerDrag_1.SchedulerDrag, {
-          key: idx,
-          ignoreIsAllDay: ignoreIsAllDay,
-          attrs: this.v3 ? undefined : {
-            ignoreIsAllDay: ignoreIsAllDay,
-            dataItem: di,
-            vertical: this.$props.vertical,
-            viewItem: ViewItem,
-            item: this.$props.dataItem
-          },
-          dataItem: di,
-          vertical: this.$props.vertical,
-          viewItem: ViewItem,
-          item: this.$props.dataItem
-        });
-      }, _this2) : h(SchedulerDrag_1.SchedulerDrag, {
-        ignoreIsAllDay: ignoreIsAllDay,
-        attrs: _this2.v3 ? undefined : {
-          ignoreIsAllDay: ignoreIsAllDay,
-          dataItem: _this2.compDragItem,
-          vertical: _this2.$props.vertical,
-          viewItem: ViewItem,
-          item: _this2.$props.dataItem
-        },
-        dataItem: _this2.compDragItem,
-        vertical: _this2.$props.vertical,
-        viewItem: ViewItem,
-        item: _this2.$props.dataItem
-      })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
-        dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-          isRemove: !!_this2.compRemoveItem
-        },
-        isRemove: !!_this2.compRemoveItem,
-        onClose: _this2.handleCancel,
-        on: _this2.v3 ? undefined : {
-          "close": _this2.handleCancel,
-          "occurrenceclose": _this2.handleOccurrenceClick,
-          "seriesclose": _this2.handleSeriesClick
-        },
-        onOccurrenceclose: _this2.handleOccurrenceClick,
-        onSeriesclose: _this2.handleSeriesClick
-      }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
-        dataItem: _this2.compRemoveItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compRemoveItem
-        },
-        onClose: _this2.handleCancel,
-        on: _this2.v3 ? undefined : {
-          "close": _this2.handleCancel,
-          "cancel": _this2.handleCancel,
-          "confirm": _this2.handleRemoveConfirm
-        },
-        onCancel: _this2.handleCancel,
-        onConfirm: _this2.handleRemoveConfirm
-      })]) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
+      }) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
       //     ? (resizeItem as any).map((ri, idx) => (
       //     <Resize
       //         key={idx}

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

@@ -179,6 +179,18 @@ export interface SchedulerItemProps extends Item {
     maxSiblingsPerSlot?: number;
     /** @hidden */
     itemTitle?: string;
+    /** @hidden */
+    showRemoveDialog?: boolean;
+    /** @hidden */
+    showOccurrenceDialog?: boolean;
+    /** @hidden */
+    formItem?: object;
+    /** @hidden */
+    dragItem?: object;
+    /** @hidden */
+    resizeItem?: object;
+    /** @hidden */
+    removeItem?: object;
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).

package/dist/npm/items/SchedulerItem.js

@@ -37,7 +37,13 @@ var messages_1 = require("../messages");
 
 var hooks_1 = require("../hooks");
 
-var utils_2 = require("../utils"); // tslint:enable:max-line-length
+var utils_2 = require("../utils");
+
+var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
+
+var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
+
+var SchedulerForm_1 = require("../components/SchedulerForm"); // tslint:enable:max-line-length
 
 
 var SchedulerItemVue2 = {
@@ -102,7 +108,19 @@ var SchedulerItemVue2 = {
     resizeHint: Boolean,
     format: String,
     maxSiblingsPerSlot: Number,
-    itemTitle: String
+    itemTitle: String,
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   data: function data() {
     return {
@@ -127,6 +145,21 @@ var SchedulerItemVue2 = {
     },
     itemDoubleClick: {
       default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksFormSubmit: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
     }
   },
   computed: {
@@ -295,7 +328,48 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-reload"
       }), !this.$props.isRecurring && this.$props.isException && h("span", {
         "class": "k-icon k-i-non-recurrence"
-      })]), defaultSlot, !this.$props.resizeHint && h("span", {
+      })]), this.formItem && !this.showOccurrenceDialog && editable.edit && h(SchedulerForm_1.SchedulerForm, {
+        dataItem: this.formItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.formItem
+        },
+        onSubmit: this.ksFormSubmit,
+        on: this.v3 ? undefined : {
+          "submit": this.ksFormSubmit,
+          "close": this.ksCancel,
+          "cancel": this.ksCancel
+        },
+        onClose: this.ksCancel,
+        onCancel: this.ksCancel
+      }), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
+        dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+          isRemove: !!this.removeItem
+        },
+        isRemove: !!this.removeItem,
+        onClose: this.ksCancel,
+        on: this.v3 ? undefined : {
+          "close": this.ksCancel,
+          "occurrenceclose": this.ksOccurrenceClick,
+          "seriesclose": this.ksSeriesClick
+        },
+        onOccurrenceclose: this.ksOccurrenceClick,
+        onSeriesclose: this.ksSeriesClick
+      }), this.showRemoveDialog && this.removeItem && editable.remove && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+        dataItem: this.removeItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.removeItem
+        },
+        onClose: this.ksCancel,
+        on: this.v3 ? undefined : {
+          "close": this.ksCancel,
+          "cancel": this.ksCancel,
+          "confirm": this.ksRemoveConfirm
+        },
+        onCancel: this.ksCancel,
+        onConfirm: this.ksRemoveConfirm
+      }), defaultSlot, !this.$props.resizeHint && h("span", {
         "class": "k-event-actions"
       }, [editable.remove && h("a", {
         tabIndex: -1,