@progress/kendo-vue-scheduler 3.2.8-dev.202205030909 → 3.2.9

package/dist/npm/views/time/TimelineViewBody.js

@@ -13,19 +13,26 @@ var inject = allVue.inject;
 
 var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 
-var utils_1 = require("../../utils"); // tslint:enable:max-line-length
+var utils_1 = require("../../utils");
+
+var CurrentTimeMarker_1 = require("../../components/CurrentTimeMarker"); // tslint:enable:max-line-length
 
 
 var TimelineViewBodyVue2 = {
   name: 'KendoTimelineViewBody',
   props: {
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
     groupIndex: Number,
     timelineSlots: Array,
     ranges: Array,
     workDayStart: Date,
     workDayEnd: Date,
     editable: [Object, Boolean],
-    slotRender: [String, Function, Object]
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object]
   },
   inject: {
     ri: {
@@ -58,11 +65,10 @@ var TimelineViewBodyVue2 = {
       }).map(function (slot, slotIndex, filtered) {
         return h(SchedulerEditSlot_1.SchedulerEditSlot, {
           key: slot.start.getTime() + ":" + slot.group.index,
-          slot: that.$props.slot,
-          viewSlot: that.$props.viewSlot,
+          slotRender: that.$props.slotRender,
           attrs: this.v3 ? undefined : {
-            viewSlot: that.$props.viewSlot,
             slotRender: that.$props.slotRender,
+            viewSlot: that.$props.viewSlot,
             index: slot.index,
             start: slot.start,
             end: slot.end,
@@ -79,7 +85,7 @@ var TimelineViewBodyVue2 = {
             expandable: true,
             editable: editable
           },
-          slotRender: that.$props.slotRender,
+          viewSlot: that.$props.viewSlot,
           index: slot.index,
           start: slot.start,
           end: slot.end,
@@ -101,7 +107,14 @@ var TimelineViewBodyVue2 = {
           editable: editable
         });
       }, true);
-    }, this)]);
+    }, this), this.$props.currentTimeMarker && utils_1.intersects(utils_1.first(ranges).start, utils_1.last(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker_1.CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex,
+        vertical: true
+      },
+      vertical: true
+    })]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {

package/dist/npm/views/week/WeekView.js

@@ -98,8 +98,10 @@ var WeekViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String,
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -146,9 +148,12 @@ var WeekViewVue2 = {
         workWeekStart: this.$props.workWeekStart,
         workWeekEnd: this.$props.workWeekEnd,
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
+        dateHeaderCell: this.$props.dateHeaderCell,
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         item: this.$props.item,
+        slotItem: this.$props.slotItem,
         viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
@@ -169,9 +174,12 @@ var WeekViewVue2 = {
       workWeekStart: this.$props.workWeekStart,
       workWeekEnd: this.$props.workWeekEnd,
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
+      dateHeaderCell: this.$props.dateHeaderCell,
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
       item: this.$props.item,
+      slotItem: this.$props.slotItem,
       viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,

package/dist/npm/views/week/WorkWeekView.js

@@ -88,7 +88,10 @@ var WorkWeekViewVue2 = {
       type: Boolean,
       default: true
     },
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -132,9 +135,13 @@ var WorkWeekViewVue2 = {
         title: title,
         step: constants_1.DAYS_IN_WEEK_COUNT,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
+        slotItem: this.$props.slotItem,
         item: this.$props.item,
         viewItem: this.$props.viewItem,
-        editable: this.$props.editable
+        editable: this.$props.editable,
+        dateHeaderCell: this.$props.dateHeaderCell,
+        timeHeaderCell: this.$props.timeHeaderCell
       },
       dateRange: this.$props.dateRange,
       numberOfDays: numberOfDays,
@@ -146,9 +153,13 @@ var WorkWeekViewVue2 = {
       title: title,
       step: constants_1.DAYS_IN_WEEK_COUNT,
       slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
+      slotItem: this.$props.slotItem,
       item: this.$props.item,
       viewItem: this.$props.viewItem,
       editable: this.$props.editable,
+      dateHeaderCell: this.$props.dateHeaderCell,
+      timeHeaderCell: this.$props.timeHeaderCell,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {
         "dataaction": this.handleDataAction

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.2.8-dev.202205030909",
+  "version": "3.2.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-common": "3.2.9",
     "@telerik/kendo-draggable": "^2.2.1"
   },
   "@progress": {
@@ -58,16 +58,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-dateinputs": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-dialogs": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-dropdowns": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-form": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-inputs": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-intl": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-labels": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-popup": "3.2.8-dev.202205030909",
-    "@progress/kendo-vue-progressbars": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-buttons": "3.2.9",
+    "@progress/kendo-vue-dateinputs": "3.2.9",
+    "@progress/kendo-vue-dialogs": "3.2.9",
+    "@progress/kendo-vue-dropdowns": "3.2.9",
+    "@progress/kendo-vue-form": "3.2.9",
+    "@progress/kendo-vue-inputs": "3.2.9",
+    "@progress/kendo-vue-intl": "3.2.9",
+    "@progress/kendo-vue-labels": "3.2.9",
+    "@progress/kendo-vue-popup": "3.2.9",
+    "@progress/kendo-vue-progressbars": "3.2.9",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"

package/dist/es/components/CurrentTimeMarket.js

@@ -1,187 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-import { cloneDate } from '@progress/kendo-date-math';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context';
-
-import { first, isInTimeRange, intersects } from '../utils';
-import { getRect } from '../views/common/utils';
-
-var combineWidths = function combineWidths(slots) {
-  var result = 0;
-  slots.forEach(function (slot) {
-    if (slot.current) {
-      var rect = getRect(slot.current.element);
-      result += rect.width;
-    }
-  });
-  return result;
-};
-
-var combineHeights = function combineHeights(slots) {
-  var result = 0;
-  slots.forEach(function (slot) {
-    if (slot.current) {
-      var rect = getRect(slot.current.element);
-      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;
-}; // tslint:enable:max-line-length
-
-
-var CurrentTimeMarkerVue2 = {
-  name: 'KendoCurrentTimeMarker',
-  props: {
-    updateInterval: {
-      type: Number,
-      default: 60000
-    },
-    groupIndex: Number,
-    vertical: Boolean,
-    attachArrow: Object
-  },
-  inject: {
-    ks: {
-      default: null
-    }
-  },
-  created: function created() {
-    this.interval = undefined;
-    this.arrowRef = null;
-    this.line = null;
-  },
-  data: function data() {
-    return {
-      show: false
-    };
-  },
-  mounted: function mounted() {
-    this.line = this.$el;
-    this.position();
-  },
-  updated: function updated() {// React.useEffect(
-    //     () => {
-    // if (!this.ks.scheduler || !window) {return; }
-    // clearInterval(this.interval);
-    // this.interval = window.setInterval(this.refresh, this.updateInterval);
-    // const observer = new (window as any).ResizeObserver(this.refresh);
-    // observer.observe(this.ks.scheduler);
-    // return () => {
-    //     clearInterval(this.interval);
-    //     observer.disconnect();
-    // };
-    // },
-    // [position, refresh, scheduler, updateInterval]);
-  },
-  // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _a;
-
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    var scheduler = this.ks.scheduler; // useSchedulerElementContext();
-    //  const schedulerProps =  this.schedulerProps; // useSchedulerPropsContext();
-    //  const [, setForce] = React.useState(false);
-    //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
-    // const slots = this.slots; //useSchedulerViewSlotsContext();
-    // const refresh = React.useCallback(
-    //     () => {
-    //         position();
-    //         setForce(f => !f);
-    //     },
-    //     [position]);
-    // const arrow = (
-    //   <div
-    //     ref={arrowRef}
-    //     class={classNames(
-    //             'k-current-time',
-    //             {
-    //                 'k-current-time-arrow-right': !props.vertical && dir !== 'rtl',
-    //                 'k-current-time-arrow-left': !props.vertical && dir === 'rtl',
-    //                 'k-current-time-arrow-down': props.vertical
-    //             })}
-    //     style={{
-    //             transform: props.vertical
-    //                 ? dir === 'rtl'
-    //                     ? 'translateX(50%)'
-    //                     : 'translateX(-50%)'
-    //                 : 'translateY(-50%)',
-    //             visibility: !show ? 'hidden' : undefined
-    //         }}
-    //     />
-    // );
-
-    return (//   <React.Fragment>
-      //     {(props.attachArrow && props.attachArrow.current) ? 
-      // ReactDOM.createPortal(arrow, props.attachArrow.current) : arrow}
-      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)
-      }) //   </React.Fragment>
-
-    );
-  },
-  methods: {
-    position: function position() {
-      var _this = this;
-
-      if (!this.slots) {
-        return;
-      }
-
-      var sameTimeSlots = this.slots.filter(function (s) {
-        return s.current && (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.current.props.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.current.props.start, s.current.props.end, true) : isInTimeRange(new Date(), s.current.props.start, s.current.props.end)) && !s.current.props.isAllDay;
-      });
-
-      if (sameTimeSlots && sameTimeSlots.length && this.arrowRef && this.line) {
-        var firstSlot = first(sameTimeSlots);
-
-        if (!firstSlot) {
-          return;
-        }
-
-        var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
-        var rect = getRect(firstSlot.element);
-        var arrowRect = getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.props.end.getTime() - firstSlot.props.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.props.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_1 + "px";
-        }
-
-        this.line.style[horizontalDimension] = horizontalMeasure + "px";
-        this.line.style.top = top_1 + "px";
-        this.line.style[this.$props.vertical ? 'height' : 'width'] = size - 1 + "px";
-        this.show = true;
-      } else {
-        this.show = false;
-      }
-    }
-  }
-};
-var CurrentTimeMarker = CurrentTimeMarkerVue2;
-export { CurrentTimeMarker, CurrentTimeMarkerVue2 };

package/dist/npm/components/CurrentTimeMarket.js

@@ -1,199 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CurrentTimeMarkerVue2 = exports.CurrentTimeMarker = void 0; // @ts-ignore
-
-var Vue = require("vue");
-
-var allVue = Vue;
-var gh = allVue.h;
-
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-
-var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context';
-
-
-var utils_1 = require("../utils");
-
-var utils_2 = require("../views/common/utils");
-
-var combineWidths = function combineWidths(slots) {
-  var result = 0;
-  slots.forEach(function (slot) {
-    if (slot.current) {
-      var rect = utils_2.getRect(slot.current.element);
-      result += rect.width;
-    }
-  });
-  return result;
-};
-
-var combineHeights = function combineHeights(slots) {
-  var result = 0;
-  slots.forEach(function (slot) {
-    if (slot.current) {
-      var rect = utils_2.getRect(slot.current.element);
-      result += rect.height;
-    }
-  });
-  return result;
-};
-
-var setTime = function setTime(origin, candidate) {
-  var date = kendo_date_math_1.cloneDate(origin);
-  date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
-  return date;
-}; // tslint:enable:max-line-length
-
-
-var CurrentTimeMarkerVue2 = {
-  name: 'KendoCurrentTimeMarker',
-  props: {
-    updateInterval: {
-      type: Number,
-      default: 60000
-    },
-    groupIndex: Number,
-    vertical: Boolean,
-    attachArrow: Object
-  },
-  inject: {
-    ks: {
-      default: null
-    }
-  },
-  created: function created() {
-    this.interval = undefined;
-    this.arrowRef = null;
-    this.line = null;
-  },
-  data: function data() {
-    return {
-      show: false
-    };
-  },
-  mounted: function mounted() {
-    this.line = this.$el;
-    this.position();
-  },
-  updated: function updated() {// React.useEffect(
-    //     () => {
-    // if (!this.ks.scheduler || !window) {return; }
-    // clearInterval(this.interval);
-    // this.interval = window.setInterval(this.refresh, this.updateInterval);
-    // const observer = new (window as any).ResizeObserver(this.refresh);
-    // observer.observe(this.ks.scheduler);
-    // return () => {
-    //     clearInterval(this.interval);
-    //     observer.disconnect();
-    // };
-    // },
-    // [position, refresh, scheduler, updateInterval]);
-  },
-  // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _a;
-
-    var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    var scheduler = this.ks.scheduler; // useSchedulerElementContext();
-    //  const schedulerProps =  this.schedulerProps; // useSchedulerPropsContext();
-    //  const [, setForce] = React.useState(false);
-    //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
-    // const slots = this.slots; //useSchedulerViewSlotsContext();
-    // const refresh = React.useCallback(
-    //     () => {
-    //         position();
-    //         setForce(f => !f);
-    //     },
-    //     [position]);
-    // const arrow = (
-    //   <div
-    //     ref={arrowRef}
-    //     class={classNames(
-    //             'k-current-time',
-    //             {
-    //                 'k-current-time-arrow-right': !props.vertical && dir !== 'rtl',
-    //                 'k-current-time-arrow-left': !props.vertical && dir === 'rtl',
-    //                 'k-current-time-arrow-down': props.vertical
-    //             })}
-    //     style={{
-    //             transform: props.vertical
-    //                 ? dir === 'rtl'
-    //                     ? 'translateX(50%)'
-    //                     : 'translateX(-50%)'
-    //                 : 'translateY(-50%)',
-    //             visibility: !show ? 'hidden' : undefined
-    //         }}
-    //     />
-    // );
-
-    return (//   <React.Fragment>
-      //     {(props.attachArrow && props.attachArrow.current) ? 
-      // ReactDOM.createPortal(arrow, props.attachArrow.current) : arrow}
-      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)
-      }) //   </React.Fragment>
-
-    );
-  },
-  methods: {
-    position: function position() {
-      var _this = this;
-
-      if (!this.slots) {
-        return;
-      }
-
-      var sameTimeSlots = this.slots.filter(function (s) {
-        return s.current && (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.current.props.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? utils_1.intersects(new Date(), new Date(), s.current.props.start, s.current.props.end, true) : utils_1.isInTimeRange(new Date(), s.current.props.start, s.current.props.end)) && !s.current.props.isAllDay;
-      });
-
-      if (sameTimeSlots && sameTimeSlots.length && this.arrowRef && this.line) {
-        var firstSlot = utils_1.first(sameTimeSlots);
-
-        if (!firstSlot) {
-          return;
-        }
-
-        var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
-        var rect = utils_2.getRect(firstSlot.element);
-        var arrowRect = utils_2.getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.props.end.getTime() - firstSlot.props.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.props.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_1 + "px";
-        }
-
-        this.line.style[horizontalDimension] = horizontalMeasure + "px";
-        this.line.style.top = top_1 + "px";
-        this.line.style[this.$props.vertical ? 'height' : 'width'] = size - 1 + "px";
-        this.show = true;
-      } else {
-        this.show = false;
-      }
-    }
-  }
-};
-exports.CurrentTimeMarkerVue2 = CurrentTimeMarkerVue2;
-var CurrentTimeMarker = CurrentTimeMarkerVue2;
-exports.CurrentTimeMarker = CurrentTimeMarker;