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

package/dist/esm/components/BaseView.d.ts

@@ -0,0 +1,51 @@
+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 { Range, SchedulerViewProps } from '../models';
+/**
+ * @hidden
+ */
+export interface BaseViewProps {
+    viewProps: SchedulerViewProps;
+    baseSlots: any[];
+    ranges: Range[];
+    id?: string;
+}
+/**
+ * @hidden
+ */
+export interface BaseViewState {
+}
+/**
+ * @hidden
+ */
+export interface BaseViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseViewData {
+}
+/**
+ * @hidden
+ */
+export interface BaseViewAll extends Vue2type, BaseViewMethods, BaseViewData, BaseViewComputed, BaseViewState {
+}
+/**
+ * @hidden
+ */
+declare let BaseViewVue2: ComponentOptions<BaseViewAll, DefaultData<BaseViewData>, DefaultMethods<BaseViewAll>, BaseViewComputed, RecordPropsDefinition<BaseViewProps>>;
+/**
+ * @hidden
+ */
+declare const BaseView: DefineComponent<{}, any, BaseViewData, BaseViewComputed, BaseViewMethods, {}, {}, {}, string, {}, {}, {}>;
+export { BaseView, BaseViewVue2 };

package/dist/esm/components/BaseView.js

@@ -0,0 +1,145 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { useCellSync, dispatchFocusedItems, dispatchFocusedSlots } from '../hooks'; // import { SchedulerItemHandle, SchedulerSlotHandle } from '../main.js';
+
+import { ITEMS_SELECT_ACTION, dispatchSelectedItems } from '../hooks/use-items-selection.js';
+import { dispatchSelectedSlots, SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection.js';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { COLLECTION_ACTION } from '../utils.js';
+/**
+ * @hidden
+ */
+
+var BaseViewVue2 = {
+  name: 'KendoBaseView',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  props: {
+    viewProps: Object,
+    baseSlots: Array,
+    ranges: Array,
+    id: String
+  },
+  provide: function provide() {
+    return {
+      bv: this.bv,
+      setItems: this.dispatchItems,
+      setSlots: this.dispatchSlots,
+      dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
+      dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
+      dispatchFocusedItems: this.setFocusedItems,
+      dispatchFocusedSlots: this.setFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
+
+    };
+  },
+  data: function data() {
+    return {
+      bv: {
+        viewProps: this.viewProps,
+        ranges: this.ranges,
+        items: [],
+        slots: [],
+        focusedItems: [],
+        focusedSlots: [],
+        selectedItems: [],
+        selectedSlots: []
+      }
+    };
+  },
+  mounted: function mounted() {
+    this.syncCells();
+  },
+  updated: function updated() {
+    this.syncCells();
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return h("div", {
+      "class": 'k-scheduler-layout k-scheduler-layout-flex',
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
+    }, [defaultSlot]);
+  },
+  methods: {
+    syncCells: function syncCells() {
+      useCellSync({
+        element: this.$el,
+        selector: '.k-group-cell',
+        attribute: 'data-depth-index',
+        explicitDepth: true
+      });
+      useCellSync({
+        element: this.$el,
+        selector: '.k-side-cell',
+        attribute: 'data-depth-index',
+        explicitDepth: false
+      });
+    },
+    handleSchedulerItemsSelectAction: function handleSchedulerItemsSelectAction(action, event) {
+      dispatchSelectedSlots.call(this, {
+        type: SLOTS_SELECT_ACTION.reset
+      });
+      dispatchSelectedItems.call(this, action, event);
+    },
+    handleSchedulerSlotsSelectAction: function handleSchedulerSlotsSelectAction(action, event) {
+      dispatchSelectedItems.call(this, {
+        type: ITEMS_SELECT_ACTION.reset
+      }, event);
+      dispatchSelectedSlots.call(this, action);
+    },
+    setFocusedItems: function setFocusedItems(action, event) {
+      dispatchFocusedItems.call(this, action, event);
+    },
+    setFocusedSlots: function setFocusedSlots(action, event) {
+      dispatchFocusedSlots.call(this, action, event);
+    },
+    dispatchItems: function dispatchItems(action) {
+      switch (action.type) {
+        case COLLECTION_ACTION.add:
+          this.bv.items.push(action.item);
+          break;
+
+        case COLLECTION_ACTION.remove:
+          var index = this.bv.items.indexOf(action.item);
+          this.bv.items.splice(index, 1);
+          break;
+
+        default:
+          break;
+      }
+    },
+    dispatchSlots: function dispatchSlots(action) {
+      switch (action.type) {
+        case COLLECTION_ACTION.add:
+          this.bv.slots.push(action.item);
+          break;
+
+        case COLLECTION_ACTION.remove:
+          var index = this.bv.slots.indexOf(action.item);
+          this.bv.slots.splice(index, 1);
+          break;
+
+        default:
+          break;
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var BaseView = BaseViewVue2;
+export { BaseView, BaseViewVue2 };

package/dist/esm/components/CurrentTimeMarker.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;
+};
+declare type CurrentTimeMarkerProps = {
+    updateInterval?: number;
+    groupIndex?: number | null;
+    vertical?: boolean;
+    attachArrow?: HTMLElement;
+};
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerState {
+    interval: number | undefined;
+    arrowRef: HTMLDivElement | null;
+    line: HTMLDivElement | Element | null;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerData {
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerAll extends Vue2type, CurrentTimeMarkerMethods, CurrentTimeMarkerData, CurrentTimeMarkerComputed, CurrentTimeMarkerState {
+}
+/**
+ * @hidden
+ */
+declare let CurrentTimeMarkerVue2: ComponentOptions<CurrentTimeMarkerAll, DefaultData<CurrentTimeMarkerData>, DefaultMethods<CurrentTimeMarkerAll>, CurrentTimeMarkerComputed, RecordPropsDefinition<CurrentTimeMarkerProps>>;
+/**
+ * @hidden
+ */
+declare const CurrentTimeMarker: DefineComponent<CurrentTimeMarkerProps, any, CurrentTimeMarkerData, CurrentTimeMarkerComputed, CurrentTimeMarkerMethods, {}, {}, {}, string, CurrentTimeMarkerProps, CurrentTimeMarkerProps, {}>;
+export { CurrentTimeMarker, CurrentTimeMarkerVue2 };

package/dist/esm/components/CurrentTimeMarker.js

@@ -0,0 +1,168 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { cloneDate } from '@progress/kendo-date-math'; // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context.js';
+
+import { first, isInTimeRange, intersects } from '../utils.js';
+import { getRect } from '../views/common/utils.js';
+
+var combineWidths = function combineWidths(slots) {
+  var result = 0;
+  slots.forEach(function (slot) {
+    if (slot) {
+      var rect = getRect(slot.$el);
+      result += rect.width;
+    }
+  });
+  return result;
+};
+
+var combineHeights = function combineHeights(slots) {
+  var result = 0;
+  slots.forEach(function (slot) {
+    if (slot) {
+      var rect = getRect(slot.$el);
+      result += rect.height;
+    }
+  });
+  return result;
+};
+
+var setTime = function setTime(origin, candidate) {
+  var date = cloneDate(origin);
+  date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
+  return date;
+};
+/**
+ * @hidden
+ */
+
+
+var CurrentTimeMarkerVue2 = {
+  name: 'KendoCurrentTimeMarker',
+  props: {
+    updateInterval: {
+      type: Number,
+      default: 60000
+    },
+    groupIndex: Number,
+    vertical: Boolean,
+    attachArrow: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.interval = undefined;
+    this.arrowRef = null;
+    this.observer = null;
+    this.line = null;
+  },
+  data: function data() {
+    return {
+      show: false
+    };
+  },
+  mounted: function mounted() {
+    this.line = this.$el;
+    var that = this;
+    this.$nextTick(function () {
+      that.position();
+    });
+
+    if (!this.ks.scheduler || !this.ks.scheduler.$el || !window) {
+      return;
+    }
+
+    clearInterval(this.interval);
+    this.interval = window.setInterval(this.position, this.updateInterval);
+    this.observer = new window.ResizeObserver(this.position);
+    this.observer.observe(this.ks.scheduler.$el);
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _a;
+
+    var h = gh || createElement; //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
+
+    return h("div", {
+      "class": "k-current-time",
+      style: (_a = {
+        transform: this.$props.vertical ? 'translateX(-50%)' : 'translateY(-50%)'
+      }, _a[this.$props.vertical ? 'width' : 'height'] = '1px', _a.visibility = !this.show ? 'hidden' : undefined, _a)
+    });
+  },
+  methods: {
+    position: function position() {
+      var _this = this;
+
+      if (!this.bv.slots) {
+        return;
+      }
+
+      var sameTimeSlots = this.bv.slots.filter(function (s) {
+        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+      });
+
+      if (sameTimeSlots && sameTimeSlots.length && this.line) {
+        var firstSlot = first(sameTimeSlots);
+
+        if (!firstSlot) {
+          return;
+        }
+
+        var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
+        var rect = getRect(firstSlot.$el);
+        var arrowRect = getRect(this.arrowRef);
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var rtl = this.$props.dir === 'rtl';
+        var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
+        var horizontalDimension = rtl ? 'right' : 'left';
+        var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension]; // if (this.$props.vertical) {
+        //     this.arrowRef.style[horizontalDimension] = `${horizontalMeasure}px`;
+        // } else {
+        //     this.arrowRef.style.top = `${top}px`;
+        // }
+
+        this.line.style[horizontalDimension] = "".concat(horizontalMeasure, "px");
+        this.line.style.top = "".concat(top_1, "px");
+        this.line.style[this.$props.vertical ? 'height' : 'width'] = "".concat(size - 1, "px");
+        this.show = true;
+      } else {
+        this.show = false;
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var CurrentTimeMarker = CurrentTimeMarkerVue2;
+export { CurrentTimeMarker, CurrentTimeMarkerVue2 };

package/dist/esm/components/CurrentTimeMarkerArrow.d.ts

@@ -0,0 +1,47 @@
+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;
+};
+declare type CurrentTimeMarkerArrowProps = {
+    updateInterval?: number;
+    groupIndex?: number | null;
+    vertical?: boolean;
+    attachArrow?: HTMLElement;
+};
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowState {
+    interval: number | undefined;
+    arrowRef: HTMLElement | null;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowData {
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowAll extends Vue2type, CurrentTimeMarkerArrowMethods, CurrentTimeMarkerArrowData, CurrentTimeMarkerArrowComputed, CurrentTimeMarkerArrowState {
+}
+/** @hidden */
+declare let CurrentTimeMarkerArrowVue2: ComponentOptions<CurrentTimeMarkerArrowAll, DefaultData<CurrentTimeMarkerArrowData>, DefaultMethods<CurrentTimeMarkerArrowAll>, CurrentTimeMarkerArrowComputed, RecordPropsDefinition<CurrentTimeMarkerArrowProps>>;
+/**
+ * @hidden
+ */
+declare const CurrentTimeMarkerArrow: DefineComponent<CurrentTimeMarkerArrowProps, any, CurrentTimeMarkerArrowData, CurrentTimeMarkerArrowComputed, CurrentTimeMarkerArrowMethods, {}, {}, {}, string, CurrentTimeMarkerArrowProps, CurrentTimeMarkerArrowProps, {}>;
+export { CurrentTimeMarkerArrow, CurrentTimeMarkerArrowVue2 };

package/dist/esm/components/CurrentTimeMarkerArrow.js

@@ -0,0 +1,141 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { cloneDate } from '@progress/kendo-date-math';
+import { classNames } from '@progress/kendo-vue-common'; // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context.js';
+
+import { first, isInTimeRange, intersects } from '../utils.js';
+import { getRect } from '../views/common/utils.js';
+
+var setTime = function setTime(origin, candidate) {
+  var date = cloneDate(origin);
+  date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
+  return date;
+};
+/** @hidden */
+
+
+var CurrentTimeMarkerArrowVue2 = {
+  name: 'KendoCurrentTimeMarkerArrow',
+  props: {
+    updateInterval: {
+      type: Number,
+      default: 60000
+    },
+    groupIndex: Number,
+    vertical: Boolean,
+    attachArrow: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.interval = undefined;
+    this.arrowRef = null;
+  },
+  data: function data() {
+    return {
+      show: false
+    };
+  },
+  mounted: function mounted() {
+    this.arrowRef = this.$el;
+    this.position();
+
+    if (!this.ks.scheduler || !this.ks.scheduler.$el || !window) {
+      return;
+    }
+
+    clearInterval(this.interval);
+    this.interval = window.setInterval(this.position, this.updateInterval);
+    this.observer = new window.ResizeObserver(this.position);
+    this.observer.observe(this.ks.scheduler.$el);
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement; //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
+
+    return h("div", {
+      "class": classNames('k-current-time', {
+        'k-current-time-arrow-right': !this.$props.vertical && this.$props.dir !== 'rtl',
+        'k-current-time-arrow-left': !this.$props.vertical && this.$props.dir === 'rtl',
+        'k-current-time-arrow-down': this.$props.vertical
+      }),
+      style: {
+        transform: this.$props.vertical ? this.$props.dir === 'rtl' ? 'translateX(50%)' : 'translateX(-50%)' : 'translateY(-50%)',
+        visibility: !this.show ? 'hidden' : undefined
+      }
+    });
+  },
+  methods: {
+    position: function position() {
+      var _this = this;
+
+      if (!this.bv.slots) {
+        return;
+      }
+
+      var sameTimeSlots = this.bv.slots.filter(function (s) {
+        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+      });
+
+      if (sameTimeSlots && sameTimeSlots.length && this.$el) {
+        var firstSlot = first(sameTimeSlots);
+
+        if (!firstSlot) {
+          return;
+        }
+
+        var rect = getRect(firstSlot.$el);
+        var arrowRect = getRect(this.arrowRef);
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var rtl = this.$props.dir === 'rtl';
+        var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
+        var horizontalDimension = rtl ? 'right' : 'left';
+        var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension];
+
+        if (this.$props.vertical) {
+          this.arrowRef.style[horizontalDimension] = "".concat(horizontalMeasure, "px");
+        } else {
+          this.arrowRef.style.top = "".concat(top_1, "px");
+        }
+
+        this.show = true;
+      } else {
+        this.show = false;
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var CurrentTimeMarkerArrow = CurrentTimeMarkerArrowVue2;
+export { CurrentTimeMarkerArrow, CurrentTimeMarkerArrowVue2 };

package/dist/esm/components/DateHeaderCell.d.ts

@@ -0,0 +1,76 @@
+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 { DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * Represents the properties of [DateHeaderCell]({% slug api_scheduler_dateheadercell %}) component.
+ */
+export interface DateHeaderCellProps {
+    /** @hidden */
+    as?: any;
+    /**
+     * Represents the date format.
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Represents the current date.
+     */
+    date: Date;
+    /**
+     * Represents the start date.
+     */
+    start: Date;
+    /**
+     * Represents the end date.
+     */
+    end: Date;
+}
+/** @hidden */
+export interface DateHeaderCellHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLElement | null;
+    /**
+     * The props values of the DateHeaderCell.
+     */
+    props: DateHeaderCellProps;
+}
+/**
+ * @hidden
+ */
+export interface DateHeaderCellState {
+}
+/**
+ * @hidden
+ */
+export interface DateHeaderCellComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DateHeaderCellMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DateHeaderCellData {
+}
+/**
+ * @hidden
+ */
+export interface DateHeaderCellAll extends Vue2type, DateHeaderCellMethods, DateHeaderCellData, DateHeaderCellComputed, DateHeaderCellState {
+}
+/**
+ * @hidden
+ */
+declare let DateHeaderCellVue2: ComponentOptions<DateHeaderCellAll, DefaultData<DateHeaderCellData>, DefaultMethods<DateHeaderCellAll>, DateHeaderCellComputed, RecordPropsDefinition<DateHeaderCellProps>>;
+/**
+ * @hidden
+ */
+declare const DateHeaderCell: DefineComponent<DateHeaderCellProps, any, DateHeaderCellData, DateHeaderCellComputed, DateHeaderCellMethods, {}, {}, {}, string, DateHeaderCellProps, DateHeaderCellProps, {}>;
+export { DateHeaderCell, DateHeaderCellVue2 };