@progress/kendo-vue-scheduler 3.1.0-dev.202203011833 → 3.1.1

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

@@ -57,7 +57,8 @@ var AgendaViewVue2 = {
     numberOfDays: {
       type: Number,
       default: DAYS_IN_WEEK_COUNT
-    }
+    },
+    task: [String, Function, Object]
   },
   inject: {
     ks: {
@@ -187,14 +188,18 @@ var AgendaViewVue2 = {
           return [h(AgendaViewBody, {
             agendaSlots: _this.agendaSlots,
             attrs: _this.v3 ? undefined : {
-              agendaSlots: _this.agendaSlots
-            }
+              agendaSlots: _this.agendaSlots,
+              task: _this.$props.task
+            },
+            task: _this.$props.task
           })];
         } : [h(AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots
-          }
+            agendaSlots: _this.agendaSlots,
+            task: _this.$props.task
+          },
+          task: _this.$props.task
         })])];
       } : [h("div", {
         "class": "k-scheduler-head"
@@ -220,14 +225,18 @@ var AgendaViewVue2 = {
         return [h(AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots
-          }
+            agendaSlots: _this.agendaSlots,
+            task: _this.$props.task
+          },
+          task: _this.$props.task
         })];
       } : [h(AgendaViewBody, {
         agendaSlots: _this.agendaSlots,
         attrs: _this.v3 ? undefined : {
-          agendaSlots: _this.agendaSlots
-        }
+          agendaSlots: _this.agendaSlots,
+          task: _this.$props.task
+        },
+        task: _this.$props.task
       })])])
     );
   }

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

@@ -8,6 +8,7 @@ export interface AgendaViewBodyProps {
     rangeIndex: number;
     itemsPerSlot: number;
     agendaSlots: any[];
+    task: any;
 }
 /**
  * @hidden

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

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

package/dist/es/views/common/VerticalResourceIterator.d.ts

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 import { SchedulerResource, SchedulerGroup } from '../../models';
 /** @hidden */
 export interface VerticalResourceIteratorProps {
+    more?: Object;
     group?: SchedulerGroup;
     resources?: SchedulerResource[];
     nested?: boolean;

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

@@ -5,11 +5,16 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { toGroupResources } from './utils';
 import { SchedulerResourceIteratorContext } from '../../context/SchedulerResourceIteratorContext';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { DayViewVerticalSlotsRow } from '../day/DayViewVerticalSlotsRow';
+import { MonthViewBody } from '../month/MonthViewBody';
+import { TimelineViewBody } from '../time/TimelineViewBody';
+var FIRST_INDEX = 0; // tslint:enable:max-line-length
 
 var VerticalResourceIteratorVue2 = {
   name: 'KendoVerticalResourceIterator',
   props: {
+    more: Object,
     group: Object,
     resources: Array,
     nested: Boolean,
@@ -30,12 +35,92 @@ var VerticalResourceIteratorVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
         nested = _a.nested,
-        wrapGroup = _a.wrapGroup;
+        wrapGroup = _a.wrapGroup,
+        more = _a.more;
     var cellContent = this.$props.cellContent || DefaultCellContent;
     var resources = toGroupResources(this.$props.group, this.$props.resources);
     var depth = 0;
     var groupIndex = 0;
 
+    var renderMore = function renderMore(_resource, currentGroupIndex) {
+      return more ? more.timelineSlots ? h(TimelineViewBody, {
+        slotRender: more.slotRender,
+        attrs: this.v3 ? undefined : {
+          slotRender: more.slotRender,
+          groupIndex: currentGroupIndex,
+          ranges: more.ranges,
+          workDayStart: more.workDayStart,
+          workDayEnd: more.workDayEnd,
+          timelineSlots: more.timelineSlots
+        },
+        groupIndex: currentGroupIndex,
+        ranges: more.ranges,
+        workDayStart: more.workDayStart,
+        workDayEnd: more.workDayEnd,
+        timelineSlots: more.timelineSlots,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        }
+      }) : more.monthSlots ? more.ranges.map(function (_, rangeIndex) {
+        return h(MonthViewBody, {
+          slotRender: more.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            ranges: more.ranges,
+            groupIndex: currentGroupIndex,
+            monthSlots: more.monthSlots,
+            rangeIndex: rangeIndex,
+            itemsPerSlot: more.itemsPerSlot
+          },
+          ranges: more.ranges,
+          groupIndex: currentGroupIndex,
+          monthSlots: more.monthSlots,
+          rangeIndex: rangeIndex,
+          itemsPerSlot: more.itemsPerSlot,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          }
+        });
+      }, this) : more.timeSlots.filter(function (s) {
+        return s.group.index === currentGroupIndex && s.range.index === FIRST_INDEX;
+      }).map(function (root, rootIndex, filtered) {
+        return h(DayViewVerticalSlotsRow, {
+          slotRender: more.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            groupIndex: currentGroupIndex,
+            root: root,
+            rootIndex: rootIndex,
+            filtered: filtered,
+            timeRanges: more.timeRanges,
+            timeSlots: more.timeSlots,
+            workDayStart: more.workDayStart,
+            workDayEnd: more.workDayEnd,
+            numberOfDays: more.numberOfDays,
+            workWeekStart: more.workWeekStart,
+            workWeekEnd: more.workWeekEnd
+          },
+          groupIndex: currentGroupIndex,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          },
+          root: root,
+          rootIndex: rootIndex,
+          filtered: filtered,
+          timeRanges: more.timeRanges,
+          timeSlots: more.timeSlots,
+          workDayStart: more.workDayStart,
+          workDayEnd: more.workDayEnd,
+          numberOfDays: more.numberOfDays,
+          workWeekStart: more.workWeekStart,
+          workWeekEnd: more.workWeekEnd
+        });
+      }, this) : null;
+    };
+
     var renderResourcesWrapped = function renderResourcesWrapped(args) {
       return h("div", {
         "class": "k-scheduler-row"
@@ -62,20 +147,19 @@ var VerticalResourceIteratorVue2 = {
       var hasGroups = args.resources.length > 0;
 
       if (args.depth === args.resources.length || !hasGroups) {
-        return (// @ts-ignore  function children
-          h(SchedulerResourceIteratorContext, {
+        return [// @ts-ignore  function children
+        h(SchedulerResourceIteratorContext, {
+          noWrap: true,
+          attrs: this.v3 ? undefined : {
             noWrap: true,
-            attrs: this.v3 ? undefined : {
-              noWrap: true,
-              resource: args.resources[args.depth],
-              groupIndex: hasGroups ? args.groupIndex : 0
-            },
             resource: args.resources[args.depth],
             groupIndex: hasGroups ? args.groupIndex : 0
-          }, this.v3 ? function () {
-            return [children];
-          } : [children])
-        );
+          },
+          resource: args.resources[args.depth],
+          groupIndex: hasGroups ? args.groupIndex : 0
+        }, this.v3 ? function () {
+          return [children];
+        } : [children]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
       }
 
       var dataLength = args.resources[args.depth].data.length;
@@ -108,8 +192,6 @@ var VerticalResourceIteratorVue2 = {
     };
 
     var renderResourcesRecursivelyWrapped = function renderResourcesRecursivelyWrapped(args) {
-      var _this = this;
-
       var children = args.children;
       var dataLength = args.resources.length ? args.resources[args.depth].data.length : 0;
 
@@ -131,14 +213,14 @@ var VerticalResourceIteratorVue2 = {
           "data-resource-index": dataLength * args.groupIndex + dataIndex
         }, [dataItem.text]), args.depth + 1 !== resources.length && h("div", {
           "class": "k-scheduler-cell k-resource-content"
-        }, [renderResourcesRecursivelyWrapped.call(_this, {
+        }, [renderResourcesRecursivelyWrapped.call(this, {
           resources: resources,
           children: children,
           cellContent: args.cellContent,
           groupIndex: dataLength * args.groupIndex + dataIndex,
           depth: args.depth + 1
         })])]);
-      });
+      }, this);
     };
 
     var renderGroupContentRecursively = function renderGroupContentRecursively(args) {
@@ -268,6 +350,11 @@ var VerticalResourceIteratorVue2 = {
       depth: depth,
       groupIndex: groupIndex
     })]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 var DefaultCellContent = null;

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

@@ -82,7 +82,9 @@ var DayViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String
+    timeHeaderCell: String,
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     kendoLocalizationService: {
@@ -122,7 +124,9 @@ var DayViewVue2 = {
         workWeekStart: this.$props.workWeekStart,
         workWeekEnd: this.$props.workWeekEnd,
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
-        timeHeaderCell: this.$props.timeHeaderCell
+        timeHeaderCell: this.$props.timeHeaderCell,
+        slotRender: this.$props.slotRender,
+        item: this.$props.item
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -141,7 +145,9 @@ var DayViewVue2 = {
       workWeekStart: this.$props.workWeekStart,
       workWeekEnd: this.$props.workWeekEnd,
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
-      timeHeaderCell: this.$props.timeHeaderCell
+      timeHeaderCell: this.$props.timeHeaderCell,
+      slotRender: this.$props.slotRender,
+      item: this.$props.item
     });
   }
 };

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

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewAllDaySlotsProps {
+    slotRender: any;
     dayRanges: any[];
     daySlots: any[];
     numberOfDays: number;

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

@@ -8,6 +8,7 @@ import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot'; // tslint:ena
 var DayViewAllDaySlotsVue2 = {
   name: 'KendoDayViewAllDaySlots',
   props: {
+    slotRender: [String, Function, Object],
     dayRanges: Array,
     daySlots: Array,
     numberOfDays: Number,
@@ -58,7 +59,7 @@ var DayViewAllDaySlotsVue2 = {
             range: slot.range,
             isAllDay: slot.isAllDay,
             form: this.$props.form,
-            renderSlot: this.$props.slot,
+            slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             row: 0,
             col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
@@ -78,7 +79,7 @@ var DayViewAllDaySlotsVue2 = {
             "dataaction": this.handleDataAction
           },
           form: this.$props.form,
-          renderSlot: this.$props.slot,
+          slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           key: slot.start.getTime() + ":" + slot.group.index,
           row: 0,

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: {
+    slotRender: [String, Function, Object],
     timeRanges: Array,
     timeSlots: Array,
     slotDivisions: {
@@ -43,6 +44,8 @@ var DayViewMiddleRowVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
+    var that = this;
+    var workWeekStart = that.numberOfDays + that.workWeekStart;
     return h("div", {
       "class": classNames('k-scheduler-row', {
         'k-middle-row': !((this.rootIndex + 1) % this.slotDivisions === 0)
@@ -66,14 +69,14 @@ var DayViewMiddleRowVue2 = {
             group: slot.group,
             range: slot.range,
             isAllDay: slot.isAllDay,
-            renderSlot: this.$props.slot,
+            slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             form: this.$props.form,
             row: this.rootIndex + GRID_OFFSET,
             col: this.timeRanges.length * (this.ri.groupIndex || 0) + rangeIndex,
-            isWorkHour: isInTimeRange(slot.zonedStart, this.workDayStart, this.workDayEnd),
-            isWorkDay: 0 <= slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart) && (slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart)) % this.numberOfDays <= this.workWeekEnd + (this.numberOfDays - this.workWeekStart),
-            editable: this.$props.editable
+            isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
+            isWorkDay: 0 <= slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart)) % that.numberOfDays <= that.workWeekEnd + (that.numberOfDays - workWeekStart),
+            editable: that.$props.editable
           },
           start: slot.start,
           end: slot.end,
@@ -87,16 +90,16 @@ var DayViewMiddleRowVue2 = {
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction
           },
-          renderSlot: this.$props.slot,
+          slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           form: this.$props.form,
           row: this.rootIndex + GRID_OFFSET,
           col: this.timeRanges.length * (this.ri.groupIndex || 0) + rangeIndex,
-          isWorkHour: isInTimeRange(slot.zonedStart, this.workDayStart, this.workDayEnd),
-          isWorkDay: 0 <= slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart) && (slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart)) % this.numberOfDays <= this.workWeekEnd + (this.numberOfDays - this.workWeekStart),
-          editable: this.$props.editable
+          isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
+          isWorkDay: 0 <= slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart)) % that.numberOfDays <= that.workWeekEnd + (that.numberOfDays - workWeekStart),
+          editable: that.$props.editable
         });
-      }, this);
+      }, that);
     }, this)]);
   },
   methods: {

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

@@ -0,0 +1,41 @@
+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;
+};
+/** @hidden */
+export interface DayViewVerticalRowProps {
+    daySlots: any[];
+    dayRanges: any[];
+    timeSlots: any[];
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalRowState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalRowComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalRowMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalRowData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalRowAll extends Vue2type, DayViewVerticalRowMethods, DayViewVerticalRowData, DayViewVerticalRowComputed, DayViewVerticalRowState {
+}
+declare let DayViewVerticalRowVue2: ComponentOptions<DayViewVerticalRowAll, DefaultData<DayViewVerticalRowData>, DefaultMethods<DayViewVerticalRowAll>, DayViewVerticalRowComputed, RecordPropsDefinition<DayViewVerticalRowProps>>;
+declare const DayViewVerticalRow: DefineComponent<DayViewVerticalRowProps, any, DayViewVerticalRowData, DayViewVerticalRowComputed, DayViewVerticalRowMethods, {}, {}, {}, string, DayViewVerticalRowProps, DayViewVerticalRowProps, {}>;
+export { DayViewVerticalRow, DayViewVerticalRowVue2 };

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

@@ -0,0 +1,101 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { GRID_OFFSET } from './MultiDayView';
+import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
+import { DayViewAllDayRowContent } from './DayViewAllDayRowContent';
+var FIRST_INDEX = 0; // tslint:enable:max-line-length
+
+var DayViewVerticalRowVue2 = {
+  name: 'KendoDayViewVerticalRow',
+  props: {
+    dayRanges: Array,
+    daySlots: Array,
+    timeSlots: Array
+  },
+  inject: {
+    ri: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var EditSlot = this.$props.editSlot || SchedulerEditSlot;
+    var groupIndex = this.ri.groupIndex;
+    var _a = this.$props,
+        timeSlots = _a.timeSlots,
+        daySlots = _a.daySlots;
+    return h("div", {
+      "class": "k-scheduler-row"
+    }, [h(DayViewAllDayRowContent, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    }), this.dayRanges.map(function (_, rangeIndex) {
+      var groupOffset = timeSlots.filter(function (s) {
+        return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
+      }).length;
+      return daySlots.filter(function (s) {
+        return s.group.index === groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot, slotIndex) {
+        return h(EditSlot, {
+          slotRender: this.$props.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: this.$props.slotRender,
+            viewSlot: this.$props.viewSlot,
+            form: this.$props.form,
+            index: slot.index,
+            start: slot.start,
+            end: slot.end,
+            zonedStart: slot.zonedStart,
+            zonedEnd: slot.zonedEnd,
+            items: slot.items,
+            group: slot.group,
+            range: slot.range,
+            isAllDay: slot.isAllDay,
+            row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
+            col: slotIndex,
+            expandable: true
+          },
+          viewSlot: this.$props.viewSlot,
+          form: this.$props.form,
+          index: slot.index,
+          start: slot.start,
+          end: slot.end,
+          zonedStart: slot.zonedStart,
+          zonedEnd: slot.zonedEnd,
+          items: slot.items,
+          group: slot.group,
+          range: slot.range,
+          isAllDay: slot.isAllDay,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          },
+          key: slot.start.getTime() + ":" + slot.group.index,
+          "class": 'k-scheduler-alldays-slot',
+          row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
+          col: slotIndex,
+          expandable: true
+        });
+      }, this);
+    }, this)]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+var DayViewVerticalRow = DayViewVerticalRowVue2;
+export { DayViewVerticalRow, DayViewVerticalRowVue2 };

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

@@ -0,0 +1,50 @@
+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;
+};
+/** @hidden */
+export interface DayViewVerticalSlotsRowProps {
+    groupIndex: number;
+    root: any;
+    rootIndex: number;
+    filtered: any[];
+    slotDivisions: number;
+    timeSlots: any[];
+    timeRanges: any[];
+    numberOfDays: number;
+    workDayStart: Date;
+    workDayEnd: Date;
+    workWeekStart: number;
+    workWeekEnd: number;
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalSlotsRowState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalSlotsRowComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalSlotsRowMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalSlotsRowData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewVerticalSlotsRowAll extends Vue2type, DayViewVerticalSlotsRowMethods, DayViewVerticalSlotsRowData, DayViewVerticalSlotsRowComputed, DayViewVerticalSlotsRowState {
+}
+declare let DayViewVerticalSlotsRowVue2: ComponentOptions<DayViewVerticalSlotsRowAll, DefaultData<DayViewVerticalSlotsRowData>, DefaultMethods<DayViewVerticalSlotsRowAll>, DayViewVerticalSlotsRowComputed, RecordPropsDefinition<DayViewVerticalSlotsRowProps>>;
+declare const DayViewVerticalSlotsRow: DefineComponent<DayViewVerticalSlotsRowProps, any, DayViewVerticalSlotsRowData, DayViewVerticalSlotsRowComputed, DayViewVerticalSlotsRowMethods, {}, {}, {}, string, DayViewVerticalSlotsRowProps, DayViewVerticalSlotsRowProps, {}>;
+export { DayViewVerticalSlotsRow, DayViewVerticalSlotsRowVue2 };