@progress/kendo-vue-scheduler 3.2.7 → 3.2.9-dev.202205051307

package/dist/es/views/month/MonthView.js

@@ -61,8 +61,11 @@ var MonthViewVue2 = {
       type: String,
       default: '{0:Y}'
     },
+    dateHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -158,11 +161,13 @@ var MonthViewVue2 = {
             attrs: _this.v3 ? undefined : {
               editable: _this.$props.editable,
               slotRender: _this.$props.slotRender,
+              viewSlot: _this.$props.viewSlot,
               monthSlots: monthSlots,
               rangeIndex: rangeIndex,
               itemsPerSlot: itemsPerSlot
             },
             slotRender: _this.$props.slotRender,
+            viewSlot: _this.$props.viewSlot,
             monthSlots: monthSlots,
             rangeIndex: rangeIndex,
             itemsPerSlot: itemsPerSlot,
@@ -176,11 +181,13 @@ var MonthViewVue2 = {
           attrs: _this.v3 ? undefined : {
             editable: _this.$props.editable,
             slotRender: _this.$props.slotRender,
+            viewSlot: _this.$props.viewSlot,
             monthSlots: monthSlots,
             rangeIndex: rangeIndex,
             itemsPerSlot: itemsPerSlot
           },
           slotRender: _this.$props.slotRender,
+          viewSlot: _this.$props.viewSlot,
           monthSlots: monthSlots,
           rangeIndex: rangeIndex,
           itemsPerSlot: itemsPerSlot,
@@ -199,6 +206,7 @@ var MonthViewVue2 = {
         group: this.ks.props.group,
         more: {
           slotRender: this.$props.slotRender,
+          viewSlot: this.$props.viewSlot,
           monthSlots: monthSlots,
           ranges: this.ranges,
           itemsPerSlot: itemsPerSlot,
@@ -213,6 +221,7 @@ var MonthViewVue2 = {
       },
       more: {
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         monthSlots: monthSlots,
         ranges: this.ranges,
         itemsPerSlot: itemsPerSlot,

package/dist/es/views/month/MonthViewBody.d.ts

@@ -12,6 +12,7 @@ export interface MonthViewBodyProps {
     monthSlots: any[];
     ranges: any[];
     slotRender: any;
+    viewSlot: any;
 }
 /**
  * @hidden

package/dist/es/views/month/MonthViewBody.js

@@ -14,7 +14,8 @@ var MonthViewBodyVue2 = {
     itemsPerSlot: Number,
     monthSlots: Array,
     ranges: Array,
-    slotRender: [String, Function, Object]
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object]
   },
   inject: {
     ri: {

package/dist/es/views/time/MultiDayTimelineView.js

@@ -111,7 +111,6 @@ var MultiDayTimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -120,8 +119,12 @@ var MultiDayTimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    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: {
       type: [Boolean, Object],
       default: false
@@ -355,12 +358,14 @@ var MultiDayTimelineViewVue2 = {
             attrs: _this2.v3 ? undefined : {
               editable: _this2.$props.editable,
               slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
               ranges: _this2.ranges,
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               timelineSlots: timelineSlots
             },
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
@@ -375,12 +380,14 @@ var MultiDayTimelineViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             editable: _this2.$props.editable,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
@@ -402,7 +409,9 @@ var MultiDayTimelineViewVue2 = {
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               timelineSlots: timelineSlots,
-              slotRender: _this2.$props.slotRender
+              slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
+              currentTimeMarker: _this2.$props.currentTimeMarker
             }
           },
           wrapGroup: true,
@@ -417,7 +426,9 @@ var MultiDayTimelineViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         }), items.sort(orderSort).map(function (item) {
           return h(SchedulerEditItem, {
@@ -544,12 +555,14 @@ var MultiDayTimelineViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             editable: _this2.$props.editable,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
@@ -564,12 +577,14 @@ var MultiDayTimelineViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           editable: _this2.$props.editable,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots
         },
         slotRender: _this2.$props.slotRender,
+        viewSlot: _this2.$props.viewSlot,
         ranges: _this2.ranges,
         workDayStart: workDayStart,
         workDayEnd: workDayEnd,
@@ -590,7 +605,9 @@ var MultiDayTimelineViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         },
         wrapGroup: true,
@@ -605,7 +622,9 @@ var MultiDayTimelineViewVue2 = {
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots,
-          slotRender: _this2.$props.slotRender
+          slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
+          currentTimeMarker: _this2.$props.currentTimeMarker
         }
       }), items.sort(orderSort).map(function (item) {
         return h(SchedulerEditItem, {

package/dist/es/views/time/TimelineView.js

@@ -83,7 +83,6 @@ var TimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -92,8 +91,12 @@ var TimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    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: [Object, Boolean]
   },
   // @ts-ignore
@@ -127,8 +130,12 @@ var TimelineViewVue2 = {
         workDayEnd: this.$props.workDayEnd,
         workWeekStart: this.$props.workWeekStart,
         workWeekEnd: this.$props.workWeekEnd,
+        timeHeaderCell: this.$props.timeHeaderCell,
+        dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -148,8 +155,12 @@ var TimelineViewVue2 = {
       workDayEnd: this.$props.workDayEnd,
       workWeekStart: this.$props.workWeekStart,
       workWeekEnd: this.$props.workWeekEnd,
+      timeHeaderCell: this.$props.timeHeaderCell,
+      dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/es/views/time/TimelineViewBody.d.ts

@@ -5,12 +5,14 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface TimelineViewBodyProps {
+    currentTimeMarker: boolean;
     groupIndex: number;
     timelineSlots: any[];
     ranges: any[];
     workDayStart: any;
     workDayEnd: any;
     slotRender: any;
+    viewSlot: any;
     editable?: boolean | object;
 }
 /**

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

@@ -4,18 +4,24 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
-import { isInTimeRange } from '../../utils'; // tslint:enable:max-line-length
+import { isInTimeRange, intersects, first, last } from '../../utils';
+import { CurrentTimeMarker } from '../../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: {
@@ -48,11 +54,10 @@ var TimelineViewBodyVue2 = {
       }).map(function (slot, slotIndex, filtered) {
         return h(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,
@@ -69,7 +74,7 @@ var TimelineViewBodyVue2 = {
             expandable: true,
             editable: editable
           },
-          slotRender: that.$props.slotRender,
+          viewSlot: that.$props.viewSlot,
           index: slot.index,
           start: slot.start,
           end: slot.end,
@@ -91,7 +96,14 @@ var TimelineViewBodyVue2 = {
           editable: editable
         });
       }, true);
-    }, this)]);
+    }, this), this.$props.currentTimeMarker && intersects(first(ranges).start, last(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex,
+        vertical: true
+      },
+      vertical: true
+    })]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {

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

@@ -84,9 +84,12 @@ 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: {
       type: [Boolean, Object],
       default: false
@@ -131,9 +134,13 @@ 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
       },
       dateRange: this.$props.dateRange,
@@ -153,9 +160,13 @@ 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,
       on: this.v3 ? undefined : {

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

@@ -74,8 +74,12 @@ 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: {
       type: [Boolean, Object],
       default: false
@@ -117,8 +121,13 @@ var WorkWeekViewVue2 = {
         title: title,
         step: DAYS_IN_WEEK_COUNT,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
+        slotItem: this.$props.slotItem,
         item: this.$props.item,
-        editable: this.$props.editable
+        viewItem: this.$props.viewItem,
+        editable: this.$props.editable,
+        dateHeaderCell: this.$props.dateHeaderCell,
+        timeHeaderCell: this.$props.timeHeaderCell
       },
       dateRange: this.$props.dateRange,
       numberOfDays: numberOfDays,
@@ -130,8 +139,13 @@ var WorkWeekViewVue2 = {
       title: title,
       step: 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/dist/npm/Scheduler.d.ts

@@ -71,6 +71,16 @@ export interface SchedulerProps {
      * For more information on customizing the scheduler tasks, refer to the [Task Customization]({% slug overview_tasks_scheduler %}) article.
      */
     task?: any;
+    /**
+     *
+     *  Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: any;
+    /**
+     *
+     *  Represents component based on the TimeHeaderCellProps.
+     */
+    timeHeaderCell?: any;
     /**
      * Overrides the default viewTask. Specifying the `viewTask` property of a specific view will override this property.
      * Currently, the `viewTask` is being used in the [AgendaView]({% slug agenda_view_scheduler %}) only.
@@ -131,6 +141,10 @@ export interface SchedulerProps {
     editSlot?: any;
     /** @hidden */
     form?: any;
+    /** @hidden */
+    dialogProps?: any;
+    /** @hidden */
+    formProps?: any;
     /**
      * Sets the currently visible views.
      */

package/dist/npm/Scheduler.js

@@ -125,7 +125,9 @@ var SchedulerVue2 = {
     },
     defaultDate: {
       type: Date,
-      default: new Date()
+      default: function _default() {
+        return new Date();
+      }
     },
     validator: {
       type: Function,
@@ -142,8 +144,15 @@ var SchedulerVue2 = {
     header: [String, Function, Object],
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
-    task: [String, Function, Object]
+    viewItem: [String, Function, Object],
+    task: [String, Function, Object],
+    form: [String, Function, Object],
+    dialogProps: Object,
+    formProps: Object,
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object]
   },
   computed: {
     wrapperClassName: function wrapperClassName() {
@@ -207,7 +216,7 @@ var SchedulerVue2 = {
         orientation: this.$props.group && this.$props.group.orientation ? this.$props.group.orientation : 'horizontal',
         dateFormat: dateFormat,
         shortDateFormat: shortDateFormat,
-        scheduler: null,
+        scheduler: this,
         dataItems: this.dataItems
       }
     };
@@ -251,8 +260,15 @@ var SchedulerVue2 = {
     var header = kendo_vue_common_1.templateRendering.call(this, view.header || this.$props.header, kendo_vue_common_1.getListeners.call(this));
     var footer = kendo_vue_common_1.templateRendering.call(this, view.footer || this.$props.footer, kendo_vue_common_1.getListeners.call(this));
     var slotRender = kendo_vue_common_1.templateRendering.call(this, view.slot || this.$props.slotRender, {});
+    var viewSlot = kendo_vue_common_1.templateRendering.call(this, view.viewSlot || this.$props.viewSlot, {});
     var item = kendo_vue_common_1.templateRendering.call(this, view.item || this.$props.item, {});
+    var viewItem = kendo_vue_common_1.templateRendering.call(this, view.viewItem || this.$props.viewItem, {});
     var task = kendo_vue_common_1.templateRendering.call(this, view.task || this.$props.task, {});
+    var dateHeaderCell = kendo_vue_common_1.templateRendering.call(this, view.dateHeaderCell || this.$props.dateHeaderCell, {});
+    var timeHeaderCell = kendo_vue_common_1.templateRendering.call(this, view.timeHeaderCell || this.$props.timeHeaderCell, {});
+    this.ks.form = kendo_vue_common_1.templateRendering.call(this, view.form || this.$props.form, {});
+    this.ks.dialogProps = view.dialogProps || this.$props.dialogProps;
+    this.ks.formProps = view.formProps || this.$props.formProps;
     var ViewSelector = SchedulerViewSelector_1.SchedulerViewSelector;
     var viewComponent = this.getViewComponentByName(this.ks.activeViewName || view.name);
 
@@ -263,8 +279,12 @@ var SchedulerVue2 = {
       defaultDate: undefined,
       dateRange: this.ks.dateRange,
       slotRender: slotRender,
+      viewSlot: viewSlot,
       item: item,
-      task: task
+      viewItem: viewItem,
+      task: task,
+      dateHeaderCell: dateHeaderCell,
+      timeHeaderCell: timeHeaderCell
     });
 
     var headerRender;

package/dist/npm/components/CurrentTimeMarker.js

@@ -0,0 +1,171 @@
+"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"); // 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) {
+      var rect = utils_2.getRect(slot.$el);
+      result += rect.width;
+    }
+  });
+  return result;
+};
+
+var combineHeights = function combineHeights(slots) {
+  var result = 0;
+  slots.forEach(function (slot) {
+    if (slot) {
+      var rect = utils_2.getRect(slot.$el);
+      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
+    },
+    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: !!gh ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    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 ? utils_1.intersects(new Date(), new Date(), s.start, s.end, true) : utils_1.isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+      });
+
+      if (sameTimeSlots && sameTimeSlots.length && 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.$el);
+        var arrowRect = utils_2.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] = 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;