@progress/kendo-vue-scheduler 5.3.0-dev.202410141143 → 5.3.0-develop.2

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

@@ -1,52 +0,0 @@
-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/main';
-/**
- * @hidden
- */
-export interface BaseViewProps {
-    viewProps: SchedulerViewProps;
-    baseSlots: any[];
-    ranges: Range[];
-    id?: string;
-    isAgendaView?: Boolean;
-}
-/**
- * @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

@@ -1,143 +0,0 @@
-// @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/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/main.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,
-    isAgendaView: {
-      type: Boolean,
-      default: false
-    }
-  },
-  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: this.$props.isAgendaView ? 'grid' : 'presentation',
-      attrs: this.v3 ? undefined : {
-        role: this.$props.isAgendaView ? 'grid' : '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

@@ -1,50 +0,0 @@
-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

@@ -1,157 +0,0 @@
-// @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 { first, isInTimeRange, intersects } from '../utils/main.js';
-import { getRect } from '../views/common/utils.js';
-import { canUseDOM } from '@progress/kendo-vue-common';
-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);
-    if (canUseDOM && window.ResizeObserver) {
-      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 groupIndex = this.$props.groupIndex;
-      var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.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.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.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

@@ -1,47 +0,0 @@
-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

@@ -1,130 +0,0 @@
-// @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 { canUseDOM, classNames } from '@progress/kendo-vue-common';
-import { first, isInTimeRange, intersects } from '../utils/main.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);
-    if (canUseDOM && window.ResizeObserver) {
-      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 groupIndex = this.$props.groupIndex;
-      var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.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.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.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

@@ -1,76 +0,0 @@
-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 };