@progress/kendo-vue-scheduler 10.2.0-develop.10 → 10.2.0-develop.12

package/views/time/MultiDayTimelineView.mjs

@@ -5,31 +5,32 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, createVNode as i, isVNode as b } from "vue";
-import { BaseView as T } from "../../components/BaseView.mjs";
-import { Day as f, MS_PER_MINUTE as R, MS_PER_DAY as v, ZonedDate as p, getDate as I, addDays as z } from "@progress/kendo-date-math";
-import { HorizontalResourceIterator as g } from "../common/HorizontalResourceIterator.mjs";
-import { TimelineViewRowContent as $ } from "./TimelineViewRowContent.mjs";
-import { TimelineViewAllEventsRowContent as E } from "./TimelineViewAllEventsRowContent.mjs";
-import { VerticalResourceIterator as S } from "../common/VerticalResourceIterator.mjs";
-import { orderSort as O, isInTimeRange as h, mapItemsToSlots as C, mapSlotsToItems as x, toUTCDateTime as w } from "../../utils/main.mjs";
-import { toRanges as F } from "../../services/rangeService.mjs";
-import { toSlots as M } from "../../services/slotsService.mjs";
-import { toOccurrences as A } from "../../services/occurrenceService.mjs";
-import { toItems as j } from "../../services/itemsService.mjs";
-import { TimelineViewBody as H } from "./TimelineViewBody.mjs";
-import { BORDER_WIDTH as N } from "../../constants/main.mjs";
-import { provideIntlService as m } from "@progress/kendo-vue-intl";
-import { SchedulerEditItem as V } from "../../items/SchedulerEditItem.mjs";
-import { DateHeaderCell as W } from "../../components/DateHeaderCell.mjs";
-import { TimeHeaderCell as _ } from "../../components/TimeHeaderCell.mjs";
-import { useRowSync as B } from "../../hooks/useRowSync.mjs";
+import { defineComponent as D, createVNode as i, isVNode as k } from "vue";
+import { BaseView as b } from "../../components/BaseView.mjs";
+import { Day as m, MS_PER_MINUTE as R, MS_PER_DAY as T, ZonedDate as h, getDate as I, addDays as v } from "@progress/kendo-date-math";
+import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
+import { TimelineViewRowContent as z } from "./TimelineViewRowContent.mjs";
+import { TimelineViewAllEventsRowContent as $ } from "./TimelineViewAllEventsRowContent.mjs";
+import { VerticalResourceIterator as g } from "../common/VerticalResourceIterator.mjs";
+import { emitDataAction as E, orderSort as O, mapItemsToSlots as C, mapSlotsToItems as x, isInTimeRange as F, toUTCDateTime as S } from "../../utils/main.mjs";
+import { toRanges as M } from "../../services/rangeService.mjs";
+import { toSlots as A } from "../../services/slotsService.mjs";
+import { toOccurrences as j } from "../../services/occurrenceService.mjs";
+import { toItems as H, inTimeRange as N } from "../../services/itemsService.mjs";
+import { TimelineViewBody as V } from "./TimelineViewBody.mjs";
+import { BORDER_WIDTH as W } from "../../constants/main.mjs";
+import { provideIntlService as p } from "@progress/kendo-vue-intl";
+import { SchedulerEditItem as _ } from "../../items/SchedulerEditItem.mjs";
+import { DateHeaderCell as B } from "../../components/DateHeaderCell.mjs";
+import { TimeHeaderCell as U } from "../../components/TimeHeaderCell.mjs";
+import { useRowSync as q } from "../../hooks/useRowSync.mjs";
 import { useCellSync as y } from "../../hooks/useCellSync.mjs";
-function D(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !b(t);
+function w(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !k(t);
 }
-const U = "t", q = 0, he = /* @__PURE__ */ k({
+const L = "t", P = 0, me = /* @__PURE__ */ D({
   name: "KendoMultiDayTimelineView",
+  emits: ["dataaction"],
   props: {
     name: {
       type: String,
@@ -60,7 +61,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
     dateRange: {
       type: [Function, Object],
       default: function() {
-        return L;
+        return G;
       }
     },
     selectedDateFormat: {
@@ -97,11 +98,11 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
     },
     workWeekStart: {
       type: Number,
-      default: f.Monday
+      default: m.Monday
     },
     workWeekEnd: {
       type: Number,
-      default: f.Friday
+      default: m.Friday
     },
     slotDivisions: {
       type: Number,
@@ -130,7 +131,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
       type: [Boolean, Object],
       default: !1
     },
-    onDataaction: Function
+    onDataAction: Function
   },
   data() {
     return {
@@ -151,43 +152,43 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
   },
   computed: {
     viewStart() {
-      this.intl = m(this);
+      this.intl = p(this);
       const t = this.intl.parseDate(this.$props.workDayStart), r = this.intl.parseDate(this.$props.startTime);
       return this.showWorkHours ? t : r;
     },
     viewEnd() {
-      this.intl = m(this);
+      this.intl = p(this);
       const t = this.intl.parseDate(this.$props.workDayEnd), r = this.intl.parseDate(this.$props.endTime);
       return this.showWorkHours ? t : r;
     },
     ranges() {
-      return F(this.ks.dateRange, {
-        step: v,
+      return M(this.ks.dateRange, {
+        step: T,
         timezone: this.ks.timezone
       });
     },
     timelineSlots() {
-      return M(this.ks.dateRange, {
+      return A(this.ks.dateRange, {
         step: this.slotDuration / this.slotDivisions * R
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
-      }).filter((r) => h(r.zonedStart, this.viewStart, this.viewEnd) || this.viewStart.getTime() === this.viewEnd.getTime());
+      }).filter((r) => F(r.zonedStart, this.viewStart, this.viewEnd) || this.viewStart.getTime() === this.viewEnd.getTime());
     },
     occurrences() {
-      return A(this.ks.dataItems, {
+      return j(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
     items() {
-      const t = j(this.occurrences, {
+      const t = H(this.occurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
-      }).filter((r) => this.viewStart.getTime() === this.viewEnd.getTime() || h(r.zonedStart, this.viewStart, this.viewEnd) || h(r.zonedEnd, this.viewStart, this.viewEnd) || h(new Date(r.zonedEnd.getTime() - (r.zonedEnd.getTime() - r.zonedStart.getTime()) / 2), this.viewStart, this.viewEnd));
+      }).filter((r) => N(r, this.viewStart, this.viewEnd));
       return C(t, this.timelineSlots, !0), x(t, this.timelineSlots, !0), t;
     },
     compDragItem() {
@@ -217,12 +218,12 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
     }), this.scheduleRowSync();
   },
   render() {
-    const t = m(this), r = this.$props.slotDuration, a = t.parseDate(this.$props.workDayStart), l = t.parseDate(this.$props.workDayEnd), c = [...this.items], s = [...this.timelineSlots], d = (this.ks.orientation === "horizontal" ? s.length : s.length / this.ks.groups.length) * (this.$props.columnWidth + N), n = [i("div", {
+    const t = p(this), r = this.$props.slotDuration, a = t.parseDate(this.$props.workDayStart), l = t.parseDate(this.$props.workDayEnd), c = [...this.items], s = [...this.timelineSlots], u = (this.ks.orientation === "horizontal" ? s.length : s.length / this.ks.groups.length) * (this.$props.columnWidth + W), n = [i("div", {
       class: "k-scheduler-row"
-    }, [this.ranges.map(function(e, u) {
-      return i(W, {
+    }, [this.ranges.map(function(e, d) {
+      return i(B, {
         as: this.$props.dateHeaderCell,
-        key: u,
+        key: d,
         date: e.zonedStart,
         start: e.start,
         end: e.end,
@@ -231,19 +232,19 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
     }, this)]), i("div", {
       class: "k-scheduler-row",
       ref: "timeRef"
-    }, [this.ranges.map(function(e, u) {
-      return s.filter((o) => o.group.index === q && o.range.index === u).map(function(o) {
-        return o.zonedStart.getMinutes() % r === 0 ? i(_, {
+    }, [this.ranges.map(function(e, d) {
+      return s.filter((o) => o.group.index === P && o.range.index === d).map(function(o) {
+        return o.zonedStart.getMinutes() % r === 0 ? i(U, {
           key: o.index,
           as: this.$props.timeHeaderCell,
-          format: U,
+          format: L,
           date: o.zonedStart,
           start: o.zonedStart,
           end: o.zonedEnd
         }, null) : null;
       }, this);
     }, this)])];
-    return i(T, {
+    return i(b, {
       id: this.$props.id,
       class: "k-scheduler-timelineview",
       viewProps: {
@@ -255,34 +256,34 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
       default: () => [i("div", {
         class: "k-scheduler-head",
         style: {
-          width: d + "px"
+          width: u + "px"
         }
-      }, [this.ks.orientation === "horizontal" ? i(g, {
+      }, [this.ks.orientation === "horizontal" ? i(f, {
         nested: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: $
-      }, D(n) ? n : {
+        rowContent: z
+      }, w(n) ? n : {
         default: () => [n]
-      }) : i(S, {
+      }) : i(g, {
         wrapGroup: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
         editable: this.$props.editable
-      }, D(n) ? n : {
+      }, w(n) ? n : {
         default: () => [n]
       })]), i("div", {
         class: "k-scheduler-body",
         style: {
-          width: d + "px"
+          width: u + "px"
         },
         ref: "bodyRef"
-      }, [this.ks.orientation === "horizontal" ? i(g, {
+      }, [this.ks.orientation === "horizontal" ? i(f, {
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: E
+        rowContent: $
       }, {
-        default: () => [i(H, {
+        default: () => [i(V, {
           editable: this.$props.editable,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
@@ -292,7 +293,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
           timelineSlots: s,
           onDataaction: this.handleDataAction
         }, null)]
-      }) : i(S, {
+      }) : i(g, {
         nested: !0,
         wrapGroup: !0,
         group: this.ks.props.group,
@@ -309,7 +310,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
           currentTimeMarker: this.$props.currentTimeMarker
         }
       }, null), this.hasMounted && c.sort(O).map(function(e) {
-        return i(V, {
+        return i(_, {
           key: e.isRecurring ? `${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}` : `${e.uid}:${e.group.index}:${e.range.index}`,
           uid: e.uid,
           start: e.start,
@@ -361,7 +362,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
     },
     runRowSync() {
       const t = this.$el ? this.$el.closest(".k-scheduler-layout") : null;
-      t && B({
+      t && q({
         element: t,
         selector: ".k-resource-row",
         horizontalAttribute: "data-depth-index",
@@ -380,7 +381,7 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
       }));
     },
     handleDataAction(t) {
-      this.$emit("dataaction", t);
+      E(this, t);
     },
     handleDragItemChange(t) {
       this.currentDragItem = t;
@@ -389,19 +390,19 @@ const U = "t", q = 0, he = /* @__PURE__ */ k({
       this.currentResizeItem = t;
     }
   }
-}), L = ({
+}), G = ({
   date: t,
   numberOfDays: r = 1,
   timezone: a
 }) => {
-  const l = p.fromLocalDate(t, a), c = I(l), s = z(c, r), d = p.fromUTCDate(w(c), a), n = p.fromUTCDate(w(s), a), e = new Date(d.getTime()), u = new Date(n.getTime());
+  const l = h.fromLocalDate(t, a), c = I(l), s = v(c, r), u = h.fromUTCDate(S(c), a), n = h.fromUTCDate(S(s), a), e = new Date(u.getTime()), d = new Date(n.getTime());
   return {
     start: e,
-    end: u,
-    zonedStart: d,
+    end: d,
+    zonedStart: u,
     zonedEnd: n
   };
 };
 export {
-  he as MultiDayTimelineView
+  me as MultiDayTimelineView
 };

package/views/time/TimelineView.d.ts

@@ -16,6 +16,7 @@ export interface TimelineViewProps extends MultiDayTimelineViewProps {
 }
 /** @hidden */
 declare const TimelineView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;
@@ -113,6 +114,7 @@ declare const TimelineView: import('vue').DefineComponent<import('vue').ExtractP
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     dataaction: any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;

package/views/time/TimelineView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./MultiDayTimelineView.js"),r=require("@progress/kendo-date-math"),o=e.defineComponent({name:"KendoTimelineView",emits:{dataaction:null},props:{name:{type:String,default:"timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return t.MultiDayTimelineView.props.dateRange.default()}},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:M}"},selectedShortDateFormat:{type:String,default:"{0:m}"},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"00:00"},workDayStart:{type:String,default:"8:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:r.Day.Monday},workWeekEnd:{type:Number,default:r.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},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:[Object,Boolean]},render(){return e.createVNode(t.MultiDayTimelineView,{name:this.$props.name,dragItem:this.$props.dragItem,resizeItem:this.$props.resizeItem,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,columnWidth:this.$props.columnWidth,title:this.$props.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,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,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(i){this.$emit("dataaction",i)}}});exports.TimelineView=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./MultiDayTimelineView.js"),i=require("@progress/kendo-date-math"),o=require("../../utils/main.js"),n=e.defineComponent({name:"KendoTimelineView",emits:{dataaction:null},props:{onDataAction:Function,name:{type:String,default:"timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return t.MultiDayTimelineView.props.dateRange.default()}},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:M}"},selectedShortDateFormat:{type:String,default:"{0:m}"},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"00:00"},workDayStart:{type:String,default:"8:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:i.Day.Monday},workWeekEnd:{type:Number,default:i.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},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:[Object,Boolean]},render(){return e.createVNode(t.MultiDayTimelineView,{name:this.$props.name,dragItem:this.$props.dragItem,resizeItem:this.$props.resizeItem,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,columnWidth:this.$props.columnWidth,title:this.$props.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,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,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(r){o.emitDataAction(this,r)}}});exports.TimelineView=n;

package/views/time/TimelineView.mjs

@@ -8,12 +8,14 @@
 import { defineComponent as i, createVNode as o } from "vue";
 import { MultiDayTimelineView as e } from "./MultiDayTimelineView.mjs";
 import { Day as t } from "@progress/kendo-date-math";
-const p = /* @__PURE__ */ i({
+import { emitDataAction as n } from "../../utils/main.mjs";
+const d = /* @__PURE__ */ i({
   name: "KendoTimelineView",
   emits: {
     dataaction: null
   },
   props: {
+    onDataAction: Function,
     name: {
       type: String,
       default: "timeline"
@@ -146,10 +148,10 @@ const p = /* @__PURE__ */ i({
   },
   methods: {
     handleDataAction(r) {
-      this.$emit("dataaction", r);
+      n(this, r);
     }
   }
 });
 export {
-  p as TimelineView
+  d as TimelineView
 };

package/views/time/TimelineViewBody.d.ts

@@ -18,7 +18,7 @@ export interface TimelineViewBodyProps {
     slotRender: any;
     viewSlot: any;
     editable?: boolean | object;
-    onDataaction: (action: DataAction) => void;
+    onDataAction: (action: DataAction) => void;
 }
 /** @hidden */
 declare const TimelineViewBody: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -34,7 +34,7 @@ declare const TimelineViewBody: import('vue').DefineComponent<import('vue').Extr
     editable: PropType<boolean | object>;
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
 }>, {}, {
     ksSlots: {
         cSlots: any;
@@ -44,7 +44,7 @@ declare const TimelineViewBody: import('vue').DefineComponent<import('vue').Extr
 }, {
     handleDataAction(action: DataAction): void;
     calculateRanges(timelineSlots: any, groupIndex: number, ranges: any): any;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     currentTimeMarker: {
         type: PropType<boolean>;
         default: boolean;
@@ -57,8 +57,10 @@ declare const TimelineViewBody: import('vue').DefineComponent<import('vue').Extr
     editable: PropType<boolean | object>;
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
-    onDataaction: PropType<(action: DataAction) => void>;
-}>> & Readonly<{}>, {
+    onDataAction: PropType<(action: DataAction) => void>;
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+}>, {
     currentTimeMarker: boolean;
 }, {}, {}, {}, string, () => {
     ksSlots: any;

package/views/time/TimelineViewBody.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),d=require("../../slots/SchedulerEditSlot.js"),s=require("../../utils/main.js"),c=require("../../components/CurrentTimeMarker.js"),h=i.defineComponent({name:"KendoTimelineViewBody",props:{currentTimeMarker:{type:Boolean,default:!0},groupIndex:Number,timelineSlots:Array,ranges:Array,workDayStart:Date,workDayEnd:Date,editable:[Object,Boolean],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataaction:Function},inject:{ri:{default:null},ks:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){const e=this.timelineSlots,t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return{ksSlots:{cSlots:this.calculateRanges(e,t,this.ranges)}}},watch:{currentCellSlots(e){this.ksSlots.cSlots=e}},computed:{currentCellSlots(){const e=this.timelineSlots,t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return this.calculateRanges(e,t,this.ranges)}},render(){const e=this,t=this.ks.orientation,r=this.ranges,o=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex,a=this.$props.editable;return i.createVNode("div",{class:"k-scheduler-row"},[this.currentCellSlots.map(function(n,l,u){return i.createVNode(d.SchedulerEditSlot,{slotRender:e.$props.slotRender,viewSlot:e.$props.viewSlot,index:l,form:e.$props.form,onDataaction:e.handleDataAction,isWorkHour:s.isInTimeRange(n.zonedStart,e.workDayStart,e.workDayEnd),col:t==="horizontal"?n.range.index*u.length+l+u.length*r.length*(o||0):n.range.index*u.length+l,row:t==="horizontal"?0:o||0,expandable:!0,editable:a},null)},this),this.$props.currentTimeMarker&&s.intersects(s.first(r).start,s.last(r).end,new Date,new Date,!0)&&i.createVNode(c.CurrentTimeMarker,{groupIndex:o,vertical:!0},null)])},methods:{handleDataAction(e){this.$emit("dataaction",e)},calculateRanges(e,t,r){return r.map((o,a)=>e.filter(n=>n.group.index===t&&n.range.index===a)).flat()}}});exports.TimelineViewBody=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),h=require("../../slots/SchedulerEditSlot.js"),r=require("../../utils/main.js"),g=require("../../components/CurrentTimeMarker.js"),p=a.defineComponent({name:"KendoTimelineViewBody",emits:["dataaction"],props:{currentTimeMarker:{type:Boolean,default:!0},groupIndex:Number,timelineSlots:Array,ranges:Array,workDayStart:Date,workDayEnd:Date,editable:[Object,Boolean],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataAction:Function},inject:{ri:{default:null},ks:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){const t=this.timelineSlots,e=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return{ksSlots:{cSlots:this.calculateRanges(t,e,this.ranges)}}},watch:{currentCellSlots(t){this.ksSlots.cSlots=t}},computed:{currentCellSlots(){const t=this.timelineSlots,e=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return this.calculateRanges(t,e,this.ranges)}},render(){var c;const t=((c=this.ks)==null?void 0:c.editSlot)||h.SchedulerEditSlot,e=this,i=this.ks.orientation,o=this.ranges,n=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex,s=this.$props.editable;return a.createVNode("div",{class:"k-scheduler-row"},[this.currentCellSlots.map(function(l,u,d){return a.createVNode(t,{slotRender:e.$props.slotRender,viewSlot:e.$props.viewSlot,index:u,form:e.$props.form,onDataaction:e.handleDataAction,isWorkHour:r.isInTimeRange(l.zonedStart,e.workDayStart,e.workDayEnd),col:i==="horizontal"?l.range.index*d.length+u+d.length*o.length*(n||0):l.range.index*d.length+u,row:i==="horizontal"?0:n||0,expandable:!0,editable:s},null)},this),this.$props.currentTimeMarker&&r.intersects(r.first(o).start,r.last(o).end,new Date,new Date,!0)&&a.createVNode(g.CurrentTimeMarker,{groupIndex:n,vertical:!0},null)])},methods:{handleDataAction(t){r.emitDataAction(this,t)},calculateRanges(t,e,i){return i.map((o,n)=>t.filter(s=>s.group.index===e&&s.range.index===n)).flat()}}});exports.TimelineViewBody=p;

package/views/time/TimelineViewBody.mjs

@@ -5,12 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as u, createVNode as l } from "vue";
-import { SchedulerEditSlot as d } from "../../slots/SchedulerEditSlot.mjs";
-import { isInTimeRange as c, intersects as p, last as h, first as g } from "../../utils/main.mjs";
-import { CurrentTimeMarker as m } from "../../components/CurrentTimeMarker.mjs";
-const w = /* @__PURE__ */ u({
+import { defineComponent as c, createVNode as d } from "vue";
+import { SchedulerEditSlot as h } from "../../slots/SchedulerEditSlot.mjs";
+import { emitDataAction as p, isInTimeRange as g, intersects as m, last as S, first as x } from "../../utils/main.mjs";
+import { CurrentTimeMarker as f } from "../../components/CurrentTimeMarker.mjs";
+const b = /* @__PURE__ */ c({
   name: "KendoTimelineViewBody",
+  emits: ["dataaction"],
   props: {
     currentTimeMarker: {
       type: Boolean,
@@ -24,7 +25,7 @@ const w = /* @__PURE__ */ u({
     editable: [Object, Boolean],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
-    onDataaction: Function
+    onDataAction: Function
   },
   inject: {
     ri: {
@@ -43,55 +44,56 @@ const w = /* @__PURE__ */ u({
     };
   },
   data() {
-    const t = this.timelineSlots, e = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+    const e = this.timelineSlots, t = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
     return {
       ksSlots: {
-        cSlots: this.calculateRanges(t, e, this.ranges)
+        cSlots: this.calculateRanges(e, t, this.ranges)
       }
     };
   },
   watch: {
-    currentCellSlots(t) {
-      this.ksSlots.cSlots = t;
+    currentCellSlots(e) {
+      this.ksSlots.cSlots = e;
     }
   },
   computed: {
     currentCellSlots() {
-      const t = this.timelineSlots, e = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
-      return this.calculateRanges(t, e, this.ranges);
+      const e = this.timelineSlots, t = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+      return this.calculateRanges(e, t, this.ranges);
     }
   },
   render() {
-    const t = this, e = this.ks.orientation, r = this.ranges, o = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex, i = this.$props.editable;
-    return l("div", {
+    var u;
+    const e = ((u = this.ks) == null ? void 0 : u.editSlot) || h, t = this, r = this.ks.orientation, o = this.ranges, n = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex, i = this.$props.editable;
+    return d("div", {
       class: "k-scheduler-row"
-    }, [this.currentCellSlots.map(function(n, s, a) {
-      return l(d, {
+    }, [this.currentCellSlots.map(function(s, a, l) {
+      return d(e, {
         slotRender: t.$props.slotRender,
         viewSlot: t.$props.viewSlot,
-        index: s,
+        index: a,
         form: t.$props.form,
         onDataaction: t.handleDataAction,
-        isWorkHour: c(n.zonedStart, t.workDayStart, t.workDayEnd),
-        col: e === "horizontal" ? n.range.index * a.length + s + a.length * r.length * (o || 0) : n.range.index * a.length + s,
-        row: e === "horizontal" ? 0 : o || 0,
+        isWorkHour: g(s.zonedStart, t.workDayStart, t.workDayEnd),
+        col: r === "horizontal" ? s.range.index * l.length + a + l.length * o.length * (n || 0) : s.range.index * l.length + a,
+        row: r === "horizontal" ? 0 : n || 0,
         expandable: !0,
         editable: i
       }, null);
-    }, this), this.$props.currentTimeMarker && p(g(r).start, h(r).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && l(m, {
-      groupIndex: o,
+    }, this), this.$props.currentTimeMarker && m(x(o).start, S(o).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && d(f, {
+      groupIndex: n,
       vertical: !0
     }, null)]);
   },
   methods: {
-    handleDataAction(t) {
-      this.$emit("dataaction", t);
+    handleDataAction(e) {
+      p(this, e);
     },
-    calculateRanges(t, e, r) {
-      return r.map((o, i) => t.filter((n) => n.group.index === e && n.range.index === i)).flat();
+    calculateRanges(e, t, r) {
+      return r.map((o, n) => e.filter((i) => i.group.index === t && i.range.index === n)).flat();
     }
   }
 });
 export {
-  w as TimelineViewBody
+  b as TimelineViewBody
 };

package/views/week/WeekView.d.ts

@@ -87,6 +87,7 @@ export interface WeekViewProps extends MultiDayViewProps {
 }
 /** @hidden */
 declare const WeekView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(event: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;
@@ -169,6 +170,7 @@ declare const WeekView: import('vue').DefineComponent<import('vue').ExtractPropT
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     dataaction: any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(event: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;

package/views/week/WeekView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),S=require("../day/MultiDayView.js"),i=require("../../constants/main.js"),e=require("@progress/kendo-date-math"),a=require("../../messages/main.js"),u=require("../../utils/main.js"),h=require("@progress/kendo-vue-intl"),k=d.defineComponent({name:"KendoWeekView",emits:{dataaction:null},props:{name:{type:String,default:"week"},slotDuration:{type:Number,default:60},slotDivisions:{type:Number,default:2},numberOfDays:{type:Number,default:i.DAYS_IN_WEEK_COUNT},dateRange:{type:[Function,Object],default:function(){return f}},title:String,selectedDateFormat:{type:String,default:"{0:M} - {1:M}"},selectedShortDateFormat:{type:String,default:"{0:m} - {1:m}"},showWorkHours:{type:Boolean,default:!0},currentTimeMarker:{type:Boolean,default:!0},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:e.Day.Monday},workWeekEnd:{type:Number,default:e.Day.Friday},defaultShowWorkHours:{type:Boolean,default:!0},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:!1},format:String},inject:{kendoLocalizationService:{default:null}},render(){const r=h.provideLocalizationService(this).toLanguageString(a.weekViewTitle,a.messages[a.weekViewTitle]);return d.createVNode(S.MultiDayView,{name:this.$props.name,dateRange:this.$props.dateRange,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:r,step:i.DAYS_IN_WEEK_COUNT,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,dateHeaderCell:this.$props.dateHeaderCell,timeHeaderCell:this.$props.timeHeaderCell,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,resizeHint:this.$props.resizeHint,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(t){this.$emit("dataaction",t)}}}),w=t=>e.getDate(t),y=(t,r)=>e.getDate(e.addDays(t,r)),f=({intl:t,date:r,timezone:o})=>{const p=e.ZonedDate.fromLocalDate(r,o),n=w(e.firstDayInWeek(p,t.firstDay())),c=y(n,i.DAYS_IN_WEEK_COUNT),s=e.ZonedDate.fromUTCDate(u.toUTCDateTime(n),o),l=e.ZonedDate.fromUTCDate(u.toUTCDateTime(c),o),m=new Date(s.getTime()),D=new Date(l.getTime());return{start:m,end:D,zonedStart:s,zonedEnd:l}};exports.WeekView=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),S=require("../day/MultiDayView.js"),a=require("../../constants/main.js"),e=require("@progress/kendo-date-math"),i=require("../../messages/main.js"),n=require("../../utils/main.js"),h=require("@progress/kendo-vue-intl"),k=u.defineComponent({name:"KendoWeekView",emits:{dataaction:null},props:{onDataAction:Function,name:{type:String,default:"week"},slotDuration:{type:Number,default:60},slotDivisions:{type:Number,default:2},numberOfDays:{type:Number,default:a.DAYS_IN_WEEK_COUNT},dateRange:{type:[Function,Object],default:function(){return f}},title:String,selectedDateFormat:{type:String,default:"{0:M} - {1:M}"},selectedShortDateFormat:{type:String,default:"{0:m} - {1:m}"},showWorkHours:{type:Boolean,default:!0},currentTimeMarker:{type:Boolean,default:!0},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:e.Day.Monday},workWeekEnd:{type:Number,default:e.Day.Friday},defaultShowWorkHours:{type:Boolean,default:!0},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:!1},format:String},inject:{kendoLocalizationService:{default:null}},render(){const r=h.provideLocalizationService(this).toLanguageString(i.weekViewTitle,i.messages[i.weekViewTitle]);return u.createVNode(S.MultiDayView,{name:this.$props.name,dateRange:this.$props.dateRange,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:r,step:a.DAYS_IN_WEEK_COUNT,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,dateHeaderCell:this.$props.dateHeaderCell,timeHeaderCell:this.$props.timeHeaderCell,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,resizeHint:this.$props.resizeHint,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(t){n.emitDataAction(this,t)}}}),w=t=>e.getDate(t),y=(t,r)=>e.getDate(e.addDays(t,r)),f=({intl:t,date:r,timezone:o})=>{const p=e.ZonedDate.fromLocalDate(r,o),s=w(e.firstDayInWeek(p,t.firstDay())),c=y(s,a.DAYS_IN_WEEK_COUNT),l=e.ZonedDate.fromUTCDate(n.toUTCDateTime(s),o),d=e.ZonedDate.fromUTCDate(n.toUTCDateTime(c),o),D=new Date(l.getTime()),m=new Date(d.getTime());return{start:D,end:m,zonedStart:l,zonedEnd:d}};exports.WeekView=k;

package/views/week/WeekView.mjs

@@ -8,16 +8,17 @@
 import { defineComponent as h, createVNode as S } from "vue";
 import { MultiDayView as k } from "../day/MultiDayView.mjs";
 import { DAYS_IN_WEEK_COUNT as i } from "../../constants/main.mjs";
-import { Day as l, ZonedDate as o, firstDayInWeek as w, getDate as m, addDays as y } from "@progress/kendo-date-math";
+import { Day as l, ZonedDate as r, firstDayInWeek as w, getDate as m, addDays as y } from "@progress/kendo-date-math";
 import { weekViewTitle as p, messages as g } from "../../messages/main.mjs";
-import { toUTCDateTime as d } from "../../utils/main.mjs";
-import { provideLocalizationService as $ } from "@progress/kendo-vue-intl";
-const N = /* @__PURE__ */ h({
+import { emitDataAction as $, toUTCDateTime as d } from "../../utils/main.mjs";
+import { provideLocalizationService as T } from "@progress/kendo-vue-intl";
+const z = /* @__PURE__ */ h({
   name: "KendoWeekView",
   emits: {
     dataaction: null
   },
   props: {
+    onDataAction: Function,
     name: {
       type: String,
       default: "week"
@@ -104,7 +105,7 @@ const N = /* @__PURE__ */ h({
     }
   },
   render() {
-    const e = $(this).toLanguageString(p, g[p]);
+    const e = T(this).toLanguageString(p, g[p]);
     return S(k, {
       name: this.$props.name,
       dateRange: this.$props.dateRange,
@@ -137,15 +138,15 @@ const N = /* @__PURE__ */ h({
   },
   methods: {
     handleDataAction(t) {
-      this.$emit("dataaction", t);
+      $(this, t);
     }
   }
-}), T = (t) => m(t), b = (t, e) => m(y(t, e)), W = ({
+}), b = (t) => m(t), F = (t, e) => m(y(t, e)), W = ({
   intl: t,
   date: e,
-  timezone: r
+  timezone: o
 }) => {
-  const u = o.fromLocalDate(e, r), a = T(w(u, t.firstDay())), c = b(a, i), n = o.fromUTCDate(d(a), r), s = o.fromUTCDate(d(c), r), D = new Date(n.getTime()), f = new Date(s.getTime());
+  const u = r.fromLocalDate(e, o), a = b(w(u, t.firstDay())), c = F(a, i), n = r.fromUTCDate(d(a), o), s = r.fromUTCDate(d(c), o), D = new Date(n.getTime()), f = new Date(s.getTime());
   return {
     start: D,
     end: f,
@@ -154,5 +155,5 @@ const N = /* @__PURE__ */ h({
   };
 };
 export {
-  N as WeekView
+  z as WeekView
 };

package/views/week/WorkWeekView.d.ts

@@ -14,6 +14,7 @@ export interface WorkWeekViewProps extends WeekViewProps {
 }
 /** @hidden */
 declare const WorkWeekView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(event: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;
@@ -71,6 +72,7 @@ declare const WorkWeekView: import('vue').DefineComponent<import('vue').ExtractP
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     dataaction: any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(event: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;