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

package/views/month/MonthView.mjs

@@ -5,28 +5,31 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as I, createVNode as r } from "vue";
-import { BaseView as D } from "../../components/BaseView.mjs";
-import { firstDayInWeek as h, firstDayOfMonth as R, getDate as l, addDays as k, lastDayOfMonth as z, ZonedDate as u, MS_PER_DAY as d } from "@progress/kendo-date-math";
-import { VerticalResourceIterator as c } from "../common/VerticalResourceIterator.mjs";
-import { HorizontalResourceIterator as p } from "../common/HorizontalResourceIterator.mjs";
-import { orderSort as $, mapItemsToSlots as b, mapSlotsToItems as A, toUTCDateTime as m } from "../../utils/main.mjs";
-import { monthViewTitle as f, messages as C } from "../../messages/main.mjs";
-import { SchedulerEditSlot as F } from "../../slots/SchedulerEditSlot.mjs";
-import { provideLocalizationService as M, provideIntlService as S } from "@progress/kendo-vue-intl";
-import { DAYS_IN_WEEK_COUNT as w } from "../../constants/main.mjs";
-import { toRanges as T } from "../../services/rangeService.mjs";
-import { toSlots as O } from "../../services/slotsService.mjs";
-import { toOccurrences as x } from "../../services/occurrenceService.mjs";
-import { toItems as E } from "../../services/itemsService.mjs";
-import { MonthViewHead as g } from "./MonthViewHead.mjs";
-import { MonthViewBody as P } from "./MonthViewBody.mjs";
-import { MoreEventsPopover as j } from "../../components/MoreEventsPopover.mjs";
-import { SchedulerEditItem as V } from "../../items/SchedulerEditItem.mjs";
-import { syncGroupRowHeights as N } from "../../hooks/useGroupRowHeightSync.mjs";
-const ie = /* @__PURE__ */ I({
+import { defineComponent as D, createVNode as n, mergeProps as k, shallowRef as h, ref as R } from "vue";
+import { BaseView as b } from "../../components/BaseView.mjs";
+import { firstDayInWeek as u, firstDayOfMonth as $, getDate as c, addDays as z, lastDayOfMonth as C, ZonedDate as d, MS_PER_DAY as p } from "@progress/kendo-date-math";
+import { VerticalResourceIterator as m } from "../common/VerticalResourceIterator.mjs";
+import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
+import { emitDataAction as A, orderSort as F, mapItemsToSlots as P, mapSlotsToItems as O, toUTCDateTime as g } from "../../utils/main.mjs";
+import { monthViewTitle as S, messages as M } from "../../messages/main.mjs";
+import { SchedulerEditSlot as E } from "../../slots/SchedulerEditSlot.mjs";
+import { provideLocalizationService as T, provideIntlService as v } from "@progress/kendo-vue-intl";
+import { DAYS_IN_WEEK_COUNT as y } from "../../constants/main.mjs";
+import { toRanges as x } from "../../services/rangeService.mjs";
+import { toSlots as j } from "../../services/slotsService.mjs";
+import { toOccurrences as V } from "../../services/occurrenceService.mjs";
+import { toItems as N } from "../../services/itemsService.mjs";
+import { MonthViewHead as w } from "./MonthViewHead.mjs";
+import { MonthViewBody as H } from "./MonthViewBody.mjs";
+import { MoreEventsPopover as G } from "../../components/MoreEventsPopover.mjs";
+import { SchedulerEditItem as q } from "../../items/SchedulerEditItem.mjs";
+import { syncGroupRowHeights as _ } from "../../hooks/useGroupRowHeightSync.mjs";
+import { useEditable as B } from "../../hooks/useEditable.mjs";
+const de = /* @__PURE__ */ D({
   name: "KendoMonthView",
+  emits: ["dataaction"],
   props: {
+    onDataAction: Function,
     itemsPerSlot: {
       type: Number,
       default: 2
@@ -38,7 +41,7 @@ const ie = /* @__PURE__ */ I({
     dateRange: {
       type: [Function, Object],
       default: function() {
-        return H;
+        return K;
       }
     },
     slotDuration: {
@@ -100,8 +103,23 @@ const ie = /* @__PURE__ */ I({
       default: null
     }
   },
+  setup(t) {
+    const s = h(null), o = h(null), r = R(!1);
+    return {
+      popoverEditItem: s,
+      popoverFormItem: o,
+      popoverShowOccurrenceDialog: r,
+      handlePopoverItemDoubleClick: (i) => !B(t.editable).edit || i.readonly ? !1 : (s.value = i, o.value = i.dataItem, r.value = !!i.isRecurring, !0),
+      handlePopoverFormItemChange: (i) => {
+        o.value = i, i || (s.value = null);
+      },
+      handlePopoverShowOccurrenceDialogChange: (i) => {
+        r.value = i;
+      }
+    };
+  },
   created() {
-    this.intl = S(this);
+    this.intl = v(this);
   },
   mounted() {
     this.hasMounted = !0, this.queueSyncGroupRows();
@@ -134,34 +152,34 @@ const ie = /* @__PURE__ */ I({
   },
   computed: {
     ranges() {
-      return T(this.ks.dateRange, {
-        step: d * w,
+      return x(this.ks.dateRange, {
+        step: p * y,
         timezone: this.ks.timezone
       });
     },
     monthSlots() {
-      return O(this.ks.dateRange, {
-        step: d
+      return j(this.ks.dateRange, {
+        step: p
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
     },
     occurrences() {
-      return x(this.ks.dataItems, {
+      return V(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
     items() {
-      const t = E(this.occurrences, {
+      const t = N(this.occurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
-      return b(t, this.monthSlots, !0), A(t, this.monthSlots, !0), t;
+      return P(t, this.monthSlots, !0), O(t, this.monthSlots, !0), t;
     },
     rowSyncKey() {
       return [this.itemsPerSlot, this.monthSlots.map((t) => `${t.group.index}:${t.range.index}:${t.items.length}`).join("|")].join("::");
@@ -174,28 +192,28 @@ const ie = /* @__PURE__ */ I({
     }
   },
   render() {
-    this.localization = M(this), this.localization.toLanguageString(f, C[f]);
-    const t = this.$props.editItem || V;
-    this.$props.editSlot || F;
-    const n = this.items, o = this.monthSlots;
-    this.intl = S(this);
-    const s = this.$props.itemsPerSlot, a = this.ks.orientation === "horizontal" ? this.ranges.map(function(e, i) {
-      return r(p, {
+    this.localization = T(this), this.localization.toLanguageString(S, M[S]);
+    const t = this.$props.editItem || q;
+    this.$props.editSlot || E;
+    const s = this.items, o = this.monthSlots;
+    this.intl = v(this);
+    const r = this.$props.itemsPerSlot, l = this.ks.orientation === "horizontal" ? this.ranges.map(function(e, a) {
+      return n(f, {
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [r(P, {
+        default: () => [n(H, {
           editable: this.$props.editable,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           monthSlots: o,
-          rangeIndex: i,
-          itemsPerSlot: s,
+          rangeIndex: a,
+          itemsPerSlot: r,
           onDataaction: this.handleDataAction,
           onShowmoreitems: this.handleShowMoreItemsClick
         }, null)]
       });
-    }, this) : r(c, {
+    }, this) : n(m, {
       nested: !0,
       resources: this.ks.props.resources,
       group: this.ks.props.group,
@@ -205,12 +223,12 @@ const ie = /* @__PURE__ */ I({
         viewSlot: this.$props.viewSlot,
         monthSlots: o,
         ranges: this.ranges,
-        itemsPerSlot: s,
+        itemsPerSlot: r,
         editable: this.$props.editable,
         onShowmoreitems: this.handleShowMoreItemsClick
       }
     }, null);
-    return r(D, {
+    return n(b, {
       viewProps: {
         ...this.$props
       },
@@ -218,30 +236,30 @@ const ie = /* @__PURE__ */ I({
       ranges: this.ranges,
       class: "k-scheduler-monthview"
     }, {
-      default: () => [r("div", {
+      default: () => [n("div", {
         class: "k-scheduler-head"
-      }, [this.ks.orientation === "horizontal" ? r(p, {
+      }, [this.ks.orientation === "horizontal" ? n(f, {
         nested: !0,
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [r(g, {
+        default: () => [n(w, {
           monthSlots: o,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      }) : r(c, {
+      }) : n(m, {
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [r(g, {
+        default: () => [n(w, {
           monthSlots: o,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      })]), r("div", {
+      })]), n("div", {
         class: "k-scheduler-body",
         ref: "body"
-      }, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < s).sort($).map(function(e) {
-        return r(t, {
+      }, [l, this.hasMounted && s.filter((e) => e.order === null || e.order < r).sort(F).map(function(e) {
+        return n(t, {
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           form: this.$props.form,
@@ -279,15 +297,34 @@ const ie = /* @__PURE__ */ I({
           editable: this.$props.editable,
           ignoreIsAllDay: !0
         }, null);
-      }, this)]), r(j, {
+      }, this)]), n(G, {
         show: this.popoverShow,
         anchor: this.popoverAnchor,
         slot: this.popoverSlot,
-        items: n,
-        itemsPerSlot: s,
+        items: s,
+        itemsPerSlot: r,
         onDayclick: this.handlePopoverDayClick,
+        onItemdoubleclick: (e) => {
+          this.handlePopoverItemDoubleClick(e) && this.handlePopoverClose();
+        },
         onClose: this.handlePopoverClose
-      }, null)]
+      }, null), this.popoverEditItem && n(t, k(this.popoverEditItem, {
+        item: this.$props.item,
+        viewItem: this.$props.viewItem,
+        form: this.$props.form,
+        formItem: this.popoverFormItem,
+        showOccurrenceDialog: this.popoverShowOccurrenceDialog,
+        itemStyle: {
+          display: "none"
+        },
+        tabIndex: -1,
+        editable: this.$props.editable,
+        vertical: !1,
+        ignoreIsAllDay: !0,
+        onFormitemchange: this.handlePopoverFormItemChange,
+        onShowoccurrencedialogchange: this.handlePopoverShowOccurrenceDialogChange,
+        onDataaction: this.handleDataAction
+      }), null)]
     });
   },
   methods: {
@@ -302,32 +339,32 @@ const ie = /* @__PURE__ */ I({
           this.rowSyncFrame = void 0;
           return;
         }
-        N(this.$refs.body), this.rowSyncFrame = void 0;
+        _(this.$refs.body), this.rowSyncFrame = void 0;
       });
     },
     handleShowMoreItemsClick({
       event: t,
-      slot: n
+      slot: s
     }) {
-      var s;
-      const o = ((s = t.target) == null ? void 0 : s.element) || null;
+      var r;
+      const o = ((r = t.target) == null ? void 0 : r.element) || null;
       if (this.popoverShow && this.popoverAnchor === o) {
         this.popoverShow = !1, this.popoverAnchor = null, this.popoverSlot = null;
         return;
       }
-      this.popoverShow = !0, this.popoverAnchor = o, this.popoverSlot = n || null;
+      this.popoverShow = !0, this.popoverAnchor = o, this.popoverSlot = s || null;
     },
     handlePopoverClose() {
       this.popoverShow = !1, this.popoverAnchor = null, this.popoverSlot = null;
     },
     handlePopoverDayClick(t) {
-      const o = this.ks.views.find((s) => s.name === "day");
+      const o = this.ks.views.find((r) => r.name === "day");
       !this.setActiveViewName || !o || !o.name || (this.popoverShow = !1, this.popoverAnchor = null, this.popoverSlot = null, this.$nextTick(() => {
         this.setActiveViewName(o.name), this.setActiveDate(t.start);
       }));
     },
     handleDataAction(t) {
-      this.$emit("dataaction", t);
+      A(this, t);
     },
     handleDragItemChange(t) {
       this.currentDragItem = t;
@@ -336,19 +373,19 @@ const ie = /* @__PURE__ */ I({
       this.currentResizeItem = t;
     }
   }
-}), H = ({
+}), K = ({
   intl: t,
-  date: n,
+  date: s,
   timezone: o
 }) => {
-  const s = h(R(l(n)), t.firstDay()), a = k(h(z(l(n)), t.firstDay()), w), e = u.fromUTCDate(m(s), o), i = u.fromUTCDate(m(a), o), y = new Date(e.getTime()), v = new Date(i.getTime());
+  const r = u($(c(s)), t.firstDay()), l = z(u(C(c(s)), t.firstDay()), y), e = d.fromUTCDate(g(r), o), a = d.fromUTCDate(g(l), o), i = new Date(e.getTime()), I = new Date(a.getTime());
   return {
-    start: y,
-    end: v,
+    start: i,
+    end: I,
     zonedStart: e,
-    zonedEnd: i
+    zonedEnd: a
   };
 };
 export {
-  ie as MonthView
+  de as MonthView
 };

package/views/month/MonthViewBody.d.ts

@@ -18,7 +18,7 @@ export interface MonthViewBodyProps {
     ranges: any[];
     slotRender: any;
     viewSlot: any;
-    onDataaction: (action: DataAction) => void;
+    onDataAction: (action: DataAction) => void;
 }
 /** @hidden */
 declare const MonthViewBody: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -30,7 +30,7 @@ declare const MonthViewBody: import('vue').DefineComponent<import('vue').Extract
     ranges: PropType<any[]>;
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
     onShowmoreitems: PropType<(event: any) => void>;
 }>, {}, {
     ksSlots: {
@@ -51,7 +51,7 @@ declare const MonthViewBody: import('vue').DefineComponent<import('vue').Extract
     ranges: PropType<any[]>;
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
     onShowmoreitems: PropType<(event: any) => void>;
 }>> & Readonly<{
     onShowmoreitems?: (...args: any[]) => any;

package/views/month/MonthViewBody.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 r=require("vue"),d=require("../../slots/SchedulerEditSlot.js"),a=require("@progress/kendo-vue-common"),h=require("@progress/kendo-vue-intl"),u=r.defineComponent({name:"KendoMonthViewBody",emits:["dataaction","showmoreitems"],props:{editable:[Object,Boolean],groupIndex:Number,rangeIndex:Number,itemsPerSlot:Number,monthSlots:Array,ranges:Array,slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataaction:Function,onShowmoreitems:Function},inject:{ri:{default:{}},ks:{default:null},setActiveDate:{default:null},setActiveViewName:{default:null},setSlots:{default:null},kendoIntlService:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return{ksSlots:{cSlots:this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}}},watch:{currentCellSlots(t){this.ksSlots.cSlots=t}},computed:{currentCellSlots(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}},render(){this.intl=h.provideIntlService(this);const t=this.$props.editSlot||d.SchedulerEditSlot,e=this,i=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return r.createVNode("div",{class:"k-scheduler-row",key:this.rangeIndex},[this.currentCellSlots.map(function(n,o,s){return r.createVNode(t,{className:a.classNames({"k-other-month":this.isOtherMonth(n,this.ks.currentDate)}),slotRender:this.$props.slotRender,viewSlot:e.$props.viewSlot,form:e.$props.form,index:o,navDay:!0,itemsPerSlot:e.itemsPerSlot,expandable:{offsetTop:30,offsetBottom:e.itemsPerSlot<n.items.length?15:0},onDataaction:e.handleDataAction,col:e.ks.orientation==="horizontal"?s.length*(i||0)+o:o,row:e.ks.orientation==="horizontal"?e.rangeIndex:e.ranges.length*(i||0)+e.rangeIndex,editable:e.$props.editable,onShowmoreitems:l=>e.handleShowMoreItemsClick(l,n)},null)},this)])},methods:{handleShowMoreItemsClick(t,e){this.$emit("showmoreitems",{event:t,slot:e})},handleDataAction(t){this.$emit("dataaction",t)},isOtherMonth(t,e){return t.start.getMonth()<e.getMonth()||t.start.getMonth()>e.getMonth()}}});exports.MonthViewBody=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=require("../../slots/SchedulerEditSlot.js"),h=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-intl"),c=require("../../utils/main.js"),m=r.defineComponent({name:"KendoMonthViewBody",emits:["dataaction","showmoreitems"],props:{editable:[Object,Boolean],groupIndex:Number,rangeIndex:Number,itemsPerSlot:Number,monthSlots:Array,ranges:Array,slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataAction:Function,onShowmoreitems:Function},inject:{ri:{default:{}},ks:{default:null},setActiveDate:{default:null},setActiveViewName:{default:null},setSlots:{default:null},kendoIntlService:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return{ksSlots:{cSlots:this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}}},watch:{currentCellSlots(t){this.ksSlots.cSlots=t}},computed:{currentCellSlots(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}},render(){var s;this.intl=u.provideIntlService(this);const t=this.$props.editSlot||((s=this.ks)==null?void 0:s.editSlot)||a.SchedulerEditSlot,e=this,i=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return r.createVNode("div",{class:"k-scheduler-row",key:this.rangeIndex},[this.currentCellSlots.map(function(n,o,l){return r.createVNode(t,{className:h.classNames({"k-other-month":this.isOtherMonth(n,this.ks.currentDate)}),slotRender:this.$props.slotRender,viewSlot:e.$props.viewSlot,form:e.$props.form,index:o,navDay:!0,itemsPerSlot:e.itemsPerSlot,expandable:{offsetTop:30,offsetBottom:e.itemsPerSlot<n.items.length?15:0},onDataaction:e.handleDataAction,col:e.ks.orientation==="horizontal"?l.length*(i||0)+o:o,row:e.ks.orientation==="horizontal"?e.rangeIndex:e.ranges.length*(i||0)+e.rangeIndex,editable:e.$props.editable,onShowmoreitems:d=>e.handleShowMoreItemsClick(d,n)},null)},this)])},methods:{handleShowMoreItemsClick(t,e){this.$emit("showmoreitems",{event:t,slot:e})},handleDataAction(t){c.emitDataAction(this,t)},isOtherMonth(t,e){return t.start.getMonth()<e.getMonth()||t.start.getMonth()>e.getMonth()}}});exports.MonthViewBody=m;

package/views/month/MonthViewBody.mjs

@@ -5,11 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as a, createVNode as i } from "vue";
-import { SchedulerEditSlot as d } from "../../slots/SchedulerEditSlot.mjs";
-import { classNames as h } from "@progress/kendo-vue-common";
-import { provideIntlService as u } from "@progress/kendo-vue-intl";
-const S = /* @__PURE__ */ a({
+import { defineComponent as a, createVNode as s } from "vue";
+import { SchedulerEditSlot as h } from "../../slots/SchedulerEditSlot.mjs";
+import { classNames as u } from "@progress/kendo-vue-common";
+import { provideIntlService as m } from "@progress/kendo-vue-intl";
+import { emitDataAction as c } from "../../utils/main.mjs";
+const I = /* @__PURE__ */ a({
   name: "KendoMonthViewBody",
   emits: ["dataaction", "showmoreitems"],
   props: {
@@ -21,7 +22,7 @@ const S = /* @__PURE__ */ a({
     ranges: Array,
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
-    onDataaction: Function,
+    onDataAction: Function,
     onShowmoreitems: Function
   },
   inject: {
@@ -69,14 +70,15 @@ const S = /* @__PURE__ */ a({
     }
   },
   render() {
-    this.intl = u(this);
-    const e = this.$props.editSlot || d, t = this, r = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
-    return i("div", {
+    var i;
+    this.intl = m(this);
+    const e = this.$props.editSlot || ((i = this.ks) == null ? void 0 : i.editSlot) || h, t = this, r = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+    return s("div", {
       class: "k-scheduler-row",
       key: this.rangeIndex
-    }, [this.currentCellSlots.map(function(o, n, s) {
-      return i(e, {
-        className: h({
+    }, [this.currentCellSlots.map(function(o, n, l) {
+      return s(e, {
+        className: u({
           "k-other-month": this.isOtherMonth(o, this.ks.currentDate)
         }),
         slotRender: this.$props.slotRender,
@@ -90,10 +92,10 @@ const S = /* @__PURE__ */ a({
           offsetBottom: t.itemsPerSlot < o.items.length ? 15 : 0
         },
         onDataaction: t.handleDataAction,
-        col: t.ks.orientation === "horizontal" ? s.length * (r || 0) + n : n,
+        col: t.ks.orientation === "horizontal" ? l.length * (r || 0) + n : n,
         row: t.ks.orientation === "horizontal" ? t.rangeIndex : t.ranges.length * (r || 0) + t.rangeIndex,
         editable: t.$props.editable,
-        onShowmoreitems: (l) => t.handleShowMoreItemsClick(l, o)
+        onShowmoreitems: (d) => t.handleShowMoreItemsClick(d, o)
       }, null);
     }, this)]);
   },
@@ -105,7 +107,7 @@ const S = /* @__PURE__ */ a({
       });
     },
     handleDataAction(e) {
-      this.$emit("dataaction", e);
+      c(this, e);
     },
     isOtherMonth(e, t) {
       return e.start.getMonth() < t.getMonth() || e.start.getMonth() > t.getMonth();
@@ -113,5 +115,5 @@ const S = /* @__PURE__ */ a({
   }
 });
 export {
-  S as MonthViewBody
+  I as MonthViewBody
 };

package/views/time/MultiDayTimelineView.d.ts

@@ -240,7 +240,7 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
         type: PropType<boolean | EditableProp>;
         default: boolean;
     };
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
 }>, {}, {
     hasMounted: boolean;
     currentDragItem: any;
@@ -263,7 +263,7 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
     handleDataAction(action: DataAction): void;
     handleDragItemChange(item: any): void;
     handleResizeItemChange(item: any): void;
-}, 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<{
     name: {
         type: PropType<string>;
         default: string;
@@ -359,8 +359,10 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
         type: PropType<boolean | EditableProp>;
         default: boolean;
     };
-    onDataaction: PropType<(action: DataAction) => void>;
-}>> & Readonly<{}>, {
+    onDataAction: PropType<(action: DataAction) => void>;
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+}>, {
     title: string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string);
     name: string;
     step: number;

package/views/time/MultiDayTimelineView.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 n=require("vue"),f=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),D=require("./TimelineViewRowContent.js"),k=require("./TimelineViewAllEventsRowContent.js"),g=require("../common/VerticalResourceIterator.js"),s=require("../../utils/main.js"),T=require("../../services/rangeService.js"),R=require("../../services/slotsService.js"),v=require("../../services/occurrenceService.js"),b=require("../../services/itemsService.js"),I=require("./TimelineViewBody.js"),z=require("../../constants/main.js"),m=require("@progress/kendo-vue-intl"),$=require("../../items/SchedulerEditItem.js"),E=require("../../components/DateHeaderCell.js"),C=require("../../components/TimeHeaderCell.js"),V=require("../../hooks/useRowSync.js"),w=require("../../hooks/useCellSync.js");function y(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const O="t",q=0,N=n.defineComponent({name:"KendoMultiDayTimelineView",props:{name:{type:String,default:"multi-day-timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},showWorkHours:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return M}},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:o.Day.Monday},workWeekEnd:{type:Number,default:o.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},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},onDataaction:Function},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0,rowSyncTimeout:void 0,rowSyncObserver:null}},inject:{ks:{default:null},kendoIntlService:{default:null}},computed:{viewStart(){this.intl=m.provideIntlService(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.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),r=this.intl.parseDate(this.$props.endTime);return this.showWorkHours?t:r},ranges(){return T.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY,timezone:this.ks.timezone})},timelineSlots(){return R.toSlots(this.ks.dateRange,{step:this.slotDuration/this.slotDivisions*o.MS_PER_MINUTE},{groups:this.ks.groups,ranges:this.ranges}).filter(r=>s.isInTimeRange(r.zonedStart,this.viewStart,this.viewEnd)||this.viewStart.getTime()===this.viewEnd.getTime())},occurrences(){return v.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=b.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges}).filter(r=>this.viewStart.getTime()===this.viewEnd.getTime()||s.isInTimeRange(r.zonedStart,this.viewStart,this.viewEnd)||s.isInTimeRange(r.zonedEnd,this.viewStart,this.viewEnd)||s.isInTimeRange(new Date(r.zonedEnd.getTime()-(r.zonedEnd.getTime()-r.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return s.mapItemsToSlots(t,this.timelineSlots,!0),s.mapSlotsToItems(t,this.timelineSlots,!0),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},mounted(){this.timeRef=null,this.bodyRef=null,this.hasMounted=!0,w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),this.scheduleRowSync(),this.observeSlotChanges()},unmounted(){this.rowSyncTimeout!==void 0&&window.cancelAnimationFrame(this.rowSyncTimeout),this.rowSyncObserver&&(this.rowSyncObserver.disconnect(),this.rowSyncObserver=null)},updated(){w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),this.scheduleRowSync()},render(){const t=m.provideIntlService(this),r=this.$props.slotDuration,u=t.parseDate(this.$props.workDayStart),d=t.parseDate(this.$props.workDayEnd),p=[...this.items],a=[...this.timelineSlots],c=(this.ks.orientation==="horizontal"?a.length:a.length/this.ks.groups.length)*(this.$props.columnWidth+z.BORDER_WIDTH),i=[n.createVNode("div",{class:"k-scheduler-row"},[this.ranges.map(function(e,h){return n.createVNode(E.DateHeaderCell,{as:this.$props.dateHeaderCell,key:h,date:e.zonedStart,start:e.start,end:e.end,format:"m"},null)},this)]),n.createVNode("div",{class:"k-scheduler-row",ref:"timeRef"},[this.ranges.map(function(e,h){return a.filter(l=>l.group.index===q&&l.range.index===h).map(function(l){return l.zonedStart.getMinutes()%r===0?n.createVNode(C.TimeHeaderCell,{key:l.index,as:this.$props.timeHeaderCell,format:O,date:l.zonedStart,start:l.zonedStart,end:l.zonedEnd},null):null},this)},this)])];return n.createVNode(f.BaseView,{id:this.$props.id,class:"k-scheduler-timelineview",viewProps:{...this.$props},baseSlots:a,ranges:this.ranges},{default:()=>[n.createVNode("div",{class:"k-scheduler-head",style:{width:c+"px"}},[this.ks.orientation==="horizontal"?n.createVNode(S.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:D.TimelineViewRowContent},y(i)?i:{default:()=>[i]}):n.createVNode(g.VerticalResourceIterator,{wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,editable:this.$props.editable},y(i)?i:{default:()=>[i]})]),n.createVNode("div",{class:"k-scheduler-body",style:{width:c+"px"},ref:"bodyRef"},[this.ks.orientation==="horizontal"?n.createVNode(S.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:k.TimelineViewAllEventsRowContent},{default:()=>[n.createVNode(I.TimelineViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,ranges:this.ranges,workDayStart:u,workDayEnd:d,timelineSlots:a,onDataaction:this.handleDataAction},null)]}):n.createVNode(g.VerticalResourceIterator,{nested:!0,wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{ranges:this.ranges,workDayStart:u,workDayEnd:d,timelineSlots:a,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},null),this.hasMounted&&p.sort(s.orderSort).map(function(e){return n.createVNode($.SchedulerEditItem,{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,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,readonly:e.readonly,format:"t",form:this.$props.form,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this)])]})},methods:{scheduleRowSync(){this.rowSyncTimeout!==void 0&&window.cancelAnimationFrame(this.rowSyncTimeout),this.rowSyncTimeout=window.requestAnimationFrame(()=>{this.rowSyncTimeout=window.requestAnimationFrame(()=>{this.runRowSync()})})},runRowSync(){const t=this.$el?this.$el.closest(".k-scheduler-layout"):null;t&&V.useRowSync({element:t,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell"})},observeSlotChanges(){const t=this.$el?this.$el.querySelector(".k-scheduler-body"):null;t&&(this.rowSyncObserver=new MutationObserver(r=>{r.some(d=>d.target instanceof HTMLElement&&d.target.classList.contains("k-slot-cell"))&&this.scheduleRowSync()}),this.rowSyncObserver.observe(t,{attributes:!0,attributeFilter:["style"],subtree:!0}))},handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),M=({date:t,numberOfDays:r=1,timezone:u})=>{const d=o.ZonedDate.fromLocalDate(t,u),p=o.getDate(d),a=o.addDays(p,r),c=o.ZonedDate.fromUTCDate(s.toUTCDateTime(p),u),i=o.ZonedDate.fromUTCDate(s.toUTCDateTime(a),u),e=new Date(c.getTime()),h=new Date(i.getTime());return{start:e,end:h,zonedStart:c,zonedEnd:i}};exports.MultiDayTimelineView=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),D=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),k=require("./TimelineViewRowContent.js"),b=require("./TimelineViewAllEventsRowContent.js"),g=require("../common/VerticalResourceIterator.js"),c=require("../../utils/main.js"),R=require("../../services/rangeService.js"),T=require("../../services/slotsService.js"),v=require("../../services/occurrenceService.js"),y=require("../../services/itemsService.js"),I=require("./TimelineViewBody.js"),z=require("../../constants/main.js"),m=require("@progress/kendo-vue-intl"),$=require("../../items/SchedulerEditItem.js"),E=require("../../components/DateHeaderCell.js"),C=require("../../components/TimeHeaderCell.js"),V=require("../../hooks/useRowSync.js"),w=require("../../hooks/useCellSync.js");function f(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const O="t",q=0,N=r.defineComponent({name:"KendoMultiDayTimelineView",emits:["dataaction"],props:{name:{type:String,default:"multi-day-timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},showWorkHours:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return M}},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:s.Day.Monday},workWeekEnd:{type:Number,default:s.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},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},onDataAction:Function},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0,rowSyncTimeout:void 0,rowSyncObserver:null}},inject:{ks:{default:null},kendoIntlService:{default:null}},computed:{viewStart(){this.intl=m.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),n=this.intl.parseDate(this.$props.startTime);return this.showWorkHours?t:n},viewEnd(){this.intl=m.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),n=this.intl.parseDate(this.$props.endTime);return this.showWorkHours?t:n},ranges(){return R.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY,timezone:this.ks.timezone})},timelineSlots(){return T.toSlots(this.ks.dateRange,{step:this.slotDuration/this.slotDivisions*s.MS_PER_MINUTE},{groups:this.ks.groups,ranges:this.ranges}).filter(n=>c.isInTimeRange(n.zonedStart,this.viewStart,this.viewEnd)||this.viewStart.getTime()===this.viewEnd.getTime())},occurrences(){return v.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=y.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges}).filter(n=>y.inTimeRange(n,this.viewStart,this.viewEnd));return c.mapItemsToSlots(t,this.timelineSlots,!0),c.mapSlotsToItems(t,this.timelineSlots,!0),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},mounted(){this.timeRef=null,this.bodyRef=null,this.hasMounted=!0,w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),this.scheduleRowSync(),this.observeSlotChanges()},unmounted(){this.rowSyncTimeout!==void 0&&window.cancelAnimationFrame(this.rowSyncTimeout),this.rowSyncObserver&&(this.rowSyncObserver.disconnect(),this.rowSyncObserver=null)},updated(){w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),this.scheduleRowSync()},render(){const t=m.provideIntlService(this),n=this.$props.slotDuration,l=t.parseDate(this.$props.workDayStart),u=t.parseDate(this.$props.workDayEnd),p=[...this.items],o=[...this.timelineSlots],d=(this.ks.orientation==="horizontal"?o.length:o.length/this.ks.groups.length)*(this.$props.columnWidth+z.BORDER_WIDTH),i=[r.createVNode("div",{class:"k-scheduler-row"},[this.ranges.map(function(e,h){return r.createVNode(E.DateHeaderCell,{as:this.$props.dateHeaderCell,key:h,date:e.zonedStart,start:e.start,end:e.end,format:"m"},null)},this)]),r.createVNode("div",{class:"k-scheduler-row",ref:"timeRef"},[this.ranges.map(function(e,h){return o.filter(a=>a.group.index===q&&a.range.index===h).map(function(a){return a.zonedStart.getMinutes()%n===0?r.createVNode(C.TimeHeaderCell,{key:a.index,as:this.$props.timeHeaderCell,format:O,date:a.zonedStart,start:a.zonedStart,end:a.zonedEnd},null):null},this)},this)])];return r.createVNode(D.BaseView,{id:this.$props.id,class:"k-scheduler-timelineview",viewProps:{...this.$props},baseSlots:o,ranges:this.ranges},{default:()=>[r.createVNode("div",{class:"k-scheduler-head",style:{width:d+"px"}},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:k.TimelineViewRowContent},f(i)?i:{default:()=>[i]}):r.createVNode(g.VerticalResourceIterator,{wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,editable:this.$props.editable},f(i)?i:{default:()=>[i]})]),r.createVNode("div",{class:"k-scheduler-body",style:{width:d+"px"},ref:"bodyRef"},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:b.TimelineViewAllEventsRowContent},{default:()=>[r.createVNode(I.TimelineViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,ranges:this.ranges,workDayStart:l,workDayEnd:u,timelineSlots:o,onDataaction:this.handleDataAction},null)]}):r.createVNode(g.VerticalResourceIterator,{nested:!0,wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{ranges:this.ranges,workDayStart:l,workDayEnd:u,timelineSlots:o,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},null),this.hasMounted&&p.sort(c.orderSort).map(function(e){return r.createVNode($.SchedulerEditItem,{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,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,readonly:e.readonly,format:"t",form:this.$props.form,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this)])]})},methods:{scheduleRowSync(){this.rowSyncTimeout!==void 0&&window.cancelAnimationFrame(this.rowSyncTimeout),this.rowSyncTimeout=window.requestAnimationFrame(()=>{this.rowSyncTimeout=window.requestAnimationFrame(()=>{this.runRowSync()})})},runRowSync(){const t=this.$el?this.$el.closest(".k-scheduler-layout"):null;t&&V.useRowSync({element:t,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell"})},observeSlotChanges(){const t=this.$el?this.$el.querySelector(".k-scheduler-body"):null;t&&(this.rowSyncObserver=new MutationObserver(n=>{n.some(u=>u.target instanceof HTMLElement&&u.target.classList.contains("k-slot-cell"))&&this.scheduleRowSync()}),this.rowSyncObserver.observe(t,{attributes:!0,attributeFilter:["style"],subtree:!0}))},handleDataAction(t){c.emitDataAction(this,t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),M=({date:t,numberOfDays:n=1,timezone:l})=>{const u=s.ZonedDate.fromLocalDate(t,l),p=s.getDate(u),o=s.addDays(p,n),d=s.ZonedDate.fromUTCDate(c.toUTCDateTime(p),l),i=s.ZonedDate.fromUTCDate(c.toUTCDateTime(o),l),e=new Date(d.getTime()),h=new Date(i.getTime());return{start:e,end:h,zonedStart:d,zonedEnd:i}};exports.MultiDayTimelineView=N;