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

package/dist/es/tasks/SchedulerEditTask.js

@@ -20,6 +20,8 @@ import { SchedulerViewTask } from './SchedulerViewTask';
 import { useEditable } from '../hooks';
 import { findMaster } from '../utils';
 import { DATA_ACTION } from '../Scheduler';
+import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog';
+import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
 import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerEditTaskVue2 = {
@@ -27,11 +29,21 @@ var SchedulerEditTaskVue2 = {
   props: {
     viewTask: [String, Function, Object],
     removeDialog: [String, Function, Object],
-    showRemoveDialog: Boolean,
     removeItem: [String, Function, Object],
     occurrenceDialog: [String, Function, Object],
     task: [String, Function, Object],
-    showOccurrenceDialog: Boolean,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    series: {
+      type: Boolean,
+      default: undefined
+    },
     refTo: [Function, Object],
     id: String,
     tabIndex: Number,
@@ -64,12 +76,20 @@ var SchedulerEditTaskVue2 = {
   },
   created: function created() {// this.viewTask = null;
   },
+  inject: {
+    bv: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
   provide: function provide() {
     return {
       et: this.et,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
-      OccurrenceDialog: this.handleOccurrenceDialogChange
+      occurrenceDialog: this.handleOccurrenceDialogChange
     };
   },
   data: function data() {
@@ -80,10 +100,26 @@ var SchedulerEditTaskVue2 = {
         showOccurrenceDialog: false
       },
       currentEditable: false,
-      series: null,
-      currentData: null
+      currentSeries: null,
+      currentRemoveItem: null,
+      currentShowRemoveDialog: null,
+      currentShowOccurrenceDialog: null
     };
   },
+  computed: {
+    compSeries: function compSeries() {
+      return this.series !== undefined ? this.series : this.currentSeries;
+    },
+    compRemoveItem: function compRemoveItem() {
+      return this.removeItem !== undefined ? this.removeItem : this.currentRemoveItem;
+    },
+    compShowRemoveDialog: function compShowRemoveDialog() {
+      return this.showRemoveDialog !== undefined ? this.showRemoveDialog : this.currentShowRemoveDialog;
+    },
+    compShowOccurrenceDialog: function compShowOccurrenceDialog() {
+      return this.showOccurrenceDialog !== undefined ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
+    }
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -93,6 +129,8 @@ var SchedulerEditTaskVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
 
@@ -140,7 +178,8 @@ var SchedulerEditTaskVue2 = {
           recurrenceRule: this.$props.recurrenceRule,
           recurrenceId: this.$props.recurrenceId,
           dataItem: this.$props.dataItem,
-          task: this.$props.task
+          task: this.$props.task,
+          editable: this.$props.editable
         },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
@@ -168,45 +207,89 @@ var SchedulerEditTaskVue2 = {
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
         task: this.$props.task,
-        onRemoveClick: this.handleRemoveClick,
+        editable: this.$props.editable,
+        onRemoveclick: this.handleRemoveClick,
         on: this.v3 ? undefined : {
-          "removeClick": this.handleRemoveClick
+          "removeclick": this.handleRemoveClick
         }
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
-      // dataItem={this.removeItem}
-      // isRemove={this.removeItem !== null}
-      // onClose={this.handleCancel}
-      // onOccurrenceClick={this.handleOccurrenceClick}
-      // onSeriesClick={this.handleSeriesClick}
-      //     />)}
-      // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
-      // dataItem={this.removeItem}
-      // onClose={this.handleCancel}
-      // onCancel={this.handleCancel}
-      // onConfirm={this.handleRemoveConfirm}
-      //     />)}
-
+        return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem,
+            isRemove: _this.compRemoveItem !== null
+          },
+          isRemove: _this.compRemoveItem !== null,
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "occurrenceclose": _this.handleOccurrenceClick,
+            "seriesclose": _this.handleSeriesClick
+          },
+          onOccurrenceclose: _this.handleOccurrenceClick,
+          onSeriesclose: _this.handleSeriesClick
+        }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem
+          },
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "cancel": _this.handleCancel,
+            "confirm": _this.handleRemoveConfirm
+          },
+          onCancel: _this.handleCancel,
+          onConfirm: _this.handleRemoveConfirm
+        })];
+      } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem,
+          isRemove: _this.compRemoveItem !== null
+        },
+        isRemove: _this.compRemoveItem !== null,
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "occurrenceclose": _this.handleOccurrenceClick,
+          "seriesclose": _this.handleSeriesClick
+        },
+        onOccurrenceclose: _this.handleOccurrenceClick,
+        onSeriesclose: _this.handleSeriesClick
+      }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem
+        },
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "cancel": _this.handleCancel,
+          "confirm": _this.handleRemoveConfirm
+        },
+        onCancel: _this.handleCancel,
+        onConfirm: _this.handleRemoveConfirm
+      })])
     );
   },
   methods: {
     setRemoveItem: function setRemoveItem(item, event) {
-      this.removeItem = item;
+      this.currentRemoveItem = item;
       this.$emit('removeitemchange', {
         item: item,
         event: event
       });
     },
     setShowRemoveDialog: function setShowRemoveDialog(show, event) {
-      this.showREmoveDialog = show;
+      this.currentShowRemoveDialog = show;
       this.$emit('showremovedialogchange', {
         show: show,
         event: event
       });
     },
     setShowOccurrenceDialog: function setShowOccurrenceDialog(show, event) {
-      this.showOccurrenceDialog = show;
+      this.currentShowOccurrenceDialog = show;
       this.$emit('showoccurrencedialogchange', {
         show: show,
         event: event
@@ -226,17 +309,17 @@ var SchedulerEditTaskVue2 = {
       }
     },
     handleCancel: function handleCancel(event) {
-      this.series = null;
+      this.currentSeries = null;
       this.setRemoveItem(null, event);
       this.setShowRemoveDialog(false, event);
       this.setShowOccurrenceDialog(false, event);
     },
     handleRemoveConfirm: function handleRemoveConfirm(event) {
-      if (this.removeItem) {
+      if (this.compRemoveItem) {
         this.$emit('dataaction', {
           type: DATA_ACTION.remove,
-          series: this.series,
-          dataItem: this.removeItem
+          series: this.compSeries,
+          dataItem: this.compRemoveItem
         });
       }
 
@@ -265,8 +348,8 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(value, event);
     },
     handleOccurrenceClick: function handleOccurrenceClick(event) {
-      if (this.removeItem) {
-        this.series = false;
+      if (this.compRemoveItem) {
+        this.currentSeries = false;
         this.setRemoveItem(this.$props.dataItem, event);
         this.setShowRemoveDialog(true, event);
       }
@@ -274,9 +357,9 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(false, event);
     },
     handleSeriesClick: function handleSeriesClick(event) {
-      if (this.removeItem) {
-        this.series = true;
-        var dataItem = findMaster(this.removeItem, this.fields, this.currentData);
+      if (this.compRemoveItem) {
+        this.currentSeries = true;
+        var dataItem = findMaster(this.compRemoveItem, this.ks.fields, this.ks.dataItems);
         this.setRemoveItem(dataItem, event);
         this.setShowRemoveDialog(true, event);
       }

package/dist/es/tasks/SchedulerTask.js

@@ -53,7 +53,8 @@ var SchedulerTaskVue2 = {
     recurrenceExceptions: Array,
     recurrenceRule: String,
     recurrenceId: [String, Number],
-    dataItem: Object
+    dataItem: Object,
+    editable: [Object, Boolean]
   },
   inject: {
     kendoLocalizationService: {
@@ -130,7 +131,7 @@ var SchedulerTaskVue2 = {
   },
   methods: {
     handleRemoveClick: function handleRemoveClick(event) {
-      this.$emits('removeclick', {
+      this.$emit('removeclick', {
         event: event,
         target: this.task
       });

package/dist/es/tasks/SchedulerViewTask.js

@@ -36,7 +36,8 @@ var SchedulerViewTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -79,7 +80,8 @@ var SchedulerViewTaskVue2 = {
         recurrenceExceptions: this.$props.recurrenceExceptions,
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
-        dataItem: this.$props.dataItem
+        dataItem: this.$props.dataItem,
+        editable: this.$props.editable
       },
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -105,7 +107,12 @@ var SchedulerViewTaskVue2 = {
       recurrenceExceptions: this.$props.recurrenceExceptions,
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
-      dataItem: this.$props.dataItem
+      dataItem: this.$props.dataItem,
+      editable: this.$props.editable,
+      onRemoveclick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "removeclick": this.handleRemoveClick
+      }
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -116,6 +123,11 @@ var SchedulerViewTaskVue2 = {
       defaultSlots: defaultSlot
     });
     return taskRender;
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emit('removeclick', event);
+    }
   }
 };
 var SchedulerViewTask = SchedulerViewTaskVue2;

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

@@ -59,7 +59,10 @@ var AgendaViewVue2 = {
       default: DAYS_IN_WEEK_COUNT
     },
     task: [String, Function, Object],
-    editable: [Object, Boolean]
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ks: {
@@ -149,6 +152,7 @@ var AgendaViewVue2 = {
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
     var intl = provideIntlService(this);
     var localization = provideLocalizationService(this);
+    var agendaSlots = this.agendaSlots;
     return (// @ts-ignore  function children
       h(BaseView, {
         id: this.$props.id,
@@ -187,12 +191,14 @@ var AgendaViewVue2 = {
           nested: true
         }, _this.v3 ? function () {
           return [h(AgendaViewBody, {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
             attrs: _this.v3 ? undefined : {
-              agendaSlots: _this.agendaSlots,
+              items: _this.items,
+              agendaSlots: agendaSlots,
               task: _this.$props.task,
               editable: _this.$props.editable
             },
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable,
             onDataaction: _this.handleDataAction,
@@ -201,12 +207,14 @@ var AgendaViewVue2 = {
             }
           })];
         } : [h(AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -236,12 +244,14 @@ var AgendaViewVue2 = {
         nested: true
       }, _this.v3 ? function () {
         return [h(AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -250,12 +260,14 @@ var AgendaViewVue2 = {
           }
         })];
       } : [h(AgendaViewBody, {
-        agendaSlots: _this.agendaSlots,
+        items: _this.items,
         attrs: _this.v3 ? undefined : {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable
         },
+        agendaSlots: agendaSlots,
         task: _this.$props.task,
         editable: _this.$props.editable,
         onDataaction: _this.handleDataAction,

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

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface AgendaViewBodyProps {
+    items: any[];
     rangeIndex: number;
     itemsPerSlot: number;
     agendaSlots: any[];

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

@@ -14,6 +14,7 @@ var DAY_FORMAT = {
 var AgendaViewBodyVue2 = {
   name: 'KendoAgendaViewBody',
   props: {
+    items: Array,
     rangeIndex: Number,
     itemsPerSlot: Number,
     agendaSlots: Array,
@@ -52,7 +53,7 @@ var AgendaViewBodyVue2 = {
     var localization = provideLocalizationService(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [this.agendaSlots.filter(function (slot) {
+    }, [(this.items.length || true) && this.agendaSlots.filter(function (slot) {
       return slot.group.index === (_this.ri.groupIndex || 0);
     }).map(function (slot, slotIndex, filtered) {
       var _this2 = this;
@@ -91,6 +92,10 @@ var AgendaViewBodyVue2 = {
         col: 0,
         slot: this.$props.slot,
         viewSlot: this.$props.viewSlot,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        },
         "class": "k-scheduler-datecolumn k-group-cell"
       }, this.v3 ? function () {
         return [h("div", [h("strong", {

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

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,