@progress/kendo-vue-scheduler 3.1.0 → 3.1.2-dev.202203221454

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

@@ -8,11 +8,16 @@ import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot'; // tslint:ena
 var DayViewAllDaySlotsVue2 = {
   name: 'KendoDayViewAllDaySlots',
   props: {
+    slotRender: [String, Function, Object],
     dayRanges: Array,
     daySlots: Array,
     numberOfDays: Number,
     workWeekStart: Number,
-    workWeekEnd: Number
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ri: {
@@ -58,12 +63,13 @@ 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,
             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,
@@ -78,13 +84,14 @@ 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,
           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.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 };

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

@@ -0,0 +1,132 @@
+// @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 { isInTimeRange } from '../../utils';
+import { DayViewRowContent } from './DayViewRowContent';
+var FIRST_INDEX = 0; // tslint:enable:max-line-length
+
+var DayViewVerticalSlotsRowVue2 = {
+  name: 'KendoDayViewVerticalSlotsRow',
+  props: {
+    groupIndex: Number,
+    root: Object,
+    rootIndex: Number,
+    filtered: Array,
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    timeSlots: Array,
+    timeRanges: Array,
+    numberOfDays: Number,
+    workDayStart: Date,
+    workDayEnd: Date,
+    workWeekStart: Number,
+    workWeekEnd: Number
+  },
+  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.groupIndex;
+    var that = this;
+    var _a = this.$props,
+        timeSlots = _a.timeSlots,
+        root = _a.root,
+        rootIndex = _a.rootIndex,
+        slotDivisions = _a.slotDivisions,
+        filtered = _a.filtered,
+        workDayStart = _a.workDayStart,
+        workDayEnd = _a.workDayEnd,
+        numberOfDays = _a.numberOfDays,
+        workWeekStart = _a.workWeekStart,
+        workWeekEnd = _a.workWeekEnd,
+        viewSlot = _a.viewSlot,
+        form = _a.form,
+        editable = _a.editable;
+    return h("div", {
+      "class": "k-scheduler-row",
+      key: root.index
+    }, [h(DayViewRowContent, {
+      contentSlot: root,
+      attrs: this.v3 ? undefined : {
+        contentSlot: root,
+        isMaster: rootIndex % slotDivisions === 0,
+        isLast: (rootIndex + 1) % slotDivisions === 0,
+        timeHeaderCell: this.$props.timeHeaderCell
+      },
+      isMaster: rootIndex % slotDivisions === 0,
+      isLast: (rootIndex + 1) % slotDivisions === 0,
+      timeHeaderCell: this.$props.timeHeaderCell
+    }), this.timeRanges.map(function (_, rangeIndex) {
+      return timeSlots.filter(function (s) {
+        return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot) {
+        return h(EditSlot //   slotRender={slot}
+        , {
+          viewSlot: viewSlot,
+          attrs: this.v3 ? undefined : {
+            viewSlot: viewSlot,
+            form: 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: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
+            col: rangeIndex,
+            editable: editable,
+            isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
+            isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
+          },
+          form: form,
+          onDataaction: that.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": that.handleDataAction
+          },
+          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,
+          key: slot.start.getTime() + ":" + slot.group.index,
+          row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
+          col: rangeIndex,
+          editable: editable,
+          isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
+          isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
+        });
+      }, true);
+    }, this)]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+var DayViewVerticalSlotsRow = DayViewVerticalSlotsRowVue2;
+export { DayViewVerticalSlotsRow, DayViewVerticalSlotsRowVue2 };

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

@@ -113,7 +113,7 @@ export interface MultiDayViewProps extends SchedulerViewProps {
     /**
      * Overrides the `slot` prop of the Scheduler for the specified view only.
      */
-    slot?: any;
+    slotRender?: any;
     /**
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */