@progress/kendo-vue-scheduler 3.2.7-dev.202205021145 → 3.2.8

package/dist/es/Scheduler.js

@@ -119,6 +119,7 @@ var SchedulerVue2 = {
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     task: [String, Function, Object]
   },
   computed: {
@@ -228,6 +229,7 @@ var SchedulerVue2 = {
     var footer = templateRendering.call(this, view.footer || this.$props.footer, getListeners.call(this));
     var slotRender = templateRendering.call(this, view.slot || this.$props.slotRender, {});
     var item = templateRendering.call(this, view.item || this.$props.item, {});
+    var viewItem = templateRendering.call(this, view.viewItem || this.$props.viewItem, {});
     var task = templateRendering.call(this, view.task || this.$props.task, {});
     var ViewSelector = SchedulerViewSelector;
     var viewComponent = this.getViewComponentByName(this.ks.activeViewName || view.name);
@@ -240,6 +242,7 @@ var SchedulerVue2 = {
       dateRange: this.ks.dateRange,
       slotRender: slotRender,
       item: item,
+      viewItem: viewItem,
       task: task
     });
 

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';
@@ -193,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,
@@ -269,56 +270,12 @@ var SchedulerEditItemVue2 = {
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
       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.currentTabIndex // Keyboard
-
-        },
         item: this.item,
         uid: this.uid,
         start: this.start,
@@ -357,48 +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.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
-      })
-    );
+        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) {

package/dist/es/items/SchedulerItem.js

@@ -53,7 +53,7 @@ var SchedulerItemVue2 = {
     'resizepress': null,
     'resizestartdrag': null,
     'resizeenddrag': null,
-    'resizeenrelease': null
+    'resizerelease': null
   },
   props: {
     uid: [String, Number],

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1651491665,
+    publishDate: 1651574121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/views/common/SchedulerResize.js

@@ -17,6 +17,7 @@ import { mapItemsToSlots } from '../../utils'; // tslint:enable:max-line-length
 
 var SchedulerResizeVue2 = {
   name: 'KendoSchedulerResize',
+  inheritAttrs: false,
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,

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

@@ -89,6 +89,7 @@ var DayViewVue2 = {
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -136,6 +137,7 @@ var DayViewVue2 = {
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -158,6 +160,7 @@ var DayViewVue2 = {
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

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

@@ -155,6 +155,7 @@ var MultiDayViewVue2 = {
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false

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

@@ -63,6 +63,7 @@ var MonthViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false

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

@@ -122,6 +122,7 @@ var MultiDayTimelineViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false

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

@@ -94,6 +94,7 @@ var TimelineViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: [Object, Boolean]
   },
   // @ts-ignore
@@ -129,6 +130,7 @@ var TimelineViewVue2 = {
         workWeekEnd: this.$props.workWeekEnd,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -150,6 +152,7 @@ var TimelineViewVue2 = {
       workWeekEnd: this.$props.workWeekEnd,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/es/views/week/WeekView.js

@@ -87,6 +87,7 @@ var WeekViewVue2 = {
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -134,6 +135,7 @@ var WeekViewVue2 = {
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -156,6 +158,7 @@ var WeekViewVue2 = {
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/es/views/week/WorkWeekView.js

@@ -76,6 +76,7 @@ var WorkWeekViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -118,6 +119,7 @@ var WorkWeekViewVue2 = {
         step: DAYS_IN_WEEK_COUNT,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -131,6 +133,7 @@ var WorkWeekViewVue2 = {
       step: DAYS_IN_WEEK_COUNT,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/npm/Scheduler.js

@@ -143,6 +143,7 @@ var SchedulerVue2 = {
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     task: [String, Function, Object]
   },
   computed: {
@@ -252,6 +253,7 @@ var SchedulerVue2 = {
     var footer = kendo_vue_common_1.templateRendering.call(this, view.footer || this.$props.footer, kendo_vue_common_1.getListeners.call(this));
     var slotRender = kendo_vue_common_1.templateRendering.call(this, view.slot || this.$props.slotRender, {});
     var item = kendo_vue_common_1.templateRendering.call(this, view.item || this.$props.item, {});
+    var viewItem = kendo_vue_common_1.templateRendering.call(this, view.viewItem || this.$props.viewItem, {});
     var task = kendo_vue_common_1.templateRendering.call(this, view.task || this.$props.task, {});
     var ViewSelector = SchedulerViewSelector_1.SchedulerViewSelector;
     var viewComponent = this.getViewComponentByName(this.ks.activeViewName || view.name);
@@ -264,6 +266,7 @@ var SchedulerVue2 = {
       dateRange: this.ks.dateRange,
       slotRender: slotRender,
       item: item,
+      viewItem: viewItem,
       task: task
     });
 

package/dist/npm/items/SchedulerEditItem.js

@@ -214,7 +214,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 = kendo_vue_common_1.getDefaultSlots(this); // tslint:enable:max-line-length
 
     var _a = this.$props,
         onDataaction = _a.onDataaction,
@@ -290,56 +291,12 @@ var SchedulerEditItemVue2 = {
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
       return utils_1.compareItems(si, _this, _this.ignoreIsAllDay);
     }));
-    return (// @ts-ignore  function children
-      h(SchedulerViewItem_1.SchedulerViewItem, {
+    var itemRender;
+    var itemRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerViewItem_1.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.currentTabIndex // Keyboard
-
-        },
         item: this.item,
         uid: this.uid,
         start: this.start,
@@ -378,48 +335,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.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
-      })
-    );
+        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 = kendo_vue_common_1.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) {