@progress/kendo-vue-scheduler 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/views/common/SchedulerResize.js

@@ -0,0 +1,152 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { toItems, toOccurrences } from '../../services.js';
+import { SchedulerItem } from '../../items/SchedulerItem.js';
+import { SchedulerViewItem } from '../../items/SchedulerViewItem'; // import { useSchedulerViewRangesContext, useSchedulerViewSlotsContext } from '../../context.js';
+// import {
+//     useSchedulerPropsContext,
+//     useSchedulerGroupsContext,
+//     useSchedulerFieldsContext,
+//     useSchedulerDateRangeContext
+// } from '../../context/SchedulerContext.js';
+
+import { mapItemsToSlots } from '../../utils.js';
+/** @hidden */
+
+var SchedulerResizeVue2 = {
+  name: 'KendoSchedulerResize',
+  inheritAttrs: false,
+  props: {
+    ignoreIsAllDay: Boolean,
+    dataItem: Object,
+    format: String,
+    vertical: Boolean,
+    viewItem: [String, Function, Object],
+    item: {
+      type: Object,
+      default: function _default() {
+        return SchedulerItem;
+      }
+    }
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  computed: {
+    occurrences: function occurrences() {
+      return toOccurrences([this.$props.dataItem], {
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
+        timezone: this.ks.timezone
+      });
+    },
+    items: function items() {
+      return toItems(this.occurrences, {
+        timezone: this.ks.timezone
+      }, {
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
+      });
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
+    });
+    mapItemsToSlots(this.items, slots);
+    var itemsToRender = this.v3 ? this.items : this.items && this.items.length ? [this.items[0]] : [];
+
+    if (!itemsToRender.length) {
+      return null;
+    }
+
+    return itemsToRender.map(function (item, idx) {
+      return h(SchedulerViewItem, {
+        key: idx,
+        uid: item.uid,
+        attrs: this.v3 ? undefined : {
+          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,
+          format: this.format //   item={this.$props.item}
+          ,
+          resizeHint: 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,
+        format: this.format,
+        resizeHint: true,
+        vertical: this.$props.vertical,
+        ignoreIsAllDay: this.$props.ignoreIsAllDay
+      });
+    }, this);
+  }
+};
+/** @hidden */
+
+var SchedulerResize = SchedulerResizeVue2;
+export { SchedulerResize, SchedulerResizeVue2 };

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

@@ -0,0 +1,56 @@
+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;
+};
+import { SchedulerResource, SchedulerGroup } from '../../models';
+/** @hidden */
+export interface VerticalResourceIteratorProps {
+    more?: Object;
+    group?: SchedulerGroup;
+    resources?: SchedulerResource[];
+    nested?: boolean;
+    wrapGroup?: boolean;
+    cellContent?: any;
+    emptyCell?: boolean;
+}
+/** @hidden */
+export interface RenderResourcesArgs {
+    resources: any[];
+    cellContent: any;
+    children: any;
+    depth: number;
+    groupIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface VerticalResourceIteratorState {
+}
+/**
+ * @hidden
+ */
+export interface VerticalResourceIteratorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface VerticalResourceIteratorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface VerticalResourceIteratorData {
+}
+/**
+ * @hidden
+ */
+export interface VerticalResourceIteratorAll extends Vue2type, VerticalResourceIteratorMethods, VerticalResourceIteratorData, VerticalResourceIteratorComputed, VerticalResourceIteratorState {
+}
+/** @hidden */
+declare let VerticalResourceIteratorVue2: ComponentOptions<VerticalResourceIteratorAll, DefaultData<VerticalResourceIteratorData>, DefaultMethods<VerticalResourceIteratorAll>, VerticalResourceIteratorComputed, RecordPropsDefinition<VerticalResourceIteratorProps>>;
+/** @hidden */
+declare const VerticalResourceIterator: DefineComponent<VerticalResourceIteratorProps, any, VerticalResourceIteratorData, VerticalResourceIteratorComputed, VerticalResourceIteratorMethods, {}, {}, {}, string, VerticalResourceIteratorProps, VerticalResourceIteratorProps, {}>;
+export { VerticalResourceIterator, VerticalResourceIteratorVue2 };

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

@@ -0,0 +1,382 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { toGroupResources } from './utils.js';
+import { SchedulerResourceIteratorContext } from '../../context/SchedulerResourceIteratorContext.js';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { DayViewVerticalSlotsRow } from '../day/DayViewVerticalSlotsRow.js';
+import { MonthViewBody } from '../month/MonthViewBody.js';
+import { TimelineViewBody } from '../time/TimelineViewBody.js';
+var FIRST_INDEX = 0;
+/** @hidden */
+
+var VerticalResourceIteratorVue2 = {
+  name: 'KendoVerticalResourceIterator',
+  props: {
+    more: Object,
+    group: Object,
+    resources: Array,
+    nested: Boolean,
+    wrapGroup: Boolean,
+    cellContent: Object,
+    emptyCell: Boolean
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    var _a = this.$props,
+        nested = _a.nested,
+        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,
+          viewSlot: more.viewSlot,
+          groupIndex: currentGroupIndex,
+          ranges: more.ranges,
+          workDayStart: more.workDayStart,
+          workDayEnd: more.workDayEnd,
+          timelineSlots: more.timelineSlots,
+          editable: more.editable
+        },
+        viewSlot: more.viewSlot,
+        groupIndex: currentGroupIndex,
+        ranges: more.ranges,
+        workDayStart: more.workDayStart,
+        workDayEnd: more.workDayEnd,
+        timelineSlots: more.timelineSlots,
+        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,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
+            ranges: more.ranges,
+            groupIndex: currentGroupIndex,
+            monthSlots: more.monthSlots,
+            rangeIndex: rangeIndex,
+            itemsPerSlot: more.itemsPerSlot,
+            editable: more.editable
+          },
+          viewSlot: more.viewSlot,
+          ranges: more.ranges,
+          groupIndex: currentGroupIndex,
+          monthSlots: more.monthSlots,
+          rangeIndex: rangeIndex,
+          itemsPerSlot: more.itemsPerSlot,
+          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;
+      }).map(function (root, rootIndex, filtered) {
+        return h(DayViewVerticalSlotsRow, {
+          slotRender: more.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
+            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,
+            editable: more.editable,
+            currentTimeMarker: more.currentTimeMarker
+          },
+          viewSlot: more.viewSlot,
+          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,
+          editable: more.editable,
+          currentTimeMarker: more.currentTimeMarker
+        });
+      }, this) : null;
+    };
+
+    var renderResourcesWrapped = function renderResourcesWrapped(args) {
+      return h("div", {
+        "class": "k-scheduler-row"
+      }, [h("div", {
+        "class": "k-scheduler-row"
+      }, [args.resources.map(function (_, index) {
+        return h("div", {
+          key: index,
+          "class": "k-scheduler-cell k-resource-cell k-heading-cell",
+          "data-depth-index": index,
+          attrs: this.v3 ? undefined : {
+            "data-depth-index": index
+          }
+        });
+      }, this)])]);
+    };
+
+    var renderResourcesRecursively = function renderResourcesRecursively(args, headers) {
+      if (headers === void 0) {
+        headers = true;
+      }
+
+      var children = args.children;
+      var hasGroups = args.resources.length > 0;
+
+      if (args.depth === args.resources.length || !hasGroups) {
+        return [// @ts-ignore  function children
+        h(SchedulerResourceIteratorContext, {
+          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]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
+      }
+
+      var dataLength = args.resources[args.depth].data.length;
+      return args.resources[args.depth].data.map(function (dataItem, dataIndex) {
+        return h("div", {
+          key: dataIndex,
+          "class": "k-scheduler-row"
+        }, [headers && h("div", {
+          "class": "k-scheduler-cell k-group-cell k-heading-cell",
+          "data-depth-index": args.depth,
+          attrs: this.v3 ? undefined : {
+            "data-depth-index": args.depth
+          }
+        }, [dataItem.text]), h("div", {
+          "class": "k-scheduler-cell k-group-content k-resource-row",
+          "data-depth-index": args.depth,
+          attrs: this.v3 ? undefined : {
+            "data-depth-index": args.depth,
+            "data-resource-index": dataLength * args.groupIndex + dataIndex
+          },
+          "data-resource-index": dataLength * args.groupIndex + dataIndex
+        }, [renderResourcesRecursively.call(this, {
+          resources: args.resources,
+          children: children,
+          cellContent: args.cellContent,
+          groupIndex: dataLength * args.groupIndex + dataIndex,
+          depth: args.depth + 1
+        }, headers)])]);
+      }, this);
+    };
+
+    var renderResourcesRecursivelyWrapped = function renderResourcesRecursivelyWrapped(args) {
+      var children = args.children;
+      var dataLength = args.resources.length ? args.resources[args.depth].data.length : 0;
+
+      if (!args.resources[args.depth]) {
+        return null;
+      }
+
+      return args.resources[args.depth].data.map(function (dataItem, dataIndex) {
+        return h("div", {
+          key: dataIndex,
+          "class": "k-scheduler-row"
+        }, [h("div", {
+          "class": "k-scheduler-cell k-resource-cell k-resource-row k-heading-cell",
+          "data-depth-index": args.depth,
+          attrs: this.v3 ? undefined : {
+            "data-depth-index": args.depth,
+            "data-resource-index": dataLength * args.groupIndex + dataIndex
+          },
+          "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, {
+          resources: resources,
+          children: children,
+          cellContent: args.cellContent,
+          groupIndex: dataLength * args.groupIndex + dataIndex,
+          depth: args.depth + 1
+        })])]);
+      }, this);
+    };
+
+    var renderGroupContentRecursively = function renderGroupContentRecursively(args) {
+      var children = args.children;
+      var hasGroups = args.resources.length > 0;
+
+      if (args.depth === args.resources.length || !hasGroups) {
+        return (// @ts-ignore  function children
+          h(SchedulerResourceIteratorContext, {
+            noWrap: true,
+            attrs: this.v3 ? undefined : {
+              noWrap: true,
+              resource: args.resources[args.depth],
+              groupIndex: hasGroups ? args.groupIndex : undefined
+            },
+            resource: args.resources[args.depth],
+            groupIndex: hasGroups ? args.groupIndex : undefined
+          }, this.v3 ? function () {
+            return [children];
+          } : [children])
+        );
+      }
+
+      var dataLength = args.resources[args.depth].data.length;
+      return args.resources[args.depth].data.map(function (_dataItem, dataIndex) {
+        return h("div", {
+          key: dataIndex,
+          "class": "k-scheduler-row"
+        }, [h("div", {
+          "class": "k-scheduler-cell k-group-content"
+        }, [renderGroupContentRecursively.call(this, {
+          resources: args.resources,
+          children: children,
+          cellContent: args.cellContent,
+          groupIndex: dataLength * args.groupIndex + dataIndex,
+          depth: args.depth + 1
+        })])]);
+      }, this);
+    };
+
+    var renderResources = function renderResources(args) {
+      var children = args.children;
+      return h("div", {
+        "class": "k-scheduler-row"
+      }, [cellPrefix.call(this, args.resources), this.emptyCell && h("div", {
+        "class": "k-scheduler-cell k-side-cell"
+      }), cellChildren.call(this, children, args.resources, args.groupIndex)]);
+    };
+
+    var cellChildren = function cellChildren(children, currentResources, currentGroupIndex) {
+      var hasGroups = currentResources.length > 0;
+      return (// @ts-ignore  function children
+        h(SchedulerResourceIteratorContext, {
+          noWrap: true,
+          attrs: this.v3 ? undefined : {
+            noWrap: true,
+            resource: currentResources[currentGroupIndex],
+            groupIndex: hasGroups ? currentGroupIndex : undefined
+          },
+          resource: currentResources[currentGroupIndex],
+          groupIndex: hasGroups ? currentGroupIndex : undefined
+        }, this.v3 ? function () {
+          return [h("div", {
+            "class": "k-scheduler-cell k-group-content"
+          }, [children])];
+        } : [h("div", {
+          "class": "k-scheduler-cell k-group-content"
+        }, [children])])
+      );
+    };
+
+    var cellPrefix = function cellPrefix(currentResources) {
+      return currentResources.map(function (_, index) {
+        return h("div", {
+          key: index,
+          "class": "k-scheduler-cell k-group-cell k-heading-cell",
+          "data-depth-index": index,
+          attrs: this.v3 ? undefined : {
+            "data-depth-index": index
+          }
+        });
+      }, this);
+    };
+
+    return h("div", {
+      "class": "k-scheduler-group"
+    }, [nested ? wrapGroup ? h("div", {
+      "class": "k-scheduler-row"
+    }, [h("div", {
+      "class": "k-sticky-cell"
+    }, [renderResourcesRecursivelyWrapped.call(this, {
+      resources: resources,
+      children: defaultSlot,
+      cellContent: cellContent,
+      depth: depth,
+      groupIndex: groupIndex
+    })]), h("div", {
+      "class": "k-scheduler-cell k-group-content"
+    }, [renderResourcesRecursively.call(this, {
+      resources: resources,
+      children: defaultSlot,
+      cellContent: cellContent,
+      depth: depth,
+      groupIndex: groupIndex
+    }, false)])]) : renderResourcesRecursively.call(this, {
+      resources: resources,
+      children: defaultSlot,
+      cellContent: cellContent,
+      depth: depth,
+      groupIndex: groupIndex
+    }, true) : wrapGroup ? h("div", {
+      "class": "k-scheduler-row"
+    }, [h("div", {
+      "class": "k-sticky-cell"
+    }, [renderResourcesWrapped.call(this, {
+      resources: resources,
+      children: defaultSlot,
+      cellContent: cellContent,
+      depth: depth,
+      groupIndex: groupIndex
+    })]), h("div", {
+      "class": "k-scheduler-cell k-group-content"
+    }, [defaultSlot])]) : renderResources.call(this, {
+      resources: resources,
+      children: defaultSlot,
+      cellContent: cellContent,
+      depth: depth,
+      groupIndex: groupIndex
+    })]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+/** @hidden */
+
+var DefaultCellContent = null;
+/** @hidden */
+
+var VerticalResourceIterator = VerticalResourceIteratorVue2;
+export { VerticalResourceIterator, VerticalResourceIteratorVue2 };

package/dist/esm/views/common/utils.d.ts

@@ -0,0 +1,34 @@
+import { Rect, SchedulerGroup, OptionalRect, Slot } from '../../models';
+import { SchedulerResource } from '../../models/SchedulerResource';
+/** @hidden */
+export declare const last: (arr: any[]) => any;
+/** @hidden */
+export declare const toFlatGroupResources: (resources: SchedulerResource[], index?: number, depth?: number, parents?: any) => any[];
+/** @hidden */
+export declare const calculateEventRect: (slots: Slot[], vertical: any) => Rect;
+/**
+ * @hidden
+ */
+export declare function toGroupResources(group?: SchedulerGroup, resources?: SchedulerResource[]): any[];
+/**
+ * @hidden
+ * TODO Move to date-math
+ */
+export declare function addUTCDays(date: Date, offset: number): Date;
+/**
+ * @hidden
+ * ResourceIterator:
+ */
+export declare const expandResources: (resources: any[], lastIndex?: number) => any[];
+/**
+ * @hidden
+ */
+export declare const resourcesByIndex: (index: number, taskResources: any[], spans: any[]) => any[];
+/** @hidden */
+export declare const getRect: (el: HTMLElement | null) => Rect;
+/** @hidden */
+export declare const getPadding: (el: HTMLElement, horizontal?: boolean) => number;
+/** @hidden */
+export declare const getBorders: (el: HTMLElement, horizontal?: boolean) => number;
+/** @hidden */
+export declare const setRect: (el: HTMLElement | null, rect: OptionalRect, minHeightInsteadOfHeight?: boolean) => void;