@progress/kendo-vue-scheduler 9.3.0-develop.4 → 9.3.0-develop.6

package/views/month/MonthView.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 t=require("vue"),R=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),g=require("../common/VerticalResourceIterator.js"),I=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),p=require("../../messages/main.js"),y=require("../../slots/SchedulerEditSlot.js"),m=require("@progress/kendo-vue-intl"),z=require("../../constants/main.js"),$=require("../../services/rangeService.js"),v=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),b=require("./MonthViewBody.js"),w=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),D=require("../common/SchedulerDrag.js"),N=t.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return q}},slotDuration:{type:Number,default:1440},slotDivisions:{type:Number,default:1},numberOfDays:{type:Number,default:31},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},title:String,selectedDateFormat:{type:String,default:"{0:Y}"},selectedShortDateFormat:{type:String,default:"{0:Y}"},dateHeaderCell:[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}},inject:{ks:{default:{}},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=m.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},computed:{ranges(){return $.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY*z.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return v.toSlots(this.ks.dateRange,{step:s.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const r=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(r,this.monthSlots,!0),a.mapSlotsToItems(r,this.monthSlots,!0),r},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=m.provideLocalizationService(this),this.localization.toLanguageString(p.monthViewTitle,p.messages[p.monthViewTitle]);const r=this.$props.editItem||w.SchedulerEditItem;this.$props.editSlot||y.SchedulerEditSlot;const c=this.items,o=this.monthSlots,l=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(i,h){return t.createVNode(D.SchedulerDrag,{key:h,ignoreIsAllDay:!0,dataItem:i,vertical:e,item:this.$props.dataItem},null)},this):t.createVNode(D.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},u=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(i,h){return t.createVNode(f.SchedulerResize,{key:h,format:this.$props.format,ignoreIsAllDay:!0,dataItem:i,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):t.createVNode(f.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};this.intl=m.provideIntlService(this);const n=this.$props.itemsPerSlot,d=this.ks.orientation==="horizontal"?this.ranges.map(function(e,i){return t.createVNode(I.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(b.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:i,itemsPerSlot:n,onDataaction:this.handleDataAction},null)]})},this):t.createVNode(g.VerticalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group,onDataaction:this.handleDataAction,more:{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,ranges:this.ranges,itemsPerSlot:n,editable:this.$props.editable}},null);return t.createVNode(R.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[t.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?t.createVNode(I.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):t.createVNode(g.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),t.createVNode("div",{class:"k-scheduler-body"},[d,this.hasMounted&&c.filter(e=>e.order===null||e.order<n).sort(a.orderSort).map(function(e){return t.createVNode(r,{item:this.$props.item,viewItem:this.$props.viewItem,form:this.$props.form,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,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this),this.compDragItem&&l.call(this,!1),this.compResizeItem&&u.call(this,!1)])]})},methods:{handleDataAction(r){this.$emit("dataaction",r)},handleDragItemChange(r){this.currentDragItem=r},handleResizeItemChange(r){this.currentResizeItem=r}}}),q=({intl:r,date:c,timezone:o})=>{const l=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),r.firstDay()),u=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),r.firstDay()),z.DAYS_IN_WEEK_COUNT),n=s.ZonedDate.fromUTCDate(a.toUTCDateTime(l),o),d=s.ZonedDate.fromUTCDate(a.toUTCDateTime(u),o),e=new Date(n.getTime()),i=new Date(d.getTime());return{start:e,end:i,zonedStart:n,zonedEnd:d}};exports.MonthView=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),f=require("../../components/BaseView.js"),n=require("@progress/kendo-date-math"),u=require("../common/VerticalResourceIterator.js"),p=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),d=require("../../messages/main.js"),I=require("../../slots/SchedulerEditSlot.js"),h=require("@progress/kendo-vue-intl"),g=require("../../constants/main.js"),D=require("../../services/rangeService.js"),w=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),y=require("../../services/itemsService.js"),m=require("./MonthViewHead.js"),z=require("./MonthViewBody.js"),R=require("../../components/MoreEventsPopover.js"),V=require("../../items/SchedulerEditItem.js"),b=o.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return $}},slotDuration:{type:Number,default:1440},slotDivisions:{type:Number,default:1},numberOfDays:{type:Number,default:31},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},title:String,selectedDateFormat:{type:String,default:"{0:Y}"},selectedShortDateFormat:{type:String,default:"{0:y}"},dateHeaderCell:[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}},inject:{ks:{default:{}},setActiveDate:{default:null},setActiveViewName:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=h.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0,popoverShow:!1,popoverAnchor:null,popoverSlot:null}},computed:{ranges(){return D.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*g.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return w.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.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});return a.mapItemsToSlots(t,this.monthSlots,!0),a.mapSlotsToItems(t,this.monthSlots,!0),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=h.provideLocalizationService(this),this.localization.toLanguageString(d.monthViewTitle,d.messages[d.monthViewTitle]);const t=this.$props.editItem||V.SchedulerEditItem;this.$props.editSlot||I.SchedulerEditSlot;const i=this.items,r=this.monthSlots;this.intl=h.provideIntlService(this);const s=this.$props.itemsPerSlot,c=this.ks.orientation==="horizontal"?this.ranges.map(function(e,l){return o.createVNode(p.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[o.createVNode(z.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:r,rangeIndex:l,itemsPerSlot:s,onDataaction:this.handleDataAction,onShowmoreitems:this.handleShowMoreItemsClick},null)]})},this):o.createVNode(u.VerticalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group,onDataaction:this.handleDataAction,more:{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:r,ranges:this.ranges,itemsPerSlot:s,editable:this.$props.editable,onShowmoreitems:this.handleShowMoreItemsClick}},null);return o.createVNode(f.BaseView,{viewProps:{...this.$props},baseSlots:r,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[o.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?o.createVNode(p.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[o.createVNode(m.MonthViewHead,{monthSlots:r,dateHeaderCell:this.$props.dateHeaderCell},null)]}):o.createVNode(u.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[o.createVNode(m.MonthViewHead,{monthSlots:r,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),o.createVNode("div",{class:"k-scheduler-body"},[c,this.hasMounted&&i.filter(e=>e.order===null||e.order<s).sort(a.orderSort).map(function(e){return o.createVNode(t,{item:this.$props.item,viewItem:this.$props.viewItem,form:this.$props.form,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,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this)]),o.createVNode(R.MoreEventsPopover,{show:this.popoverShow,anchor:this.popoverAnchor,slot:this.popoverSlot,items:i,itemsPerSlot:s,onDayclick:this.handlePopoverDayClick,onClose:this.handlePopoverClose},null)]})},methods:{handleShowMoreItemsClick({event:t,slot:i}){var s;const r=((s=t.target)==null?void 0:s.element)||null;if(this.popoverShow&&this.popoverAnchor===r){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null;return}this.popoverShow=!0,this.popoverAnchor=r,this.popoverSlot=i||null},handlePopoverClose(){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null},handlePopoverDayClick(t){const r=this.ks.views.find(s=>s.name==="day");!this.setActiveViewName||!r||!r.name||(this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null,this.$nextTick(()=>{this.setActiveViewName(r.name),this.setActiveDate(t.start)}))},handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),$=({intl:t,date:i,timezone:r})=>{const s=n.firstDayInWeek(n.firstDayOfMonth(n.getDate(i)),t.firstDay()),c=n.addDays(n.firstDayInWeek(n.lastDayOfMonth(n.getDate(i)),t.firstDay()),g.DAYS_IN_WEEK_COUNT),e=n.ZonedDate.fromUTCDate(a.toUTCDateTime(s),r),l=n.ZonedDate.fromUTCDate(a.toUTCDateTime(c),r),S=new Date(e.getTime()),v=new Date(l.getTime());return{start:S,end:v,zonedStart:e,zonedEnd:l}};exports.MonthView=b;

package/views/month/MonthView.mjs

@@ -5,26 +5,25 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, createVNode as t } from "vue";
-import { BaseView as b } from "../../components/BaseView.mjs";
-import { firstDayInWeek as c, firstDayOfMonth as v, getDate as m, addDays as w, lastDayOfMonth as A, ZonedDate as p, MS_PER_DAY as h } from "@progress/kendo-date-math";
-import { VerticalResourceIterator as g } from "../common/VerticalResourceIterator.mjs";
-import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
-import { orderSort as C, mapItemsToSlots as O, mapSlotsToItems as T, toUTCDateTime as I } from "../../utils/main.mjs";
-import { monthViewTitle as S, messages as E } from "../../messages/main.mjs";
-import { SchedulerEditSlot as j } from "../../slots/SchedulerEditSlot.mjs";
-import { provideLocalizationService as x, provideIntlService as D } from "@progress/kendo-vue-intl";
-import { DAYS_IN_WEEK_COUNT as $ } from "../../constants/main.mjs";
-import { toRanges as M } from "../../services/rangeService.mjs";
-import { toSlots as F } from "../../services/slotsService.mjs";
-import { toOccurrences as V } from "../../services/occurrenceService.mjs";
-import { toItems as H } from "../../services/itemsService.mjs";
-import { MonthViewHead as z } from "./MonthViewHead.mjs";
-import { MonthViewBody as N } from "./MonthViewBody.mjs";
-import { SchedulerEditItem as P } from "../../items/SchedulerEditItem.mjs";
-import { SchedulerResize as y } from "../common/SchedulerResize.mjs";
-import { SchedulerDrag as R } from "../common/SchedulerDrag.mjs";
-const ae = /* @__PURE__ */ k({
+import { defineComponent as w, createVNode as r } from "vue";
+import { BaseView as k } from "../../components/BaseView.mjs";
+import { firstDayInWeek as l, firstDayOfMonth as y, getDate as h, addDays as z, lastDayOfMonth as R, ZonedDate as d, MS_PER_DAY as p } from "@progress/kendo-date-math";
+import { VerticalResourceIterator as u } from "../common/VerticalResourceIterator.mjs";
+import { HorizontalResourceIterator as c } from "../common/HorizontalResourceIterator.mjs";
+import { orderSort as b, mapItemsToSlots as $, mapSlotsToItems as C, toUTCDateTime as m } from "../../utils/main.mjs";
+import { monthViewTitle as g, messages as A } from "../../messages/main.mjs";
+import { SchedulerEditSlot as O } from "../../slots/SchedulerEditSlot.mjs";
+import { provideLocalizationService as T, provideIntlService as f } from "@progress/kendo-vue-intl";
+import { DAYS_IN_WEEK_COUNT as v } from "../../constants/main.mjs";
+import { toRanges as E } from "../../services/rangeService.mjs";
+import { toSlots as M } from "../../services/slotsService.mjs";
+import { toOccurrences as P } from "../../services/occurrenceService.mjs";
+import { toItems as V } from "../../services/itemsService.mjs";
+import { MonthViewHead as S } from "./MonthViewHead.mjs";
+import { MonthViewBody as j } from "./MonthViewBody.mjs";
+import { MoreEventsPopover as x } from "../../components/MoreEventsPopover.mjs";
+import { SchedulerEditItem as N } from "../../items/SchedulerEditItem.mjs";
+const se = /* @__PURE__ */ w({
   name: "KendoMonthView",
   props: {
     itemsPerSlot: {
@@ -38,7 +37,7 @@ const ae = /* @__PURE__ */ k({
     dateRange: {
       type: [Function, Object],
       default: function() {
-        return _;
+        return F;
       }
     },
     slotDuration: {
@@ -70,7 +69,7 @@ const ae = /* @__PURE__ */ k({
     },
     selectedShortDateFormat: {
       type: String,
-      default: "{0:Y}"
+      default: "{0:y}"
     },
     dateHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
@@ -87,6 +86,12 @@ const ae = /* @__PURE__ */ k({
     ks: {
       default: {}
     },
+    setActiveDate: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
     kendoLocalizationService: {
       default: null
     },
@@ -95,7 +100,7 @@ const ae = /* @__PURE__ */ k({
     }
   },
   created() {
-    this.intl = D(this);
+    this.intl = f(this);
   },
   mounted() {
     this.hasMounted = !0;
@@ -104,39 +109,42 @@ const ae = /* @__PURE__ */ k({
     return {
       hasMounted: !1,
       currentDragItem: void 0,
-      currentResizeItem: void 0
+      currentResizeItem: void 0,
+      popoverShow: !1,
+      popoverAnchor: null,
+      popoverSlot: null
     };
   },
   computed: {
     ranges() {
-      return M(this.ks.dateRange, {
-        step: h * $,
+      return E(this.ks.dateRange, {
+        step: p * v,
         timezone: this.ks.timezone
       });
     },
     monthSlots() {
-      return F(this.ks.dateRange, {
-        step: h
+      return M(this.ks.dateRange, {
+        step: p
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
     },
     occurrences() {
-      return V(this.ks.dataItems, {
+      return P(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
     items() {
-      const r = H(this.occurrences, {
+      const t = V(this.occurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
-      return O(r, this.monthSlots, !0), T(r, this.monthSlots, !0), r;
+      return $(t, this.monthSlots, !0), C(t, this.monthSlots, !0), t;
     },
     compDragItem() {
       return this.dragItem !== void 0 ? this.dragItem : this.currentDragItem;
@@ -146,61 +154,28 @@ const ae = /* @__PURE__ */ k({
     }
   },
   render() {
-    this.localization = x(this), this.localization.toLanguageString(S, E[S]);
-    const r = this.$props.editItem || P;
-    this.$props.editSlot || j;
-    const n = this.items, s = this.monthSlots, l = function(e) {
-      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function(o, u) {
-        return t(R, {
-          key: u,
-          ignoreIsAllDay: !0,
-          dataItem: o,
-          vertical: e,
-          item: this.$props.dataItem
-        }, null);
-      }, this) : t(R, {
-        ignoreIsAllDay: !0,
-        dataItem: this.compDragItem,
-        vertical: e,
-        item: this.$props.dataItem
-      }, null));
-    }, d = function(e) {
-      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function(o, u) {
-        return t(y, {
-          key: u,
-          format: this.$props.format,
-          ignoreIsAllDay: !0,
-          dataItem: o,
-          viewItem: this.$props.viewItem,
-          item: this.$props.item,
-          vertical: e
-        }, null);
-      }, this) : t(y, {
-        format: this.$props.format,
-        ignoreIsAllDay: !0,
-        dataItem: this.compResizeItem,
-        viewItem: this.$props.viewItem,
-        item: this.$props.item,
-        vertical: e
-      }, null));
-    };
-    this.intl = D(this);
-    const i = this.$props.itemsPerSlot, a = this.ks.orientation === "horizontal" ? this.ranges.map(function(e, o) {
-      return t(f, {
+    this.localization = T(this), this.localization.toLanguageString(g, A[g]);
+    const t = this.$props.editItem || N;
+    this.$props.editSlot || O;
+    const n = this.items, o = this.monthSlots;
+    this.intl = f(this);
+    const s = this.$props.itemsPerSlot, a = this.ks.orientation === "horizontal" ? this.ranges.map(function(e, i) {
+      return r(c, {
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [t(N, {
+        default: () => [r(j, {
           editable: this.$props.editable,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
-          monthSlots: s,
-          rangeIndex: o,
-          itemsPerSlot: i,
-          onDataaction: this.handleDataAction
+          monthSlots: o,
+          rangeIndex: i,
+          itemsPerSlot: s,
+          onDataaction: this.handleDataAction,
+          onShowmoreitems: this.handleShowMoreItemsClick
         }, null)]
       });
-    }, this) : t(g, {
+    }, this) : r(u, {
       nested: !0,
       resources: this.ks.props.resources,
       group: this.ks.props.group,
@@ -208,43 +183,44 @@ const ae = /* @__PURE__ */ k({
       more: {
         slotRender: this.$props.slotRender,
         viewSlot: this.$props.viewSlot,
-        monthSlots: s,
+        monthSlots: o,
         ranges: this.ranges,
-        itemsPerSlot: i,
-        editable: this.$props.editable
+        itemsPerSlot: s,
+        editable: this.$props.editable,
+        onShowmoreitems: this.handleShowMoreItemsClick
       }
     }, null);
-    return t(b, {
+    return r(k, {
       viewProps: {
         ...this.$props
       },
-      baseSlots: s,
+      baseSlots: o,
       ranges: this.ranges,
       class: "k-scheduler-monthview"
     }, {
-      default: () => [t("div", {
+      default: () => [r("div", {
         class: "k-scheduler-head"
-      }, [this.ks.orientation === "horizontal" ? t(f, {
+      }, [this.ks.orientation === "horizontal" ? r(c, {
         nested: !0,
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [t(z, {
-          monthSlots: s,
+        default: () => [r(S, {
+          monthSlots: o,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      }) : t(g, {
+      }) : r(u, {
         resources: this.ks.props.resources,
         group: this.ks.props.group
       }, {
-        default: () => [t(z, {
-          monthSlots: s,
+        default: () => [r(S, {
+          monthSlots: o,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      })]), t("div", {
+      })]), r("div", {
         class: "k-scheduler-body"
-      }, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < i).sort(C).map(function(e) {
-        return t(r, {
+      }, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < s).sort(b).map(function(e) {
+        return r(t, {
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           form: this.$props.form,
@@ -274,6 +250,7 @@ const ae = /* @__PURE__ */ k({
           range: e.range,
           isException: e.isException,
           isRecurring: e.isRecurring,
+          readonly: e.readonly,
           onDragitemchange: this.handleDragItemChange,
           onResizeitemchange: this.handleResizeItemChange,
           onDataaction: this.handleDataAction,
@@ -281,33 +258,62 @@ const ae = /* @__PURE__ */ k({
           editable: this.$props.editable,
           ignoreIsAllDay: !0
         }, null);
-      }, this), this.compDragItem && l.call(this, !1), this.compResizeItem && d.call(this, !1)])]
+      }, this)]), r(x, {
+        show: this.popoverShow,
+        anchor: this.popoverAnchor,
+        slot: this.popoverSlot,
+        items: n,
+        itemsPerSlot: s,
+        onDayclick: this.handlePopoverDayClick,
+        onClose: this.handlePopoverClose
+      }, null)]
     });
   },
   methods: {
-    handleDataAction(r) {
-      this.$emit("dataaction", r);
+    handleShowMoreItemsClick({
+      event: t,
+      slot: n
+    }) {
+      var s;
+      const o = ((s = t.target) == null ? void 0 : s.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;
+    },
+    handlePopoverClose() {
+      this.popoverShow = !1, this.popoverAnchor = null, this.popoverSlot = null;
+    },
+    handlePopoverDayClick(t) {
+      const o = this.ks.views.find((s) => s.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);
     },
-    handleDragItemChange(r) {
-      this.currentDragItem = r;
+    handleDragItemChange(t) {
+      this.currentDragItem = t;
     },
-    handleResizeItemChange(r) {
-      this.currentResizeItem = r;
+    handleResizeItemChange(t) {
+      this.currentResizeItem = t;
     }
   }
-}), _ = ({
-  intl: r,
+}), F = ({
+  intl: t,
   date: n,
-  timezone: s
+  timezone: o
 }) => {
-  const l = c(v(m(n)), r.firstDay()), d = w(c(A(m(n)), r.firstDay()), $), i = p.fromUTCDate(I(l), s), a = p.fromUTCDate(I(d), s), e = new Date(i.getTime()), o = new Date(a.getTime());
+  const s = l(y(h(n)), t.firstDay()), a = z(l(R(h(n)), t.firstDay()), v), e = d.fromUTCDate(m(s), o), i = d.fromUTCDate(m(a), o), D = new Date(e.getTime()), I = new Date(i.getTime());
   return {
-    start: e,
-    end: o,
-    zonedStart: i,
-    zonedEnd: a
+    start: D,
+    end: I,
+    zonedStart: e,
+    zonedEnd: i
   };
 };
 export {
-  ae as MonthView
+  se as MonthView
 };

package/views/month/MonthViewBody.d.ts

@@ -31,6 +31,7 @@ declare const MonthViewBody: import('vue').DefineComponent<import('vue').Extract
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
     onDataaction: PropType<(action: DataAction) => void>;
+    onShowmoreitems: PropType<(event: any) => void>;
 }>, {}, {
     ksSlots: {
         cSlots: any[];
@@ -41,7 +42,7 @@ declare const MonthViewBody: import('vue').DefineComponent<import('vue').Extract
     handleShowMoreItemsClick(event: ShowMoreItemsButtonMouseEvent, slot: any): void;
     handleDataAction(action: DataAction): void;
     isOtherMonth(slot: any, currentDate: Date): boolean;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("showmoreitems" | "dataaction")[], "showmoreitems" | "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     editable: PropType<boolean | object>;
     groupIndex: PropType<number>;
     rangeIndex: PropType<number>;
@@ -51,7 +52,11 @@ declare const MonthViewBody: import('vue').DefineComponent<import('vue').Extract
     slotRender: PropType<any>;
     viewSlot: PropType<any>;
     onDataaction: PropType<(action: DataAction) => void>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, () => {
+    onShowmoreitems: PropType<(event: any) => void>;
+}>> & Readonly<{
+    onShowmoreitems?: (...args: any[]) => any;
+    onDataaction?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, () => {
     ksSlots: any;
 }, true, {}, any>;
 export { MonthViewBody };

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 i=require("vue"),a=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-common"),h=require("@progress/kendo-vue-intl"),u=i.defineComponent({name:"KendoMonthViewBody",props:{editable:[Object,Boolean],groupIndex:Number,rangeIndex:Number,itemsPerSlot:Number,monthSlots:Array,ranges:Array,slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataaction: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||a.SchedulerEditSlot,e=this,n=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return i.createVNode("div",{class:"k-scheduler-row",key:this.rangeIndex},[this.currentCellSlots.map(function(o,r,s){return i.createVNode(t,{className:d.classNames({"k-other-month":this.isOtherMonth(o,this.ks.currentDate)}),slotRender:this.$props.slotRender,viewSlot:e.$props.viewSlot,form:e.$props.form,index:r,navDay:!0,itemsPerSlot:e.itemsPerSlot,expandable:{offsetTop:30,offsetBottom:e.itemsPerSlot<o.items.length?15:0},onDataaction:e.handleDataAction,col:e.ks.orientation==="horizontal"?s.length*(n||0)+r:r,row:e.ks.orientation==="horizontal"?e.rangeIndex:e.ranges.length*(n||0)+e.rangeIndex,editable:e.$props.editable,onShowmoreitems:l=>e.handleShowMoreItemsClick(l,o)},null)},this)])},methods:{handleShowMoreItemsClick(t,e){const n=this.ks.views.find(o=>o.name==="day");!this.setActiveViewName||!n||!n.name||!e||(this.setActiveViewName(n.name,t),this.setActiveDate(e.start,t))},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"),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;

package/views/month/MonthViewBody.mjs

@@ -5,12 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, createVNode as i } from "vue";
+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__ */ l({
+const S = /* @__PURE__ */ a({
   name: "KendoMonthViewBody",
+  emits: ["dataaction", "showmoreitems"],
   props: {
     editable: [Object, Boolean],
     groupIndex: Number,
@@ -20,7 +21,8 @@ const S = /* @__PURE__ */ l({
     ranges: Array,
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
-    onDataaction: Function
+    onDataaction: Function,
+    onShowmoreitems: Function
   },
   inject: {
     ri: {
@@ -68,11 +70,11 @@ const S = /* @__PURE__ */ l({
   },
   render() {
     this.intl = u(this);
-    const e = this.$props.editSlot || d, t = this, n = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+    const e = this.$props.editSlot || d, t = this, r = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
     return i("div", {
       class: "k-scheduler-row",
       key: this.rangeIndex
-    }, [this.currentCellSlots.map(function(o, r, s) {
+    }, [this.currentCellSlots.map(function(o, n, s) {
       return i(e, {
         className: h({
           "k-other-month": this.isOtherMonth(o, this.ks.currentDate)
@@ -80,7 +82,7 @@ const S = /* @__PURE__ */ l({
         slotRender: this.$props.slotRender,
         viewSlot: t.$props.viewSlot,
         form: t.$props.form,
-        index: r,
+        index: n,
         navDay: !0,
         itemsPerSlot: t.itemsPerSlot,
         expandable: {
@@ -88,17 +90,19 @@ const S = /* @__PURE__ */ l({
           offsetBottom: t.itemsPerSlot < o.items.length ? 15 : 0
         },
         onDataaction: t.handleDataAction,
-        col: t.ks.orientation === "horizontal" ? s.length * (n || 0) + r : r,
-        row: t.ks.orientation === "horizontal" ? t.rangeIndex : t.ranges.length * (n || 0) + t.rangeIndex,
+        col: t.ks.orientation === "horizontal" ? s.length * (r || 0) + n : n,
+        row: t.ks.orientation === "horizontal" ? t.rangeIndex : t.ranges.length * (r || 0) + t.rangeIndex,
         editable: t.$props.editable,
-        onShowmoreitems: (a) => t.handleShowMoreItemsClick(a, o)
+        onShowmoreitems: (l) => t.handleShowMoreItemsClick(l, o)
       }, null);
     }, this)]);
   },
   methods: {
     handleShowMoreItemsClick(e, t) {
-      const n = this.ks.views.find((o) => o.name === "day");
-      !this.setActiveViewName || !n || !n.name || !t || (this.setActiveViewName(n.name, e), this.setActiveDate(t.start, e));
+      this.$emit("showmoreitems", {
+        event: e,
+        slot: t
+      });
     },
     handleDataAction(e) {
       this.$emit("dataaction", e);

package/views/time/MultiDayTimelineView.d.ts

@@ -245,6 +245,8 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
     hasMounted: boolean;
     currentDragItem: any;
     currentResizeItem: any;
+    rowSyncTimeout: any;
+    rowSyncObserver: any;
 }, {
     viewStart(): any;
     viewEnd(): any;
@@ -255,6 +257,9 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
     compDragItem(): any;
     compResizeItem(): any;
 }, {
+    scheduleRowSync(): void;
+    runRowSync(): void;
+    observeSlotChanges(): void;
     handleDataAction(action: DataAction): void;
     handleDragItemChange(item: any): void;
     handleResizeItemChange(item: any): void;

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 r=require("vue"),z=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),T=require("./TimelineViewRowContent.js"),v=require("./TimelineViewAllEventsRowContent.js"),f=require("../common/VerticalResourceIterator.js"),n=require("../../utils/main.js"),$=require("../../services/rangeService.js"),b=require("../../services/slotsService.js"),E=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),C=require("./TimelineViewBody.js"),N=require("../../constants/main.js"),D=require("@progress/kendo-vue-intl"),q=require("../../items/SchedulerEditItem.js"),y=require("../common/SchedulerResize.js"),I=require("../common/SchedulerDrag.js"),A=require("../../components/DateHeaderCell.js"),M=require("../../components/TimeHeaderCell.js"),w=require("../../hooks/useCellSync.js"),k=require("../../hooks/useRowSync.js");function R(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const O="t",x=0,H=r.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 j}},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},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}},inject:{ks:{default:null},kendoIntlService:{default:null}},computed:{viewStart(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),i=this.intl.parseDate(this.$props.startTime);return this.showWorkHours?t:i},viewEnd(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),i=this.intl.parseDate(this.$props.endTime);return this.showWorkHours?t:i},ranges(){return $.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY,timezone:this.ks.timezone})},timelineSlots(){return b.toSlots(this.ks.dateRange,{step:this.slotDuration/this.slotDivisions*o.MS_PER_MINUTE},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||this.viewStart.getTime()===this.viewEnd.getTime())},occurrences(){return E.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>this.viewStart.getTime()===this.viewEnd.getTime()||n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||n.isInTimeRange(i.zonedEnd,this.viewStart,this.viewEnd)||n.isInTimeRange(new Date(i.zonedEnd.getTime()-(i.zonedEnd.getTime()-i.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return n.mapItemsToSlots(t,this.timelineSlots,!0),n.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}),k.useRowSync({element:this.$el})},updated(){w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),k.useRowSync({element:this.$el})},render(){const t=D.provideIntlService(this),i=this.$props.slotDuration,u=t.parseDate(this.$props.workDayStart),h=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+N.BORDER_WIDTH),m=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(d,s){return r.createVNode(I.SchedulerDrag,{key:s,ignoreIsAllDay:!0,dataItem:d,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode(I.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},g=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(d,s){return r.createVNode(y.SchedulerResize,{key:s,format:this.$props.format,ignoreIsAllDay:!0,dataItem:d,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(y.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))},l=[r.createVNode("div",{class:"k-scheduler-row"},[this.ranges.map(function(e,d){return r.createVNode(A.DateHeaderCell,{as:this.$props.dateHeaderCell,key:d,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,d){return a.filter(s=>s.group.index===x&&s.range.index===d).map(function(s){return s.zonedStart.getMinutes()%i===0?r.createVNode(M.TimeHeaderCell,{key:s.index,as:this.$props.timeHeaderCell,format:O,date:s.zonedStart,start:s.zonedStart,end:s.zonedEnd},null):null},this)},this)])];return r.createVNode(z.BaseView,{id:this.$props.id,class:"k-scheduler-timeline-view",viewProps:{...this.$props},baseSlots:a,ranges:this.ranges},{default:()=>[r.createVNode("div",{class:"k-scheduler-head",style:{width:c+"px"}},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:T.TimelineViewRowContent},R(l)?l:{default:()=>[l]}):r.createVNode(f.VerticalResourceIterator,{wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,editable:this.$props.editable},R(l)?l:{default:()=>[l]})]),r.createVNode("div",{class:"k-scheduler-body",style:{width:c+"px"},ref:"bodyRef"},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:v.TimelineViewAllEventsRowContent},{default:()=>[r.createVNode(C.TimelineViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,ranges:this.ranges,workDayStart:u,workDayEnd:h,timelineSlots:a,onDataaction:this.handleDataAction},null)]}):r.createVNode(f.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:h,timelineSlots:a,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},null),this.hasMounted&&p.sort(n.orderSort).map(function(e){return r.createVNode(q.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,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),this.compDragItem&&m.call(this,!1),this.compResizeItem&&g.call(this,!1)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),j=({date:t,numberOfDays:i=1,timezone:u})=>{const h=o.ZonedDate.fromLocalDate(t,u),p=o.getDate(h),a=o.addDays(p,i),c=o.ZonedDate.fromUTCDate(n.toUTCDateTime(p),u),m=o.ZonedDate.fromUTCDate(n.toUTCDateTime(a),u),g=new Date(c.getTime()),l=new Date(m.getTime());return{start:g,end:l,zonedStart:c,zonedEnd:m}};exports.MultiDayTimelineView=H;
+"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;