@progress/kendo-vue-scheduler 3.1.3 → 3.1.5-dev.202204110939

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/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,

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: {

package/dist/npm/editors/ResourceEditor.js

@@ -16,6 +16,10 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:
 
 var ResourceEditorVue2 = {
   name: 'KendoResourceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     resource: Object,
     dataItems: Array,
@@ -42,10 +46,7 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const Component = this.$props.multiple
-    //     ? MultiSelect
-    //     : DropDownList;
-    // const itemRenderer = React.useCallback(
+    var h = gh || createElement; // const itemRenderer = React.useCallback(
     //     (element, itemProps) => {
     //         const children = (
     //           <>
@@ -103,11 +104,12 @@ var ResourceEditorVue2 = {
     }) : this.$props.dataItems.find(function (item) {
       return item[_this.$props.valueField] === _this.$props.value;
     });
-    return h(kendo_vue_dropdowns_1.DropDownList, {
+    var DropDownEditor = this.$props.multiple ? kendo_vue_dropdowns_1.MultiSelect : kendo_vue_dropdowns_1.DropDownList;
+    return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
         value: value,
-        data: this.$props.dataItems,
+        dataItems: this.$props.dataItems,
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
@@ -117,7 +119,7 @@ var ResourceEditorVue2 = {
       on: this.v3 ? undefined : {
         "change": this.handleChange
       },
-      data: this.$props.dataItems,
+      dataItems: this.$props.dataItems,
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
@@ -126,10 +128,10 @@ var ResourceEditorVue2 = {
   },
   methods: {
     handleChange: function handleChange(event) {
-      var valueField = event.target.props.dataItemKey;
-      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+      var valueField = event.component.$props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.value || []).map(function (item) {
         return item[valueField];
-      }) : event.target.value[valueField];
+      }) : event.value[valueField];
       this.$emit('change', {
         value: newValue
       });

package/dist/npm/editors/SchedulerFormEditor.js

@@ -34,8 +34,6 @@ var kendo_vue_form_1 = require("@progress/kendo-vue-form");
 
 var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 
-var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
-
 var messages_1 = require("../messages"); // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
 
 
@@ -370,13 +368,13 @@ var SchedulerFormEditorVue2 = {
         name: this.ks.fields.start,
         width: "auto",
         component: StartEditor,
-        as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? kendo_vue_dateinputs_1.DatePicker : kendo_vue_dateinputs_1.DateTimePicker,
+        isAllDay: !!this.kendoForm.values.isAllDay,
         timezone: this.ks.timezone
       },
       name: this.ks.fields.start,
       width: "auto",
       component: StartEditor,
-      as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? kendo_vue_dateinputs_1.DatePicker : kendo_vue_dateinputs_1.DateTimePicker,
+      isAllDay: !!this.kendoForm.values.isAllDay,
       timezone: this.ks.timezone
     }), this.kendoForm.errors[this.ks.fields.start] && // @ts-ignore function children
     h(kendo_vue_form_1.Field, {
@@ -388,7 +386,7 @@ var SchedulerFormEditorVue2 = {
       component: StartError
     }, this.v3 ? function () {
       return [_this.kendoForm.errors[_this.ks.fields.start]];
-    } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", h("div", [h(StartTimezoneCheckedEditor, {
+    } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
       id: 'k-scheduler-editor-set-start-timezone',
       attrs: this.v3 ? undefined : {
         id: 'k-scheduler-editor-set-start-timezone',
@@ -474,13 +472,13 @@ var SchedulerFormEditorVue2 = {
         name: this.ks.fields.end,
         width: "auto",
         component: EndEditor,
-        as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? kendo_vue_dateinputs_1.DatePicker : kendo_vue_dateinputs_1.DateTimePicker,
+        isAllDay: !!this.kendoForm.values.isAllDay,
         timezone: this.ks.timezone
       },
       name: this.ks.fields.end,
       width: "auto",
       component: EndEditor,
-      as: this.kendoForm.valueGetter(this.ks.fields.isAllDay) ? kendo_vue_dateinputs_1.DatePicker : kendo_vue_dateinputs_1.DateTimePicker,
+      isAllDay: !!this.kendoForm.values.isAllDay,
       timezone: this.ks.timezone
     }), this.kendoForm.errors[this.ks.fields.end] && // @ts-ignore function children
     h(kendo_vue_form_1.Field, {
@@ -591,10 +589,12 @@ var SchedulerFormEditorVue2 = {
       component: RecurrenceEditor,
       attrs: this.v3 ? undefined : {
         component: RecurrenceEditor,
+        changeOnInput: false,
         field: this.ks.fields.recurrenceRule,
         name: this.ks.fields.recurrenceRule,
         start: start
       },
+      changeOnInput: false,
       field: this.ks.fields.recurrenceRule,
       name: this.ks.fields.recurrenceRule,
       start: start
@@ -636,7 +636,7 @@ var SchedulerFormEditorVue2 = {
       component: DescriptionError
     }, this.v3 ? function () {
       return [_this.kendoForm.errors[_this.ks.fields.description]];
-    } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (this.ks.resources || []).map(function (resource) {
+    } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (this.ks.props.resources || []).map(function (resource) {
       return h("div", {
         key: resource.field
       }, [h("div", {
@@ -658,7 +658,7 @@ var SchedulerFormEditorVue2 = {
           component: ResourceEditor,
           resource: resource,
           multiple: resource.multiple,
-          data: resource.data,
+          dataItems: resource.data,
           textField: resource.textField,
           valueField: resource.valueField,
           colorField: resource.colorField
@@ -666,12 +666,12 @@ var SchedulerFormEditorVue2 = {
         component: ResourceEditor,
         resource: resource,
         multiple: resource.multiple,
-        data: resource.data,
+        dataItems: resource.data,
         textField: resource.textField,
         valueField: resource.valueField,
         colorField: resource.colorField
       })])]);
-    })]);
+    }, this)]);
   },
   methods: {
     handleStartZoneCheckboxChange: function handleStartZoneCheckboxChange(e) {

package/dist/npm/editors/ZonedDateTime.d.ts

@@ -11,6 +11,7 @@ import { Omit } from '../models/Omit';
 export declare type ZonedDateTimeProps = Omit<(DatePickerProps | DateTimePickerProps), 'value'> & {
     as?: any;
     value?: string | Date;
+    isAllDay: boolean;
 };
 /**
  * @hidden

package/dist/npm/editors/ZonedDateTime.js

@@ -49,6 +49,7 @@ var ZonedDateTimeVue2 = {
   name: 'KendoZonedDateTime',
   props: __assign(__assign({}, kendo_vue_dateinputs_1.DateTimePicker.props), {
     value: [String, Date],
+    isAllDay: Boolean,
     as: [String, Function, Object]
   }),
   inject: {
@@ -74,10 +75,12 @@ var ZonedDateTimeVue2 = {
     var timezone = this.ks.timezone;
 
     var dtpProps = __assign(__assign({}, other), {
+      format: this.isAllDay ? 'd' : 'M/dd/yyyy HH:mm',
       value: this.readDateAsLocal(other.value, timezone)
     });
 
-    var dtp = h(kendo_vue_dateinputs_1.DateTimePicker, __assign({
+    var NeededPicker = this.isAllDay ? kendo_vue_dateinputs_1.DatePicker : kendo_vue_dateinputs_1.DateTimePicker;
+    var dtp = h(NeededPicker, __assign({
       onChange: this.handleChange,
       on: this.v3 ? undefined : {
         'change': this.handleChange