@progress/kendo-vue-scheduler 3.1.1 → 3.1.3-dev.202203311441

package/dist/es/recurrence/RecurrenceFrequencyEditor.js

@@ -20,18 +20,44 @@ var RecurrenceFrequencyEditorVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var _a = this.$props,
         value = _a.value,
         dataItems = _a.dataItems;
-    return h(ButtonGroup, {
-      width: '100%',
-      attrs: this.v3 ? undefined : {
-        width: '100%'
-      }
-    }, [dataItems.map(function (item) {
-      return (// @ts-ignore  function children
-        h(Button, {
+    return (// @ts-ignore  function children
+      h(ButtonGroup, {
+        width: '100%',
+        attrs: this.v3 ? undefined : {
+          width: '100%'
+        }
+      }, this.v3 ? function () {
+        return [dataItems.map(function (item) {
+          return (// @ts-ignore  function children
+            h(Button, {
+              type: "button",
+              attrs: this.v3 ? undefined : {
+                type: "button",
+                selected: item.value === value,
+                "data-value": item.value,
+                togglable: true
+              },
+              key: item.value,
+              selected: item.value === value,
+              onClick: this.handleClick,
+              on: this.v3 ? undefined : {
+                "click": this.handleClick
+              },
+              "data-value": item.value,
+              togglable: true
+            }, this.v3 ? function () {
+              return [item.text];
+            } : [item.text])
+          );
+        }, _this)];
+      } : [dataItems.map(function (item) {
+        return h(Button, {
           type: "button",
           attrs: this.v3 ? undefined : {
             type: "button",
@@ -49,13 +75,13 @@ var RecurrenceFrequencyEditorVue2 = {
           togglable: true
         }, this.v3 ? function () {
           return [item.text];
-        } : [item.text])
-      );
-    }, this)]);
+        } : [item.text]);
+      }, _this)])
+    );
   },
   methods: {
     handleClick: function handleClick(event) {
-      this.$emitd('change', event.currentTarget.dataset.value);
+      this.$emit('change', event.currentTarget.dataset.value);
     }
   }
 };

package/dist/es/slots/SchedulerEditSlot.js

@@ -6,6 +6,7 @@ var inject = allVue.inject;
 import { getDefaultSlots, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
 import { setField, getField, findFirstItem, isGroupped } from '../utils';
+import { SchedulerForm } from '../components/SchedulerForm';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
 import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
@@ -40,6 +41,7 @@ var SchedulerEditSlotVue2 = {
     expandable: [Boolean, Object],
     slotRender: [String, Function, Object],
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -77,6 +79,8 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var _this = this;
 
     var h = gh || createElement;
@@ -116,6 +120,7 @@ var SchedulerEditSlotVue2 = {
           slotRender: this.$props.slotRender,
           isAllDay: this.isAllDay,
           expandable: this.expandable,
+          editable: this.editable,
           items: items,
           row: row,
           group: group,
@@ -136,6 +141,7 @@ var SchedulerEditSlotVue2 = {
         },
         isAllDay: this.isAllDay,
         expandable: this.expandable,
+        editable: this.editable,
         items: items,
         row: row,
         group: group,
@@ -165,15 +171,34 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // (this.formItem && <SchedulerForm
-      //     dataItem={this.formItem}
-      //     onSubmit={this.handleEditFormSubmit}
-      //     onClose={this.handleEditFormClose}
-      //     onCancel={this.handleEditFormCancel}
-      // />
-      // </SchedulerEditSlotContext>
-
+        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
+          dataItem: _this2.currentFormItem,
+          attrs: _this2.v3 ? undefined : {
+            dataItem: _this2.currentFormItem
+          },
+          onSubmit: _this2.handleEditFormSubmit,
+          on: _this2.v3 ? undefined : {
+            "submit": _this2.handleEditFormSubmit,
+            "close": _this2.handleEditFormClose,
+            "cancel": _this2.handleEditFormCancel
+          },
+          onClose: _this2.handleEditFormClose,
+          onCancel: _this2.handleEditFormCancel
+        })];
+      } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
+        dataItem: _this2.currentFormItem,
+        attrs: _this2.v3 ? undefined : {
+          dataItem: _this2.currentFormItem
+        },
+        onSubmit: _this2.handleEditFormSubmit,
+        on: _this2.v3 ? undefined : {
+          "submit": _this2.handleEditFormSubmit,
+          "close": _this2.handleEditFormClose,
+          "cancel": _this2.handleEditFormCancel
+        },
+        onClose: _this2.handleEditFormClose,
+        onCancel: _this2.handleEditFormCancel
+      })])
     );
   },
   methods: {
@@ -182,9 +207,9 @@ var SchedulerEditSlotVue2 = {
     },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
-      setField(dataItem, this.fields.start, new Date(this.$props.start.getTime()));
-      setField(dataItem, this.fields.end, new Date(this.$props.end.getTime()));
-      setField(dataItem, this.fields.isAllDay, this.$props.isAllDay);
+      setField(dataItem, this.ks.fields.start, new Date(this.$props.start.getTime()));
+      setField(dataItem, this.ks.fields.end, new Date(this.$props.end.getTime()));
+      setField(dataItem, this.ks.fields.isAllDay, this.$props.isAllDay);
 
       if (this.$props.group.resources.length) {
         for (var idx = 0; idx < this.$props.group.resources.length; idx++) {
@@ -316,6 +341,10 @@ var SchedulerEditSlotVue2 = {
       }
 
       this.setFormItem(value, event);
+    },
+    setFormItem: function setFormItem(dataItem, event) {
+      this.currentFormItem = dataItem;
+      this.$emit('formitemchange', event);
     }
   }
 };

package/dist/es/slots/SchedulerSlot.js

@@ -52,6 +52,7 @@ var SchedulerSlotVue2 = {
     zonedEnd: Object,
     isAllDay: Boolean,
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   computed: {

package/dist/es/slots/SchedulerViewSlot.js

@@ -34,6 +34,7 @@ var SchedulerViewSlotVue2 = {
     expandable: [Boolean, Object],
     isAllDay: Boolean,
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -80,7 +81,8 @@ var SchedulerViewSlotVue2 = {
         zonedStart = _a.zonedStart,
         zonedEnd = _a.zonedEnd,
         navDay = _a.navDay,
-        itemsPerSlot = _a.itemsPerSlot;
+        itemsPerSlot = _a.itemsPerSlot,
+        editable = _a.editable;
     var slotRender;
     var slotRenderDefaultRendering = // @ts-ignore  function children
     h(SchedulerSlot, {
@@ -100,7 +102,8 @@ var SchedulerViewSlotVue2 = {
         zonedStart: zonedStart,
         zonedEnd: zonedEnd,
         navDay: navDay,
-        itemsPerSlot: itemsPerSlot
+        itemsPerSlot: itemsPerSlot,
+        editable: editable
       },
       items: items,
       row: row,
@@ -116,10 +119,13 @@ var SchedulerViewSlotVue2 = {
       zonedEnd: zonedEnd,
       navDay: navDay,
       itemsPerSlot: itemsPerSlot,
+      editable: editable,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
-        "showmoreitems": this.handleShowMoreItemsClick
-      }
+        "showmoreitems": this.handleShowMoreItemsClick,
+        "doubleclick": this.handleDoubleClick
+      },
+      onDoubleclick: this.handleDoubleClick
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -137,6 +143,9 @@ var SchedulerViewSlotVue2 = {
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
       this.$emit('showmoreitems', event);
+    },
+    handleDoubleClick: function handleDoubleClick(args) {
+      this.$emit('doubleclick', args);
     }
   }
 };

package/dist/es/views/agenda/AgendaView.d.ts

@@ -47,7 +47,7 @@ export interface AgendaViewProps extends SchedulerViewProps {
     /**
      * Overrides the general `editable` prop of the Scheduler for the specified view only.
      */
-    editable?: EditableProp;
+    editable?: EditableProp | boolean;
     /**
      * Overrides the `task` prop of the Scheduler for the specified view only.
      */

package/dist/es/views/agenda/AgendaView.js

@@ -58,7 +58,8 @@ var AgendaViewVue2 = {
       type: Number,
       default: DAYS_IN_WEEK_COUNT
     },
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   inject: {
     ks: {
@@ -189,17 +190,29 @@ var AgendaViewVue2 = {
             agendaSlots: _this.agendaSlots,
             attrs: _this.v3 ? undefined : {
               agendaSlots: _this.agendaSlots,
-              task: _this.$props.task
+              task: _this.$props.task,
+              editable: _this.$props.editable
             },
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable,
+            onDataaction: _this.handleDataAction,
+            on: _this.v3 ? undefined : {
+              "dataaction": _this.handleDataAction
+            }
           })];
         } : [h(AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
             agendaSlots: _this.agendaSlots,
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable
           },
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable,
+          onDataaction: _this.handleDataAction,
+          on: _this.v3 ? undefined : {
+            "dataaction": _this.handleDataAction
+          }
         })])];
       } : [h("div", {
         "class": "k-scheduler-head"
@@ -226,19 +239,36 @@ var AgendaViewVue2 = {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
             agendaSlots: _this.agendaSlots,
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable
           },
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable,
+          onDataaction: _this.handleDataAction,
+          on: _this.v3 ? undefined : {
+            "dataaction": _this.handleDataAction
+          }
         })];
       } : [h(AgendaViewBody, {
         agendaSlots: _this.agendaSlots,
         attrs: _this.v3 ? undefined : {
           agendaSlots: _this.agendaSlots,
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable
         },
-        task: _this.$props.task
+        task: _this.$props.task,
+        editable: _this.$props.editable,
+        onDataaction: _this.handleDataAction,
+        on: _this.v3 ? undefined : {
+          "dataaction": _this.handleDataAction
+        }
       })])])
     );
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 

package/dist/es/views/agenda/AgendaViewBody.d.ts

@@ -9,6 +9,7 @@ export interface AgendaViewBodyProps {
     itemsPerSlot: number;
     agendaSlots: any[];
     task: any;
+    editable?: boolean | object;
 }
 /**
  * @hidden

package/dist/es/views/agenda/AgendaViewBody.js

@@ -17,7 +17,8 @@ var AgendaViewBodyVue2 = {
     rangeIndex: Number,
     itemsPerSlot: Number,
     agendaSlots: Array,
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   inject: {
     ri: {

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

@@ -51,7 +51,8 @@ var VerticalResourceIteratorVue2 = {
           ranges: more.ranges,
           workDayStart: more.workDayStart,
           workDayEnd: more.workDayEnd,
-          timelineSlots: more.timelineSlots
+          timelineSlots: more.timelineSlots,
+          editable: more.editable
         },
         groupIndex: currentGroupIndex,
         ranges: more.ranges,
@@ -61,7 +62,8 @@ var VerticalResourceIteratorVue2 = {
         onDataaction: this.handleDataAction,
         on: this.v3 ? undefined : {
           "dataaction": this.handleDataAction
-        }
+        },
+        editable: more.editable
       }) : more.monthSlots ? more.ranges.map(function (_, rangeIndex) {
         return h(MonthViewBody, {
           slotRender: more.slotRender,
@@ -71,7 +73,8 @@ var VerticalResourceIteratorVue2 = {
             groupIndex: currentGroupIndex,
             monthSlots: more.monthSlots,
             rangeIndex: rangeIndex,
-            itemsPerSlot: more.itemsPerSlot
+            itemsPerSlot: more.itemsPerSlot,
+            editable: more.editable
           },
           ranges: more.ranges,
           groupIndex: currentGroupIndex,
@@ -81,7 +84,8 @@ var VerticalResourceIteratorVue2 = {
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction
-          }
+          },
+          editable: more.editable
         });
       }, this) : more.timeSlots.filter(function (s) {
         return s.group.index === currentGroupIndex && s.range.index === FIRST_INDEX;
@@ -100,7 +104,8 @@ var VerticalResourceIteratorVue2 = {
             workDayEnd: more.workDayEnd,
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
-            workWeekEnd: more.workWeekEnd
+            workWeekEnd: more.workWeekEnd,
+            editable: this.$props.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -116,7 +121,8 @@ var VerticalResourceIteratorVue2 = {
           workDayEnd: more.workDayEnd,
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
-          workWeekEnd: more.workWeekEnd
+          workWeekEnd: more.workWeekEnd,
+          editable: this.$props.editable
         });
       }, this) : null;
     };

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

@@ -84,7 +84,11 @@ var DayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -126,7 +130,8 @@ var DayViewVue2 = {
         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,
       step: this.$props.step,
@@ -147,8 +152,18 @@ var DayViewVue2 = {
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
-      item: this.$props.item
+      item: this.$props.item,
+      editable: this.$props.editable,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      }
     });
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 var DayView = DayViewVue2;

package/dist/es/views/day/DayViewAllDaySlots.d.ts

@@ -11,6 +11,7 @@ export interface DayViewAllDaySlotsProps {
     numberOfDays: number;
     workWeekStart: number;
     workWeekEnd: number;
+    editable?: boolean | object;
 }
 /**
  * @hidden

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

@@ -13,7 +13,11 @@ var DayViewAllDaySlotsVue2 = {
     daySlots: Array,
     numberOfDays: Number,
     workWeekStart: Number,
-    workWeekEnd: Number
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ri: {
@@ -64,7 +68,8 @@ var DayViewAllDaySlotsVue2 = {
             row: 0,
             col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           start: slot.start,
           end: slot.end,
@@ -85,7 +90,8 @@ var DayViewAllDaySlotsVue2 = {
           row: 0,
           col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

package/dist/es/views/day/DayViewMiddleRow.d.ts

@@ -5,6 +5,18 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewMiddleRowProps {
+    editable?: boolean | object;
+    slotRender?: any;
+    timeRanges?: any[];
+    timeSlots?: any[];
+    slotDivisions: number;
+    rootIndex: number;
+    root: object;
+    numberOfDays: number;
+    workDayStart: Date;
+    workDayEnd: Date;
+    workWeekStart: number;
+    workWeekEnd: number;
 }
 /**
  * @hidden

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

@@ -11,6 +11,7 @@ import { isInTimeRange } from '../../utils'; // tslint:enable:max-line-length
 var DayViewMiddleRowVue2 = {
   name: 'KendoDayViewMiddleRow',
   props: {
+    editable: [Object, Boolean],
     slotRender: [String, Function, Object],
     timeRanges: Array,
     timeSlots: Array,

package/dist/es/views/day/DayViewVerticalRow.d.ts

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewVerticalRowProps {
+    editable?: boolean | object;
     daySlots: any[];
     dayRanges: any[];
     timeSlots: any[];

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

@@ -10,6 +10,7 @@ var FIRST_INDEX = 0; // tslint:enable:max-line-length
 var DayViewVerticalRowVue2 = {
   name: 'KendoDayViewVerticalRow',
   props: {
+    editable: [Object, Boolean],
     dayRanges: Array,
     daySlots: Array,
     timeSlots: Array
@@ -65,7 +66,8 @@ var DayViewVerticalRowVue2 = {
             isAllDay: slot.isAllDay,
             row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
             col: slotIndex,
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           viewSlot: this.$props.viewSlot,
           form: this.$props.form,
@@ -86,7 +88,8 @@ var DayViewVerticalRowVue2 = {
           "class": 'k-scheduler-alldays-slot',
           row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
           col: slotIndex,
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewVerticalSlotsRowProps {
+    editable?: boolean | object;
     groupIndex: number;
     root: any;
     rootIndex: number;

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

@@ -11,6 +11,7 @@ var FIRST_INDEX = 0; // tslint:enable:max-line-length
 var DayViewVerticalSlotsRowVue2 = {
   name: 'KendoDayViewVerticalSlotsRow',
   props: {
+    editable: [Object, Boolean],
     groupIndex: Number,
     root: Object,
     rootIndex: Number,