@progress/kendo-vue-scheduler 3.1.4 → 3.2.0-dev.202204120815

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

@@ -32,13 +32,16 @@ var SchedulerDragVue2 = {
   inject: {
     ks: {
       default: null
+    },
+    bv: {
+      default: null
     }
   },
   computed: {
     occurrences: function occurrences() {
       return toOccurrences([this.$props.dataItem], {
-        dateRange: this.dateRange,
-        fields: this.fields,
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
@@ -46,8 +49,8 @@ var SchedulerDragVue2 = {
       return toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -67,22 +70,70 @@ var SchedulerDragVue2 = {
     // const dateRange = useSchedulerDateRangeContext();
     //  const [viewSlots] = useSchedulerViewSlotsContext();
 
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
     });
     mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (_item, idx) {
+      h("div", [this.items.map(function (item, idx) {
         return h(SchedulerViewItem, {
-          key: idx // {...item}
-          ,
-          item: this.$props.item,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            item: this.$props.item,
+            uid: item.uid,
+            start: item.start,
+            end: item.end,
+            originalStart: item.originalStart,
+            startTimezone: item.startTimezone,
+            endTimezone: item.endTimezone,
+            isAllDay: item.isAllDay,
+            title: item.title,
+            description: item.description,
+            occurrenceId: item.occurrenceId,
+            recurrenceExceptions: item.recurrenceExceptions,
+            recurrenceRule: item.recurrenceRule,
+            recurrenceId: item.recurrenceId,
+            dataItem: item.dataItem,
+            itemRef: item.itemRef,
+            head: item.head,
+            tail: item.tail,
+            order: item.order,
+            zonedStart: item.zonedStart,
+            zonedEnd: item.zonedEnd,
+            slots: item.slots,
+            group: item.group,
+            range: item.range,
+            isException: item.isException,
+            isRecurring: item.isRecurring //   item={this.$props.item}
+            ,
             dragHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
           dragHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay

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

@@ -10,6 +10,10 @@ import { Day } from '@progress/kendo-date-math'; // tslint:enable:max-line-lengt
 
 var DayViewVue2 = {
   name: 'KendoDayView',
+  // @ts-ignore
+  emits: {
+    dataaction: null
+  },
   props: {
     name: {
       type: String,

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

@@ -62,7 +62,11 @@ var MonthViewVue2 = {
       default: '{0:Y}'
     },
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ks: {
@@ -107,8 +111,8 @@ var MonthViewVue2 = {
         groups: this.ks.groups,
         ranges: this.ranges
       });
-      mapItemsToSlots(items, this.monthSlots, false);
-      mapSlotsToItems(items, this.monthSlots, false);
+      mapItemsToSlots(items, this.monthSlots, true);
+      mapSlotsToItems(items, this.monthSlots, true);
       return items;
     }
   },
@@ -134,16 +138,8 @@ var MonthViewVue2 = {
     var EditItem = this.$props.editItem || SchedulerEditItem;
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
     var items = this.items;
-    var monthSlots = this.monthSlots; // const [dataItems] = useSchedulerDataContext();
-    // const [, setDate] = useSchedulerDateContext();
-    // const [, setView] = useSchedulerActiveViewContext();
-    // const views = useSchedulerViewsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const orientation = useSchedulerOrientationContext();
-    // const dateRange = useSchedulerDateRangeContext();
-
-    this.intl = provideIntlService(this); // const fields = useSchedulerFieldsContext();
-
+    var monthSlots = this.monthSlots;
+    this.intl = provideIntlService(this);
     var itemsPerSlot = this.$props.itemsPerSlot;
     var body = this.ks.orientation === 'horizontal' ? this.ranges.map(function (_, rangeIndex) {
       var _this = this;

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

@@ -1,4 +1,18 @@
-// @ts-ignore
+var __spreadArrays = this && this.__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -107,7 +121,11 @@ var MultiDayTimelineViewVue2 = {
       default: 100
     },
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ks: {
@@ -166,9 +184,9 @@ var MultiDayTimelineViewVue2 = {
         ranges: this.ranges
       }).filter(function (item) {
         return _this.viewStart.getTime() === _this.viewEnd.getTime() || isInTimeRange(item.zonedStart, _this.viewStart, _this.viewEnd) || isInTimeRange(item.zonedEnd, _this.viewStart, _this.viewEnd) || isInTimeRange(new Date(item.zonedEnd.getTime() - (item.zonedEnd.getTime() - item.zonedStart.getTime()) / 2), _this.viewStart, _this.viewEnd);
-      }); // mapItemsToSlots(items, this.timelineSlots, false);
-      // mapSlotsToItems(items, this.timelineSlots, false);
-
+      });
+      mapItemsToSlots(items, this.timelineSlots, true);
+      mapSlotsToItems(items, this.timelineSlots, true);
       return items;
     }
   },
@@ -222,10 +240,11 @@ var MultiDayTimelineViewVue2 = {
     var slotDuration = this.$props.slotDuration;
     var workDayStart = intl.parseDate(this.$props.workDayStart);
     var workDayEnd = intl.parseDate(this.$props.workDayEnd);
-    var items = this.items;
-    var timelineSlots = this.timelineSlots;
-    mapItemsToSlots(items, timelineSlots, true);
-    mapSlotsToItems(items, timelineSlots, true);
+
+    var items = __spreadArrays(this.items);
+
+    var timelineSlots = __spreadArrays(this.timelineSlots);
+
     var width = (this.ks.orientation === 'horizontal' ? timelineSlots.length : timelineSlots.length / this.ks.groups.length) * (this.$props.columnWidth + BORDER_WIDTH);
     var head = [h("div", {
       "class": "k-scheduler-row"

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

@@ -8,6 +8,10 @@ import { Day } from '@progress/kendo-date-math'; // tslint:enable:max-line-lengt
 
 var TimelineViewVue2 = {
   name: 'KendoTimelineView',
+  // @ts-ignore
+  emits: {
+    dataaction: null
+  },
   props: {
     name: {
       type: String,

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

@@ -12,6 +12,10 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint
 
 var WeekViewVue2 = {
   name: 'KendoWeekView',
+  // @ts-ignore
+  emits: {
+    dataaction: null
+  },
   props: {
     name: {
       type: String,
@@ -82,7 +86,11 @@ var WeekViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -124,7 +132,8 @@ var WeekViewVue2 = {
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
-        item: this.$props.item
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       numberOfDays: this.$props.numberOfDays,
@@ -146,6 +155,7 @@ var WeekViewVue2 = {
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {
         "dataaction": this.handleDataAction

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

@@ -26,6 +26,10 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint
 
 var WorkWeekViewVue2 = {
   name: 'KendoWorkWeekView',
+  // @ts-ignore
+  emits: {
+    dataaction: null
+  },
   props: {
     name: {
       type: String,
@@ -71,7 +75,11 @@ var WorkWeekViewVue2 = {
       default: true
     },
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -109,7 +117,8 @@ var WorkWeekViewVue2 = {
         title: title,
         step: DAYS_IN_WEEK_COUNT,
         slotRender: this.$props.slotRender,
-        item: this.$props.item
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       numberOfDays: numberOfDays,
@@ -122,6 +131,7 @@ var WorkWeekViewVue2 = {
       step: DAYS_IN_WEEK_COUNT,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {
         "dataaction": this.handleDataAction

package/dist/npm/components/SchedulerActionButtons.js

@@ -39,7 +39,13 @@ var SchedulerActionButtonsVue2 = {
 
     var h = gh || createElement;
     return (// @ts-ignore  function children
-      h(kendo_vue_dialogs_1.DialogActionsBar, this.v3 ? function () {
+      h(kendo_vue_dialogs_1.DialogActionsBar, {
+        buttonGroupClass: false,
+        attrs: this.v3 ? undefined : {
+          buttonGroupClass: false
+        },
+        "class": 'k-form-buttons'
+      }, this.v3 ? function () {
         return [// @ts-ignore  function children
         h(kendo_vue_buttons_1.Button, {
           type: "submit",

package/dist/npm/components/SchedulerForm.js

@@ -43,6 +43,12 @@ var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
 var SchedulerFormVue2 = {
   name: 'KendoSchedulerForm',
+  // @ts-ignore
+  emits: {
+    cancel: null,
+    close: null,
+    submit: null
+  },
   props: {
     dataItem: Object,
     renderForm: Object,
@@ -119,13 +125,27 @@ var SchedulerFormVue2 = {
           },
           validator: _this.formValidator
         }, _this.v3 ? function () {
-          return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+          return [// @ts-ignore  function children
+          h(SchedulerFormEditor_1.SchedulerFormEditor, {
             //   {...this.renderProps}
             as: Editor,
             attrs: _this.v3 ? undefined : {
               as: Editor
             }
-          }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          }, _this.v3 ? function () {
+            return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+              editSaveMessage: editSaveMessage,
+              attrs: _this.v3 ? undefined : {
+                editSaveMessage: editSaveMessage,
+                editCancelMessage: editCancelMessage
+              },
+              editCancelMessage: editCancelMessage,
+              onCancel: _this.handleCancel,
+              on: _this.v3 ? undefined : {
+                "cancel": _this.handleCancel
+              }
+            })];
+          } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
             attrs: _this.v3 ? undefined : {
               editSaveMessage: editSaveMessage,
@@ -136,13 +156,26 @@ var SchedulerFormVue2 = {
             on: _this.v3 ? undefined : {
               "cancel": _this.handleCancel
             }
-          })];
+          })])];
         } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
           as: Editor,
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -153,7 +186,7 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })])];
+        })])])];
       } : [h(kendo_vue_form_1.Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -171,7 +204,20 @@ var SchedulerFormVue2 = {
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -182,13 +228,26 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })];
+        })])];
       } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
         as: Editor,
         attrs: _this.v3 ? undefined : {
           as: Editor
         }
-      }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+      }, _this.v3 ? function () {
+        return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
+          attrs: _this.v3 ? undefined : {
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
+          },
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "cancel": _this.handleCancel
+          }
+        })];
+      } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
         editSaveMessage: editSaveMessage,
         attrs: _this.v3 ? undefined : {
           editSaveMessage: editSaveMessage,
@@ -199,7 +258,7 @@ var SchedulerFormVue2 = {
         on: _this.v3 ? undefined : {
           "cancel": _this.handleCancel
         }
-      })])])
+      })])])])
     );
   },
   methods: {

package/dist/npm/components/SchedulerOccurrenceDialog.js

@@ -68,35 +68,80 @@ var SchedulerOccurrenceDialogVue2 = {
       h(kendo_vue_dialogs_1.Dialog, {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
-          title: titleMessage
+          title: titleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [confirmationMessage, h(kendo_vue_dialogs_1.DialogActionsBar, [h(kendo_vue_buttons_1.Button, {
+        return [confirmationMessage, // @ts-ignore  function children
+        h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            onClick: _this.handleOccurrenceClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleOccurrenceClick
+            }
+          }, _this.v3 ? function () {
+            return [occurrenceMessage];
+          } : [occurrenceMessage]), // @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            onClick: _this.handleSeriesClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleSeriesClick
+            }
+          }, _this.v3 ? function () {
+            return [seriesMessage];
+          } : [seriesMessage])];
+        } : [h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleOccurrenceClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleOccurrenceClick
           }
-        }, [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleSeriesClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleSeriesClick
           }
-        }, [seriesMessage])])];
-      } : [confirmationMessage, h(kendo_vue_dialogs_1.DialogActionsBar, [h(kendo_vue_buttons_1.Button, {
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])])];
+      } : [confirmationMessage, h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+        return [h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleOccurrenceClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleOccurrenceClick
+          }
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleSeriesClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleSeriesClick
+          }
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])];
+      } : [h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleOccurrenceClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleOccurrenceClick
         }
-      }, [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
+      }, _this.v3 ? function () {
+        return [occurrenceMessage];
+      } : [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleSeriesClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleSeriesClick
         }
-      }, [seriesMessage])])])
+      }, _this.v3 ? function () {
+        return [seriesMessage];
+      } : [seriesMessage])])])
     );
   },
   methods: {

package/dist/npm/components/SchedulerRemoveDialog.js

@@ -53,35 +53,80 @@ var SchedulerRemoveDialogVue2 = {
       h(kendo_vue_dialogs_1.Dialog, {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
-          title: deleteDialogTitleMessage
+          title: deleteDialogTitleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [removeMessage, h(kendo_vue_dialogs_1.DialogActionsBar, [h(kendo_vue_buttons_1.Button, {
+        return [removeMessage, // @ts-ignore  function children
+        h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            onClick: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleCancel
+            }
+          }, _this.v3 ? function () {
+            return [removeCancelMessage];
+          } : [removeCancelMessage]), // @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            onClick: _this.handleConfirm,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleConfirm
+            }
+          }, _this.v3 ? function () {
+            return [removeConfirmMessage];
+          } : [removeConfirmMessage])];
+        } : [h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleCancel,
           on: _this.v3 ? undefined : {
             "click": _this.handleCancel
           }
-        }, [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleConfirm,
           on: _this.v3 ? undefined : {
             "click": _this.handleConfirm
           }
-        }, [removeConfirmMessage])])];
-      } : [removeMessage, h(kendo_vue_dialogs_1.DialogActionsBar, [h(kendo_vue_buttons_1.Button, {
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])])];
+      } : [removeMessage, h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+        return [h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleConfirm,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleConfirm
+          }
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])];
+      } : [h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleCancel,
         on: _this.v3 ? undefined : {
           "click": _this.handleCancel
         }
-      }, [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
+      }, _this.v3 ? function () {
+        return [removeCancelMessage];
+      } : [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleConfirm,
         on: _this.v3 ? undefined : {
           "click": _this.handleConfirm
         }
-      }, [removeConfirmMessage])])])
+      }, _this.v3 ? function () {
+        return [removeConfirmMessage];
+      } : [removeConfirmMessage])])])
     );
   },
   methods: {