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

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

@@ -0,0 +1,189 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/** @hidden */
+export var last = function (arr) { return arr[arr.length - 1]; };
+/** @hidden */
+export var toFlatGroupResources = function (resources, index, depth, parents) {
+    if (index === void 0) { index = 0; }
+    if (depth === void 0) { depth = 0; }
+    if (parents === void 0) { parents = []; }
+    if (resources.length <= index) {
+        return [parents];
+    }
+    var result = [];
+    resources[index].data.map(function (item) {
+        result.push.apply(result, toFlatGroupResources(resources, index + 1, depth + 1, __spreadArray(__spreadArray([], parents, true), [__assign(__assign({}, item), { field: resources[index].field, valueField: resources[index].valueField, colorField: resources[index].colorField, multiple: resources[index].multiple })], false)));
+    });
+    return result;
+};
+/** @hidden */
+export var calculateEventRect = function (slots, vertical) {
+    if (slots.length < 1 || !slots[0].refTo || !slots[0].refTo.current) {
+        return null;
+    }
+    var firstSlotRect = getRect(slots[0].refTo.current.element);
+    var rect = {
+        top: firstSlotRect.top,
+        left: firstSlotRect.left,
+        right: firstSlotRect.right,
+        width: firstSlotRect.width,
+        height: 0
+    };
+    slots.forEach(function (slot) {
+        if (!slot.refTo.current) {
+            return;
+        }
+        var height = getRect(slot.refTo.current.element).height;
+        if (height !== undefined) {
+            if (!vertical && height >= rect.height) {
+                rect.height = height;
+            }
+            else {
+                rect.height += height;
+            }
+        }
+    });
+    return rect;
+};
+/**
+ * @hidden
+ */
+export function toGroupResources(group, resources) {
+    var result = [];
+    if (!resources || !resources.length) {
+        return result;
+    }
+    if (group && group.resources && group.resources.length) {
+        var groups_1 = group.resources;
+        var _loop_1 = function (idx) {
+            var resource = resources.find(function (r) { return r.name === groups_1[idx]; });
+            result.push(resource);
+        };
+        for (var idx = 0; idx < groups_1.length; idx++) {
+            _loop_1(idx);
+        }
+    }
+    return result;
+}
+/**
+ * @hidden
+ * TODO Move to date-math
+ */
+export function addUTCDays(date, offset) {
+    var newDate = new Date(date.getTime());
+    newDate.setUTCDate(newDate.getUTCDate() + offset);
+    return newDate;
+}
+/**
+ * @hidden
+ * ResourceIterator:
+ */
+export var expandResources = function (resources, lastIndex) {
+    if (lastIndex === void 0) { lastIndex = resources.length - 1; }
+    var currentLastIndex = Math.max(0, lastIndex);
+    var data = [];
+    if (!(resources && resources.length)) {
+        resources = [{}];
+    }
+    var lastData = (resources[currentLastIndex].data || []).map(function (d) { return (__assign(__assign({}, d), { text: d[resources[currentLastIndex].textField] })); }) || [];
+    var length = lastData.length;
+    var count = 1;
+    for (var idx = 0; idx <= currentLastIndex; idx++) {
+        count *= (resources[idx].data || []).length || 1;
+    }
+    for (var idx = 0; idx < count; idx++) {
+        if (lastData[idx % length]) {
+            data.push(lastData[idx % length]);
+        }
+    }
+    return data;
+};
+/**
+ * @hidden
+ */
+export var resourcesByIndex = function (index, taskResources, spans) {
+    // TODO: introduce cache mechanism
+    // if (!this.resourcesCache[index]) {
+    var resources = taskResources;
+    var result = [];
+    var currentIndex = index;
+    for (var idx = 0; idx < resources.length; idx++) {
+        var data = resources[idx].data || [];
+        var dataIdx = Math.floor(currentIndex / spans[idx]);
+        result.push(data[dataIdx]);
+        currentIndex -= dataIdx * spans[idx];
+    }
+    return result;
+};
+/** @hidden */
+export var getRect = function (el) {
+    if (!el) {
+        return { top: 0, left: 0, width: 0, height: 0, right: 0 };
+    }
+    var top = el.offsetTop;
+    var left = el.offsetLeft;
+    var right = el.offsetParent
+        ? el.offsetParent.offsetWidth - (el.offsetLeft + el.offsetWidth)
+        : 0;
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    return {
+        top: top,
+        left: left,
+        right: right,
+        width: width,
+        height: height
+    };
+};
+/** @hidden */
+export var getPadding = function (el, horizontal) {
+    if (horizontal === void 0) { horizontal = false; }
+    return parseFloat(window.getComputedStyle(el)[horizontal ? 'paddingLeft' : 'paddingTop'] || '0')
+        + parseFloat(window.getComputedStyle(el)[horizontal ? 'paddingRight' : 'paddingBottom'] || '0');
+};
+/** @hidden */
+export var getBorders = function (el, horizontal) {
+    if (horizontal === void 0) { horizontal = false; }
+    return parseFloat(window.getComputedStyle(el)[horizontal ? 'borderLeftWidth' : 'borderTopWidth'] || '0')
+        + parseFloat(window.getComputedStyle(el)[horizontal ? 'borderRightWidth' : 'borderBottomWidth'] || '0');
+};
+/** @hidden */
+export var setRect = function (el, rect, minHeightInsteadOfHeight) {
+    if (minHeightInsteadOfHeight === void 0) { minHeightInsteadOfHeight = false; }
+    if (!el) {
+        return;
+    }
+    if (rect.top !== undefined) {
+        el.style.top = "".concat(rect.top, "px");
+    }
+    if (rect.left !== undefined) {
+        el.style.left = "".concat(rect.left, "px");
+    }
+    if (rect.width !== undefined) {
+        el.style.width = "".concat(rect.width, "px");
+    }
+    if (rect.height !== undefined && !minHeightInsteadOfHeight) {
+        el.style.height = typeof rect.height === 'number' ? "".concat(rect.height, "px") : rect.height;
+    }
+    if (minHeightInsteadOfHeight) {
+        el.style.minHeight = rect.height !== undefined && rect.height > 0 ? "".concat(rect.height, "px") : '';
+    }
+};

package/dist/esm/views/day/DayView.d.ts

@@ -0,0 +1,43 @@
+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 { MultiDayViewProps } from '../day/MultiDayView';
+/**
+ * Represents the properties of the [DayView]({% slug api_scheduler_schedulerdayviewprops %}) Component.
+ */
+export interface DayViewProps extends MultiDayViewProps {
+}
+/**
+ * @hidden
+ */
+export interface DayViewState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAll extends Vue2type, DayViewMethods, DayViewData, DayViewComputed, DayViewState {
+}
+/** @hidden */
+declare let DayViewVue2: ComponentOptions<DayViewAll, DefaultData<DayViewData>, DefaultMethods<DayViewAll>, DayViewComputed, RecordPropsDefinition<DayViewProps>>;
+/** @hidden */
+declare const DayView: DefineComponent<DayViewProps, any, DayViewData, DayViewComputed, DayViewMethods, {}, {}, {}, string, DayViewProps, DayViewProps, {}>;
+export { DayView, DayViewVue2 };

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

@@ -0,0 +1,193 @@
+// @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 { MultiDayView } from '../day/MultiDayView.js';
+import { dayViewTitle, messages } from '../../messages.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { Day } from '@progress/kendo-date-math';
+/** @hidden */
+
+var DayViewVue2 = {
+  name: 'KendoDayView',
+  // @ts-ignore
+  emits: {
+    dataaction: null
+  },
+  props: {
+    name: {
+      type: String,
+      default: 'day'
+    },
+    title: String,
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return MultiDayView.props.dateRange.default();
+      }
+    },
+    showWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 1
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d}'
+    },
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    startTime: {
+      type: String,
+      default: '00:00'
+    },
+    endTime: {
+      type: String,
+      default: '23:59'
+    },
+    workDayStart: {
+      type: String,
+      default: '08:00'
+    },
+    workDayEnd: {
+      type: String,
+      default: '17:00'
+    },
+    workWeekStart: {
+      type: Number,
+      default: Day.Monday
+    },
+    workWeekEnd: {
+      type: Number,
+      default: Day.Friday
+    },
+    defaultShowWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object],
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
+    item: [String, Function, Object],
+    viewItem: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    },
+    format: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = provideLocalizationService(this);
+    var title = localization.toLanguageString(dayViewTitle, messages[dayViewTitle]);
+    return h(MultiDayView, {
+      name: this.$props.name,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.name,
+        dateRange: this.$props.dateRange,
+        step: this.$props.step,
+        numberOfDays: this.$props.numberOfDays,
+        slotDuration: this.$props.slotDuration,
+        slotDivisions: this.$props.slotDivisions,
+        selectedDateFormat: this.$props.selectedDateFormat,
+        selectedShortDateFormat: this.$props.selectedShortDateFormat,
+        showWorkHours: this.$props.showWorkHours,
+        title: title,
+        currentTimeMarker: this.$props.currentTimeMarker,
+        startTime: this.$props.startTime,
+        endTime: this.$props.endTime,
+        workDayStart: this.$props.workDayStart,
+        workDayEnd: this.$props.workDayEnd,
+        workWeekStart: this.$props.workWeekStart,
+        workWeekEnd: this.$props.workWeekEnd,
+        defaultShowWorkHours: this.$props.defaultShowWorkHours,
+        timeHeaderCell: this.$props.timeHeaderCell,
+        dateHeaderCell: this.$props.dateHeaderCell,
+        slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
+        resizeHint: this.$props.resizeHint,
+        item: this.$props.item,
+        viewItem: this.$props.viewItem,
+        slotItem: this.$props.slotItem,
+        editable: this.$props.editable
+      },
+      dateRange: this.$props.dateRange,
+      step: this.$props.step,
+      numberOfDays: this.$props.numberOfDays,
+      slotDuration: this.$props.slotDuration,
+      slotDivisions: this.$props.slotDivisions,
+      selectedDateFormat: this.$props.selectedDateFormat,
+      selectedShortDateFormat: this.$props.selectedShortDateFormat,
+      showWorkHours: this.$props.showWorkHours,
+      title: title,
+      currentTimeMarker: this.$props.currentTimeMarker,
+      startTime: this.$props.startTime,
+      endTime: this.$props.endTime,
+      workDayStart: this.$props.workDayStart,
+      workDayEnd: this.$props.workDayEnd,
+      workWeekStart: this.$props.workWeekStart,
+      workWeekEnd: this.$props.workWeekEnd,
+      defaultShowWorkHours: this.$props.defaultShowWorkHours,
+      timeHeaderCell: this.$props.timeHeaderCell,
+      dateHeaderCell: this.$props.dateHeaderCell,
+      slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
+      resizeHint: this.$props.resizeHint,
+      item: this.$props.item,
+      viewItem: this.$props.viewItem,
+      slotItem: this.$props.slotItem,
+      editable: this.$props.editable,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      }
+    });
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+/** @hidden */
+
+var DayView = DayViewVue2;
+export { DayView, DayViewVue2 };

package/dist/esm/views/day/DayViewAllDayRowContent.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 DayViewAllDayRowContentProps {
+    groupIndex?: number;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentAll extends Vue2type, DayViewAllDayRowContentMethods, DayViewAllDayRowContentData, DayViewAllDayRowContentComputed, DayViewAllDayRowContentState {
+}
+/** @hidden */
+declare let DayViewAllDayRowContentVue2: ComponentOptions<DayViewAllDayRowContentAll, DefaultData<DayViewAllDayRowContentData>, DefaultMethods<DayViewAllDayRowContentAll>, DayViewAllDayRowContentComputed, RecordPropsDefinition<DayViewAllDayRowContentProps>>;
+/** @hidden */
+declare const DayViewAllDayRowContent: DefineComponent<DayViewAllDayRowContentProps, any, DayViewAllDayRowContentData, DayViewAllDayRowContentComputed, DayViewAllDayRowContentMethods, {}, {}, {}, string, DayViewAllDayRowContentProps, DayViewAllDayRowContentProps, {}>;
+export { DayViewAllDayRowContent, DayViewAllDayRowContentVue2 };

package/dist/esm/views/day/DayViewAllDayRowContent.js

@@ -0,0 +1,42 @@
+// @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 { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { allDay, messages } from '../../messages.js';
+/** @hidden */
+
+var DayViewAllDayRowContentVue2 = {
+  name: 'KendoDayViewAllDayRowContent',
+  props: {
+    groupIndex: Number
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = provideLocalizationService(this);
+    return (// fragment
+      h("div", {
+        "class": "k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day"
+      }, [localization.toLanguageString(allDay, messages[allDay])])
+    );
+  }
+};
+/** @hidden */
+
+var DayViewAllDayRowContent = DayViewAllDayRowContentVue2;
+export { DayViewAllDayRowContent, DayViewAllDayRowContentVue2 };

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

@@ -0,0 +1,48 @@
+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 DayViewAllDaySlotsProps {
+    slotRender: any;
+    viewSlot: any;
+    dayRanges: any[];
+    daySlots: any[];
+    numberOfDays: number;
+    workWeekStart: number;
+    workWeekEnd: number;
+    editable?: boolean | object;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsAll extends Vue2type, DayViewAllDaySlotsMethods, DayViewAllDaySlotsData, DayViewAllDaySlotsComputed, DayViewAllDaySlotsState {
+}
+/** @hidden */
+declare let DayViewAllDaySlotsVue2: ComponentOptions<DayViewAllDaySlotsAll, DefaultData<DayViewAllDaySlotsData>, DefaultMethods<DayViewAllDaySlotsAll>, DayViewAllDaySlotsComputed, RecordPropsDefinition<DayViewAllDaySlotsProps>>;
+/** @hidden */
+declare const DayViewAllDaySlots: DefineComponent<DayViewAllDaySlotsProps, any, DayViewAllDaySlotsData, DayViewAllDaySlotsComputed, DayViewAllDaySlotsMethods, {}, {}, {}, string, DayViewAllDaySlotsProps, DayViewAllDaySlotsProps, {}>;
+export { DayViewAllDaySlots, DayViewAllDaySlotsVue2 };

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

@@ -0,0 +1,111 @@
+// @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 { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
+/** @hidden */
+
+var DayViewAllDaySlotsVue2 = {
+  name: 'KendoDayViewAllDaySlots',
+  props: {
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
+    dayRanges: Array,
+    daySlots: Array,
+    numberOfDays: Number,
+    workWeekStart: Number,
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        numberOfDays = _a.numberOfDays,
+        workWeekStart = _a.workWeekStart,
+        workWeekEnd = _a.workWeekEnd;
+    return h("div", {
+      key: this.ri.groupIndex,
+      "class": "k-scheduler-row"
+    }, [this.dayRanges.map(function (_, rangeIndex) {
+      var _this = this;
+
+      return this.daySlots.filter(function (s) {
+        return s.group.index === _this.ri.groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot, slotIndex, filtered) {
+        return h(SchedulerEditSlot, {
+          index: slot.index,
+          attrs: this.v3 ? undefined : {
+            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,
+            form: this.$props.form,
+            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,
+            editable: this.$props.editable
+          },
+          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
+          },
+          form: this.$props.form,
+          slotRender: this.$props.slotRender,
+          viewSlot: this.$props.viewSlot,
+          key: "".concat(slot.start.getTime(), ":").concat(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,
+          editable: this.$props.editable
+        });
+      }, this);
+    }, this)]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+/** @hidden */
+
+var DayViewAllDaySlots = DayViewAllDaySlotsVue2;
+export { DayViewAllDaySlots, DayViewAllDaySlotsVue2 };