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

package/dist/npm/components/SchedulerForm.js

@@ -0,0 +1,275 @@
+"use strict";
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerFormVue2 = exports.SchedulerForm = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_vue_form_1 = require("@progress/kendo-vue-form");
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor");
+
+var messages_1 = require("../messages"); // tslint:enable:max-line-length
+
+
+var SchedulerFormVue2 = {
+  name: 'KendoSchedulerForm',
+  props: {
+    dataItem: Object,
+    renderForm: Object,
+    editor: [String, Function, Object],
+    dialog: [String, Function, Object]
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        Editor = _a.editor,
+        Dialog = _a.dialog,
+        validator = _a.validator; // const form = React.useRef<SchedulerFormHandle>(null);
+
+    var localization = kendo_vue_intl_1.provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
+
+    this.requiredValidationMessage = localization.toLanguageString(messages_1.editorValidationRequired, messages_1.messages[messages_1.editorValidationRequired]);
+    this.endValidationMessage = localization.toLanguageString(messages_1.editorValidationEnd, messages_1.messages[messages_1.editorValidationEnd]);
+    var editSaveMessage = localization.toLanguageString(messages_1.editorSave, messages_1.messages[messages_1.editorSave]);
+    var editCancelMessage = localization.toLanguageString(messages_1.editorCancel, messages_1.messages[messages_1.editorCancel]);
+    var editorTitleMessage = localization.toLanguageString(messages_1.editorTitle, messages_1.messages[messages_1.editorTitle]);
+    this.startValidationMessage = localization.toLanguageString(messages_1.editorValidationStart, messages_1.messages[messages_1.editorValidationStart]);
+    return (// @ts-ignore  function children
+      h(kendo_vue_dialogs_1.Dialog, {
+        title: editorTitleMessage,
+        attrs: this.v3 ? undefined : {
+          title: editorTitleMessage,
+          minWidth: 600
+        },
+        minWidth: 600,
+        onClose: this.handleClose,
+        on: this.v3 ? undefined : {
+          "close": this.handleClose
+        },
+        "class": "k-scheduler-edit-dialog"
+      }, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(kendo_vue_form_1.Form, {
+          initialValues: _this.$props.dataItem,
+          attrs: _this.v3 ? undefined : {
+            initialValues: _this.$props.dataItem,
+            validator: _this.formValidator
+          },
+          onSubmit: _this.handleSubmit,
+          on: _this.v3 ? undefined : {
+            "submit": _this.handleSubmit
+          },
+          validator: _this.formValidator
+        }, _this.v3 ? function () {
+          return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+            //   {...this.renderProps}
+            as: Editor,
+            attrs: _this.v3 ? undefined : {
+              as: Editor
+            }
+          })];
+        } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+          as: Editor,
+          attrs: _this.v3 ? undefined : {
+            as: Editor
+          }
+        })]), // @ts-ignore  function children
+        h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            disabled: !_this.renderProps.allowSubmit,
+            attrs: _this.v3 ? undefined : {
+              disabled: !_this.renderProps.allowSubmit
+            },
+            onClick: _this.renderProps.onSubmit,
+            on: _this.v3 ? undefined : {
+              "click": _this.renderProps.onSubmit
+            }
+          }, _this.v3 ? function () {
+            return [editSaveMessage];
+          } : [editSaveMessage]), // @ts-ignore  function children
+          h(kendo_vue_buttons_1.Button, {
+            onClick: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleCancel
+            }
+          }, _this.v3 ? function () {
+            return [editCancelMessage];
+          } : [editCancelMessage])];
+        } : [h(kendo_vue_buttons_1.Button, {
+          disabled: !_this.renderProps.allowSubmit,
+          attrs: _this.v3 ? undefined : {
+            disabled: !_this.renderProps.allowSubmit
+          },
+          onClick: _this.renderProps.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.renderProps.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [editSaveMessage];
+        } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [editCancelMessage];
+        } : [editCancelMessage])])];
+      } : [h(kendo_vue_form_1.Form, {
+        initialValues: _this.$props.dataItem,
+        attrs: _this.v3 ? undefined : {
+          initialValues: _this.$props.dataItem,
+          validator: _this.formValidator
+        },
+        onSubmit: _this.handleSubmit,
+        on: _this.v3 ? undefined : {
+          "submit": _this.handleSubmit
+        },
+        validator: _this.formValidator
+      }, _this.v3 ? function () {
+        return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+          as: Editor,
+          attrs: _this.v3 ? undefined : {
+            as: Editor
+          }
+        })];
+      } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+        as: Editor,
+        attrs: _this.v3 ? undefined : {
+          as: Editor
+        }
+      })]), h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
+        return [h(kendo_vue_buttons_1.Button, {
+          disabled: !_this.renderProps.allowSubmit,
+          attrs: _this.v3 ? undefined : {
+            disabled: !_this.renderProps.allowSubmit
+          },
+          onClick: _this.renderProps.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.renderProps.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [editSaveMessage];
+        } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [editCancelMessage];
+        } : [editCancelMessage])];
+      } : [h(kendo_vue_buttons_1.Button, {
+        disabled: !_this.renderProps.allowSubmit,
+        attrs: _this.v3 ? undefined : {
+          disabled: !_this.renderProps.allowSubmit
+        },
+        onClick: _this.renderProps.onSubmit,
+        on: _this.v3 ? undefined : {
+          "click": _this.renderProps.onSubmit
+        }
+      }, _this.v3 ? function () {
+        return [editSaveMessage];
+      } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, _this.v3 ? function () {
+        return [editCancelMessage];
+      } : [editCancelMessage])])])
+    );
+  },
+  methods: {
+    handleCancel: function handleCancel(event) {
+      this.$emit('cancel', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleSubmit: function handleSubmit(dataItem, event) {
+      this.$emit('submit', {
+        value: dataItem,
+        event: event,
+        target: this.form
+      });
+    },
+    startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.fields.end) && value.getTime() > formValueGetter(this.fields.end).getTime()) ? this.startValidationMessage : undefined;
+    },
+    endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.fields.start) && value.getTime() < formValueGetter(this.fields.start).getTime()) ? this.endValidationMessage : undefined;
+    },
+    requiredValidator: function requiredValidator(value) {
+      return value ? undefined : this.requiredValidationMessage;
+    },
+    formValidator: function formValidator(_dataItem, formValueGetter) {
+      var result = {};
+      result[this.fields.start] = [this.requiredValidator(formValueGetter(this.fields.start)), this.startAfterEndValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      result[this.fields.end] = [this.requiredValidator(formValueGetter(this.fields.start)), this.endAfterStartValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
+      return __assign(__assign({}, result), additionalValidator);
+    }
+  }
+};
+exports.SchedulerFormVue2 = SchedulerFormVue2;
+var SchedulerForm = SchedulerFormVue2;
+exports.SchedulerForm = SchedulerForm;

package/dist/npm/components/SchedulerOccurrenceDialog.d.ts

@@ -0,0 +1,72 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DataItem } from '../models';
+export interface SchedulerOccurrenceDialogStateChangeEvent<T> {
+    target: SchedulerOccurrenceDialogHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerOccurrenceDialog]({% slug api_scheduler_scheduleroccurrencedialog %}) component.
+ */
+export interface SchedulerOccurrenceDialogProps {
+    /**
+     * Specifies the `DataItem` currently being edited.
+     */
+    dataItem: DataItem;
+    /**
+     * Specifies if the dialog is for `remove` or `edit` action.
+     */
+    isRemove?: boolean;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `series` button is clicked.
+     */
+    onSeriesclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `occurrence` button is clicked.
+     */
+    onOccurrenceclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+}
+/**
+ * Represent the `ref` of the SchedulerOccurrenceDialog component.
+ */
+export declare type SchedulerOccurrenceDialogHandle = {
+    props: SchedulerOccurrenceDialogProps;
+};
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogAll extends Vue2type, SchedulerOccurrenceDialogMethods, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogState {
+}
+declare let SchedulerOccurrenceDialogVue2: ComponentOptions<SchedulerOccurrenceDialogAll, DefaultData<SchedulerOccurrenceDialogData>, DefaultMethods<SchedulerOccurrenceDialogAll>, SchedulerOccurrenceDialogComputed, RecordPropsDefinition<SchedulerOccurrenceDialogProps>>;
+declare const SchedulerOccurrenceDialog: DefineComponent<SchedulerOccurrenceDialogProps, any, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogMethods, {}, {}, {}, string, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogProps, {}>;
+export { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogVue2 };

package/dist/npm/components/SchedulerOccurrenceDialog.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerOccurrenceDialogVue2 = exports.SchedulerOccurrenceDialog = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
+
+
+var SchedulerOccurrenceDialogVue2 = {
+  name: 'KendoSchedulerOccurrenceDialog',
+  props: {
+    dataItem: Object,
+    isRemove: Boolean
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var isRemove = this.$props.isRemove;
+    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+
+    var localizeMessage = function localizeMessage(message) {
+      return localizationService.toLanguageString(message, messages_1.messages[message]);
+    };
+
+    var editOccurrenceMessage = localizeMessage(messages_1.editorOccurrence);
+    var editSeriesMessage = localizeMessage(messages_1.editorSeries);
+    var editRecurringConfirmationMessage = localizeMessage(messages_1.editorRecurringConfirmation);
+    var editRecurringDialogTitleMessage = localizeMessage(messages_1.editorRecurringDialogTitle);
+    var deleteOccurrenceMessage = localizeMessage(messages_1.deleteOccurrence);
+    var deleteSeriesMessage = localizeMessage(messages_1.deleteSeries);
+    var deleteRecurringDialogTitleMessage = localizeMessage(messages_1.deleteRecurringDialogTitle);
+    var deleteRecurringConfirmationMessage = localizeMessage(messages_1.deleteRecurringConfirmation);
+    var titleMessage = isRemove ? deleteRecurringDialogTitleMessage : editRecurringDialogTitleMessage;
+    var confirmationMessage = isRemove ? deleteRecurringConfirmationMessage : editRecurringConfirmationMessage;
+    var occurrenceMessage = isRemove ? deleteOccurrenceMessage : editOccurrenceMessage;
+    var seriesMessage = isRemove ? deleteSeriesMessage : editSeriesMessage;
+    return (// @ts-ignore  function children
+      h(kendo_vue_dialogs_1.Dialog, {
+        title: titleMessage,
+        attrs: this.v3 ? undefined : {
+          title: titleMessage
+        },
+        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, {
+          onClick: _this.handleOccurrenceClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleOccurrenceClick
+          }
+        }, [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, {
+        onClick: _this.handleOccurrenceClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleOccurrenceClick
+        }
+      }, [occurrenceMessage]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this.handleSeriesClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleSeriesClick
+        }
+      }, [seriesMessage])])])
+    );
+  },
+  methods: {
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        event: event,
+        value: null // target: target.current
+
+      });
+    },
+    handleSeriesClick: function handleSeriesClick(event) {
+      this.$emit('seriesclose', {
+        event: event,
+        value: null // target: target.current 
+
+      });
+    },
+    handleOccurrenceClick: function handleOccurrenceClick(event) {
+      this.$emit('occurrenceclose', {
+        event: event,
+        value: null // target: target.current 
+
+      });
+    }
+  }
+};
+exports.SchedulerOccurrenceDialogVue2 = SchedulerOccurrenceDialogVue2;
+var SchedulerOccurrenceDialog = SchedulerOccurrenceDialogVue2;
+exports.SchedulerOccurrenceDialog = SchedulerOccurrenceDialog;

package/dist/npm/components/SchedulerRemoveDialog.d.ts

@@ -0,0 +1,68 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DataItem } from '../models';
+export interface SchedulerRemoveDialogStateChangeEvent<T> {
+    target: SchedulerRemoveDialogHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerRemoveDialog]({% slug api_scheduler_schedulerremovedialog %}) component.
+ */
+export interface SchedulerRemoveDialogProps {
+    /**
+     * Specifies the `DataItem` currently being deleted.
+     */
+    dataItem: DataItem;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
+    /**
+     * Called when the `cancel` button is clicked.
+     */
+    onCancel?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
+    /**
+     * Called when the `confirm` button is clicked.
+     */
+    onConfirm?: (event: SchedulerRemoveDialogStateChangeEvent<DataItem | null>) => void;
+}
+/**
+ * Represent the `ref` of the SchedulerOccurrenceDialog component.
+ */
+export declare type SchedulerRemoveDialogHandle = {
+    props: SchedulerRemoveDialogProps;
+};
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogAll extends Vue2type, SchedulerRemoveDialogMethods, SchedulerRemoveDialogData, SchedulerRemoveDialogComputed, SchedulerRemoveDialogState {
+}
+declare let SchedulerRemoveDialogVue2: ComponentOptions<SchedulerRemoveDialogAll, DefaultData<SchedulerRemoveDialogData>, DefaultMethods<SchedulerRemoveDialogAll>, SchedulerRemoveDialogComputed, RecordPropsDefinition<SchedulerRemoveDialogProps>>;
+declare const SchedulerRemoveDialog: DefineComponent<SchedulerRemoveDialogProps, any, SchedulerRemoveDialogData, SchedulerRemoveDialogComputed, SchedulerRemoveDialogMethods, {}, {}, {}, string, SchedulerRemoveDialogProps, SchedulerRemoveDialogProps, {}>;
+export { SchedulerRemoveDialog, SchedulerRemoveDialogVue2 };

package/dist/npm/components/SchedulerRemoveDialog.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerRemoveDialogVue2 = exports.SchedulerRemoveDialog = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
+
+
+var SchedulerRemoveDialogVue2 = {
+  name: 'KendoSchedulerRemoveDialog',
+  props: {
+    dataItem: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var removeCancelMessage = localization.toLanguageString(messages_1.editorCancel, messages_1.messages[messages_1.editorCancel]);
+    var removeConfirmMessage = localization.toLanguageString(messages_1.editorDelete, messages_1.messages[messages_1.editorDelete]);
+    var removeMessage = localization.toLanguageString(messages_1.deleteConfirmation, messages_1.messages[messages_1.deleteConfirmation]);
+    var deleteDialogTitleMessage = localization.toLanguageString(messages_1.deleteDialogTitle, messages_1.messages[messages_1.deleteDialogTitle]);
+    return (// @ts-ignore  function children
+      h(kendo_vue_dialogs_1.Dialog, {
+        title: deleteDialogTitleMessage,
+        attrs: this.v3 ? undefined : {
+          title: deleteDialogTitleMessage
+        },
+        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, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, [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, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, [removeCancelMessage]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this.handleConfirm,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleConfirm
+        }
+      }, [removeConfirmMessage])])])
+    );
+  },
+  methods: {
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        event: event
+      });
+    },
+    handleCancel: function handleCancel(event) {
+      this.$emit('cancel', {
+        event: event,
+        value: null
+      });
+    },
+    handleConfirm: function handleConfirm(event) {
+      this.$emit('confirm', {
+        event: event,
+        value: null
+      });
+    }
+  }
+};
+exports.SchedulerRemoveDialogVue2 = SchedulerRemoveDialogVue2;
+var SchedulerRemoveDialog = SchedulerRemoveDialogVue2;
+exports.SchedulerRemoveDialog = SchedulerRemoveDialog;