@progress/kendo-vue-scheduler 9.0.0-develop.1 → 9.0.0-develop.2

package/items/SchedulerViewItem.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 a=require("vue"),z=require("./SchedulerItem.js"),p=require("../utils/main.js"),c=require("../views/common/utils.js"),d=require("../constants/main.js"),I=require("@progress/kendo-vue-intl"),f=require("./SchedulerItemContent.js"),m=require("@progress/kendo-vue-common");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const D=1,v=a.defineComponent({name:"KendoSchedulerViewItem",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,item:[String,Function,Object],uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,itemRef:Object,onKeydown:Function,onKeyup:Function,onFocus:Function,onMouseup:Function,onMousedown:Function,onClick:Function,onDoubleclick:Function,onRemoveclick:Function,onPress:Function,onDrag:Function,onRelease:Function,onResizepress:Function,onResizeenddrag:Function,onResizestartdrag:Function,onResizerelease:Function},inject:{kendoIntlService:{default:null},ks:{default:null},bv:{default:null}},computed:{itemTime(){return this.$props.isAllDay?this.intl.toString(this.$props.zonedStart,"t"):this.intl.format("{0:t} - {1:t}",this.$props.zonedStart,this.$props.zonedEnd)},itemTitle(){return`(${this.itemTime}): ${this.$props.title}`}},data(){return{timeout:void 0,currentItem:null,viewItem:null,display:!0,visible:!1,maxSiblingsPerSlot:0}},mounted(){this.element=this.getElement(),!(!this.ks.scheduler||!this.ks.scheduler.$el)&&m.canUseDOM&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},updated(){const e=this;this.$nextTick(function(){e.align(),e.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||this.observer)&&m.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},render(){const e=m.getDefaultSlots(this);this.intl=I.provideIntlService(this);let t;const r=a.createVNode(z.SchedulerItem,{ignoreIsAllDay:this.ignoreIsAllDay,item:this.item,uid:this.uid,start:this.start,end:this.end,originalStart:this.originalStart,startTimezone:this.startTimezone,endTimezone:this.endTimezone,isAllDay:this.isAllDay,title:this.title,description:this.description,occurrenceId:this.occurrenceId,recurrenceExceptions:this.recurrenceExceptions,recurrenceRule:this.recurrenceRule,recurrenceId:this.recurrenceId,dataItem:this.dataItem,head:this.head,tail:this.tail,order:this.order,zonedStart:this.zonedStart,zonedEnd:this.zonedEnd,slots:this.slots,group:this.group,range:this.range,isException:this.isException,isRecurring:this.isRecurring,id:this.id,tabIndex:this.tabIndex,className:this.className,itemStyle:{visibility:this.visible?void 0:"hidden",display:this.display?void 0:"none",...this.$props.itemStyle},editable:this.editable,selected:this.selected,vertical:this.vertical,dragHint:this.dragHint,resizeHint:this.resizeHint,format:this.format,itemTitle:this.itemTitle,showOccurrenceDialog:this.showOccurrenceDialog,showRemoveDialog:this.showRemoveDialog,formItem:this.formItem,dragItem:this.dragItem,resizeItem:this.resizeItem,removeItem:this.removeItem,maxSiblingsPerSlot:this.maxSiblingsPerSlot,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onFocus:this.handleFocus,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onDoubleclick:this.handleDoubleClick,onRemoveclick:this.handleRemoveClick,onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,onResizepress:this.handleResizePress,onResizeenddrag:this.handleResizeEndDrag,onResizestartdrag:this.handleResizeStartDrag,onResizerelease:this.handleResizeRelease},{default:()=>[!this.$props.resizeHint&&a.createVNode("div",{title:this.itemTitle},[!this.$props.isAllDay&&a.createVNode(f.SchedulerItemContent,{title:this.itemTitle,class:"k-event-template k-event-time "},b(e)?e:{default:()=>[e]}),a.createVNode(f.SchedulerItemContent,{title:this.$props.title,class:"k-event-template"},b(e)?e:{default:()=>[e]})])]});return t=m.getTemplate.call(this,{h:a.h,template:this.$props.item,defaultRendering:r,defaultSlots:e,additionalListeners:{doubleclick:this.handleDoubleClick,removeclick:this.handleRemoveClick,press:this.handlePress,drag:this.handleDrag,release:this.handleRelease,resizepress:this.handleResizePress,resizeenddrag:this.handleResizeEndDrag,resizestartdrag:this.handleResizeStartDrag,resizerelease:this.handleResizeRelease}}),t},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.$emit("click",e)},handleMouseUp(e){this.$emit("mouseup",e)},handleMouseOver(e){this.$emit("mouseover",e)},handleMouseOut(e){this.$emit("mouseout",e)},handleMouseEnter(e){this.$emit("mouseenter",e)},handleMouseLeave(e){this.$emit("mouseleave",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleRemoveClick(e){this.$emit("removeclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleKeyPress(e){this.$emit("keypress",e)},handleKeyUp(e){this.$emit("keyup",e)},handlePress(e){this.$emit("press",e)},handleDrag(e){this.$emit("drag",e)},handleRelease(e){this.$emit("release",e)},handleResizePress(e){this.$emit("resizepress",e)},handleResizeStartDrag(e){this.$emit("resizestartdrag",e)},handleResizeEndDrag(e){this.$emit("resizeenddrag",e)},handleResizeRelease(e){this.$emit("resizerelease",e)},calculateMostSiblings(e,t){let r=1;return e.forEach(s=>{const n=t.filter(h=>this.inSlot(s.cSlot,h.$props));n.length>r&&(r=n.length)}),r},getSiblingsInAllSlots(e,t){return e.map(s=>t.filter(n=>this.inSlot(s.cSlot,n.$props)))},inSlot(e,t){return p.intersects(e.start,e.end,t.start,t.end)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(this.$props.ignoreIsAllDay||e.isAllDay===t.isAllDay)},align(){if(!this.element)return;const e=(this.bv.slots||[]).filter(s=>s&&this.inSlot(s.cSlot,this.$props));if(e.length===0){this.display=!1;return}const t=p.first(e.sort(function(s,n){return s.cSlot.start&&n.cSlot.start?s.cSlot.start.getTime()-n.cSlot.start.getTime():!0}));if(!t)return;const r=c.getRect(t.$el);c.setRect(this.element,r)},position(){if(!this.element)return;const e=(this.bv.slots||[]).filter(o=>o&&this.inSlot(o.cSlot,this.$props)),t=[],r=[],s=[];(this.bv.items||[]).forEach(o=>{o&&(o.$props.dragHint?r.push(o):o.$props.resizeHint?s.push(o):t.push(o))});const n=this.$props.dragHint||this.$props.resizeHint?p.calculateOrder(this,this.$props.dragHint?r:s,e,this.$props.ignoreIsAllDay):this.$props.order||0;let h=this.$props.dragHint||this.$props.resizeHint?this.calculateMostSiblings(e,this.$props.dragHint?r:s):this.calculateMostSiblings(e,t);const R=this.getSiblingsInAllSlots(e,t);let g=0;const i=c.getRect(this.element);if(R.forEach(o=>{let S=0;o.sort(function(l,u){return l.$props.order-u.$props.order}).forEach(l=>{p.intersects(l.$props.start,l.$props.end,this.$props.start,this.$props.end)&&!(this.$props.dragHint||this.$props.resizeHint)&&l.$props.maxSiblingsPerSlot&&l.$props.maxSiblingsPerSlot>h&&l.getElement()!==this.element&&(h=l.$props.maxSiblingsPerSlot);const u=c.getRect(l.getElement());l.$props.order!==null&&l.$props.order<n&&(S=(u.top||i.top)+u.height-i.top-d.BORDER_WIDTH*n+D)}),S>g&&(g=S)}),e.length===0){this.display=!1;return}const $=20;i.width=this.$props.vertical?i.width/h-d.BORDER_WIDTH-$/h:i.width*e.length-d.BORDER_WIDTH-$,i.height=this.$props.vertical?i.height*e.length-d.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&h<=1?i.height:this.$props.itemStyle&&this.$props.itemStyle.height?this.$props.itemStyle.height:25,i.left=this.$props.vertical?i.left+n*i.width+d.BORDER_WIDTH*n:i.left,i.top=this.$props.vertical?i.top:i.top+g+d.BORDER_WIDTH*n,this.maxSiblingsPerSlot=h,c.setRect(this.element,i),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.align(),this.position()})}}});exports.SchedulerViewItem=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),z=require("./SchedulerItem.js"),m=require("../utils/main.js"),u=require("../views/common/utils.js"),c=require("../constants/main.js"),D=require("@progress/kendo-vue-intl"),b=require("./SchedulerItemContent.js"),g=require("@progress/kendo-vue-common");function R(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!h.isVNode(e)}const I=1,v=h.defineComponent({name:"KendoSchedulerViewItem",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,item:[String,Function,Object],uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,itemRef:Object,onKeydown:Function,onKeyup:Function,onFocus:Function,onMouseup:Function,onMousedown:Function,onClick:Function,onDoubleclick:Function,onRemoveclick:Function,onPress:Function,onDrag:Function,onRelease:Function,onResizepress:Function,onResizeenddrag:Function,onResizestartdrag:Function,onResizerelease:Function},inject:{kendoIntlService:{default:null},ks:{default:null},bv:{default:null}},computed:{itemTime(){return this.$props.isAllDay?this.intl.toString(this.$props.zonedStart,"t"):this.intl.format("{0:t} - {1:t}",this.$props.zonedStart,this.$props.zonedEnd)},itemTitle(){return`(${this.itemTime}): ${this.$props.title}`}},data(){return{timeout:void 0,currentItem:null,viewItem:null,display:!0,visible:!1,maxSiblingsPerSlot:0}},mounted(){if(this.element=this.getElement(),!this.ks.scheduler||!this.ks.scheduler.$el)return;g.canUseDOM&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el));const e=this;this.$nextTick(function(){e.align(),e.position()})},updated(){const e=this;this.$nextTick(function(){e.align(),e.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||this.observer)&&g.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},render(){const e=g.getDefaultSlots(this);this.intl=D.provideIntlService(this);let t;const n=h.createVNode(z.SchedulerItem,{ignoreIsAllDay:this.ignoreIsAllDay,item:this.item,uid:this.uid,start:this.start,end:this.end,originalStart:this.originalStart,startTimezone:this.startTimezone,endTimezone:this.endTimezone,isAllDay:this.isAllDay,title:this.title,description:this.description,occurrenceId:this.occurrenceId,recurrenceExceptions:this.recurrenceExceptions,recurrenceRule:this.recurrenceRule,recurrenceId:this.recurrenceId,dataItem:this.dataItem,head:this.head,tail:this.tail,order:this.order,zonedStart:this.zonedStart,zonedEnd:this.zonedEnd,slots:this.slots,group:this.group,range:this.range,isException:this.isException,isRecurring:this.isRecurring,id:this.id,tabIndex:this.tabIndex,className:this.className,itemStyle:{visibility:this.visible?void 0:"hidden",display:this.display?void 0:"none",...this.$props.itemStyle},editable:this.editable,selected:this.selected,vertical:this.vertical,dragHint:this.dragHint,resizeHint:this.resizeHint,format:this.format,itemTitle:this.itemTitle,showOccurrenceDialog:this.showOccurrenceDialog,showRemoveDialog:this.showRemoveDialog,formItem:this.formItem,dragItem:this.dragItem,resizeItem:this.resizeItem,removeItem:this.removeItem,maxSiblingsPerSlot:this.maxSiblingsPerSlot,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onFocus:this.handleFocus,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onDoubleclick:this.handleDoubleClick,onRemoveclick:this.handleRemoveClick,onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,onResizepress:this.handleResizePress,onResizeenddrag:this.handleResizeEndDrag,onResizestartdrag:this.handleResizeStartDrag,onResizerelease:this.handleResizeRelease},{default:()=>[!this.$props.resizeHint&&h.createVNode("div",{title:this.itemTitle},[!this.$props.isAllDay&&h.createVNode(b.SchedulerItemContent,{title:this.itemTitle,class:"k-event-template k-event-time "},R(e)?e:{default:()=>[e]}),h.createVNode(b.SchedulerItemContent,{title:this.$props.title,class:"k-event-template"},R(e)?e:{default:()=>[e]})])]});return t=g.getTemplate.call(this,{h:h.h,template:this.$props.item,defaultRendering:n,defaultSlots:e,additionalListeners:{doubleclick:this.handleDoubleClick,removeclick:this.handleRemoveClick,press:this.handlePress,drag:this.handleDrag,release:this.handleRelease,resizepress:this.handleResizePress,resizeenddrag:this.handleResizeEndDrag,resizestartdrag:this.handleResizeStartDrag,resizerelease:this.handleResizeRelease}}),t},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.$emit("click",e)},handleMouseUp(e){this.$emit("mouseup",e)},handleMouseOver(e){this.$emit("mouseover",e)},handleMouseOut(e){this.$emit("mouseout",e)},handleMouseEnter(e){this.$emit("mouseenter",e)},handleMouseLeave(e){this.$emit("mouseleave",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleRemoveClick(e){this.$emit("removeclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleKeyPress(e){this.$emit("keypress",e)},handleKeyUp(e){this.$emit("keyup",e)},handlePress(e){this.$emit("press",e)},handleDrag(e){this.$emit("drag",e)},handleRelease(e){this.$emit("release",e)},handleResizePress(e){this.$emit("resizepress",e)},handleResizeStartDrag(e){this.$emit("resizestartdrag",e)},handleResizeEndDrag(e){this.$emit("resizeenddrag",e)},handleResizeRelease(e){this.$emit("resizerelease",e)},calculateMostSiblings(e,t){let n=1;return e.forEach(o=>{const i=t.filter(r=>this.inSlot(o.cSlot,r.$props));i.length>n&&(n=i.length)}),n},getSiblingsInAllSlots(e,t){return e.map(o=>t.filter(i=>this.inSlot(o.cSlot,i.$props)))},inSlot(e,t){return m.intersects(e.start,e.end,t.start,t.end)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(this.$props.ignoreIsAllDay||e.isAllDay===t.isAllDay)},align(){if(!this.element)return;const e=(this.bv.slots||[]).filter(i=>i&&this.inSlot(i.cSlot,this.$props));if(e.length===0){this.display=!1;return}const t=m.first(e.sort(function(i,r){return i.cSlot.start&&r.cSlot.start?i.cSlot.start.getTime()-r.cSlot.start.getTime():!0}));if(!t)return;const n=u.getRect(t.$el),o=t.$el;if(o&&!this.$props.vertical){const i=o.querySelector(".k-nav-day");if(i)n.top+=i.offsetTop+parseFloat(window.getComputedStyle(i).lineHeight||"0");else if(o.firstElementChild){const r=window.getComputedStyle(o),S=parseFloat(r.paddingTop||"0"),d=parseFloat(r.lineHeight||"0");d>0&&(n.top+=S+d)}}u.setRect(this.element,n)},position(){if(!this.element)return;const e=(this.bv.slots||[]).filter(l=>l&&this.inSlot(l.cSlot,this.$props)),t=[],n=[],o=[];(this.bv.items||[]).forEach(l=>{l&&(l.$props.dragHint?n.push(l):l.$props.resizeHint?o.push(l):t.push(l))});const i=this.$props.dragHint||this.$props.resizeHint?m.calculateOrder(this,this.$props.dragHint?n:o,e,this.$props.ignoreIsAllDay):this.$props.order||0;let r=this.$props.dragHint||this.$props.resizeHint?this.calculateMostSiblings(e,this.$props.dragHint?n:o):this.calculateMostSiblings(e,t);const S=this.getSiblingsInAllSlots(e,t);let d=0;const s=u.getRect(this.element);if(S.forEach(l=>{let $=0;l.sort(function(a,p){return a.$props.order-p.$props.order}).forEach(a=>{m.intersects(a.$props.start,a.$props.end,this.$props.start,this.$props.end)&&!(this.$props.dragHint||this.$props.resizeHint)&&a.$props.maxSiblingsPerSlot&&a.$props.maxSiblingsPerSlot>r&&a.getElement()!==this.element&&(r=a.$props.maxSiblingsPerSlot);const p=u.getRect(a.getElement());a.$props.order!==null&&a.$props.order<i&&($=(p.top||s.top)+p.height-s.top-c.BORDER_WIDTH*i+I)}),$>d&&(d=$)}),e.length===0){this.display=!1;return}const f=20;s.width=this.$props.vertical?s.width/r-c.BORDER_WIDTH-f/r:s.width*e.length-c.BORDER_WIDTH-f,s.height=this.$props.vertical?s.height*e.length-c.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&r<=1?s.height:this.$props.itemStyle&&this.$props.itemStyle.height?this.$props.itemStyle.height:25,s.left=this.$props.vertical?s.left+i*s.width+c.BORDER_WIDTH*i:s.left,s.top=this.$props.vertical?s.top:s.top+d+c.BORDER_WIDTH*i,this.maxSiblingsPerSlot=r,u.setRect(this.element,s),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.align(),this.position()})}}});exports.SchedulerViewItem=v;

package/items/SchedulerViewItem.mjs

@@ -5,18 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as v, createVNode as c, h as I, isVNode as D } from "vue";
-import { SchedulerItem as y } from "./SchedulerItem.mjs";
+import { defineComponent as v, createVNode as p, h as y, isVNode as I } from "vue";
+import { SchedulerItem as D } from "./SchedulerItem.mjs";
 import { calculateOrder as w, intersects as S, first as k } from "../utils/main.mjs";
-import { getRect as u, setRect as f } from "../views/common/utils.mjs";
-import { BORDER_WIDTH as a } from "../constants/main.mjs";
-import { provideIntlService as O } from "@progress/kendo-vue-intl";
-import { SchedulerItemContent as $ } from "./SchedulerItemContent.mjs";
-import { getDefaultSlots as E, getTemplate as F, canUseDOM as b } from "@progress/kendo-vue-common";
-function z(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+import { getRect as g, setRect as $ } from "../views/common/utils.mjs";
+import { BORDER_WIDTH as d } from "../constants/main.mjs";
+import { provideIntlService as E } from "@progress/kendo-vue-intl";
+import { SchedulerItemContent as b } from "./SchedulerItemContent.mjs";
+import { getDefaultSlots as O, getTemplate as F, canUseDOM as z } from "@progress/kendo-vue-common";
+function R(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !I(e);
 }
-const x = 1, N = /* @__PURE__ */ v({
+const T = 1, N = /* @__PURE__ */ v({
   name: "KendoSchedulerViewItem",
   inheritAttrs: !1,
   props: {
@@ -115,22 +115,28 @@ const x = 1, N = /* @__PURE__ */ v({
     };
   },
   mounted() {
-    this.element = this.getElement(), !(!this.ks.scheduler || !this.ks.scheduler.$el) && b && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
+    if (this.element = this.getElement(), !this.ks.scheduler || !this.ks.scheduler.$el)
+      return;
+    z && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
+    const e = this;
+    this.$nextTick(function() {
+      e.align(), e.position();
+    });
   },
   updated() {
     const e = this;
     this.$nextTick(function() {
       e.align(), e.position();
-    }), !(!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) && b && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
+    }), !(!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) && z && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
   },
   unmounted() {
     this.observer && this.observer.disconnect();
   },
   render() {
-    const e = E(this);
-    this.intl = O(this);
+    const e = O(this);
+    this.intl = E(this);
     let t;
-    const r = c(y, {
+    const n = p(D, {
       ignoreIsAllDay: this.ignoreIsAllDay,
       item: this.item,
       uid: this.uid,
@@ -195,24 +201,24 @@ const x = 1, N = /* @__PURE__ */ v({
       onResizestartdrag: this.handleResizeStartDrag,
       onResizerelease: this.handleResizeRelease
     }, {
-      default: () => [!this.$props.resizeHint && c("div", {
+      default: () => [!this.$props.resizeHint && p("div", {
         title: this.itemTitle
-      }, [!this.$props.isAllDay && c($, {
+      }, [!this.$props.isAllDay && p(b, {
         title: this.itemTitle,
         class: "k-event-template k-event-time "
-      }, z(e) ? e : {
+      }, R(e) ? e : {
         default: () => [e]
-      }), c($, {
+      }), p(b, {
         title: this.$props.title,
         class: "k-event-template"
-      }, z(e) ? e : {
+      }, R(e) ? e : {
         default: () => [e]
       })])]
     });
     return t = F.call(this, {
-      h: I,
+      h: y,
       template: this.$props.item,
-      defaultRendering: r,
+      defaultRendering: n,
       defaultSlots: e,
       additionalListeners: {
         //   keydown: this.handleKeyDown,
@@ -309,14 +315,14 @@ const x = 1, N = /* @__PURE__ */ v({
       this.$emit("resizerelease", e);
     },
     calculateMostSiblings(e, t) {
-      let r = 1;
-      return e.forEach((s) => {
-        const n = t.filter((h) => this.inSlot(s.cSlot, h.$props));
-        n.length > r && (r = n.length);
-      }), r;
+      let n = 1;
+      return e.forEach((o) => {
+        const i = t.filter((r) => this.inSlot(o.cSlot, r.$props));
+        i.length > n && (n = i.length);
+      }), n;
     },
     getSiblingsInAllSlots(e, t) {
-      return e.map((s) => t.filter((n) => this.inSlot(s.cSlot, n.$props)));
+      return e.map((o) => t.filter((i) => this.inSlot(o.cSlot, i.$props)));
     },
     inSlot(e, t) {
       return S(e.start, e.end, t.start, t.end) && e.group.index === t.group.index && e.range.index === t.range.index && (this.$props.ignoreIsAllDay || e.isAllDay === t.isAllDay);
@@ -324,46 +330,55 @@ const x = 1, N = /* @__PURE__ */ v({
     align() {
       if (!this.element)
         return;
-      const e = (this.bv.slots || []).filter((s) => s && this.inSlot(s.cSlot, this.$props));
+      const e = (this.bv.slots || []).filter((i) => i && this.inSlot(i.cSlot, this.$props));
       if (e.length === 0) {
         this.display = !1;
         return;
       }
-      const t = k(e.sort(function(s, n) {
-        return s.cSlot.start && n.cSlot.start ? s.cSlot.start.getTime() - n.cSlot.start.getTime() : !0;
+      const t = k(e.sort(function(i, r) {
+        return i.cSlot.start && r.cSlot.start ? i.cSlot.start.getTime() - r.cSlot.start.getTime() : !0;
       }));
       if (!t)
         return;
-      const r = u(t.$el);
-      f(this.element, r);
+      const n = g(t.$el), o = t.$el;
+      if (o && !this.$props.vertical) {
+        const i = o.querySelector(".k-nav-day");
+        if (i)
+          n.top += i.offsetTop + parseFloat(window.getComputedStyle(i).lineHeight || "0");
+        else if (o.firstElementChild) {
+          const r = window.getComputedStyle(o), m = parseFloat(r.paddingTop || "0"), a = parseFloat(r.lineHeight || "0");
+          a > 0 && (n.top += m + a);
+        }
+      }
+      $(this.element, n);
     },
     position() {
       if (!this.element)
         return;
-      const e = (this.bv.slots || []).filter((o) => o && this.inSlot(o.cSlot, this.$props)), t = [], r = [], s = [];
-      (this.bv.items || []).forEach((o) => {
-        o && (o.$props.dragHint ? r.push(o) : o.$props.resizeHint ? s.push(o) : t.push(o));
+      const e = (this.bv.slots || []).filter((l) => l && this.inSlot(l.cSlot, this.$props)), t = [], n = [], o = [];
+      (this.bv.items || []).forEach((l) => {
+        l && (l.$props.dragHint ? n.push(l) : l.$props.resizeHint ? o.push(l) : t.push(l));
       });
-      const n = this.$props.dragHint || this.$props.resizeHint ? w(this, this.$props.dragHint ? r : s, e, this.$props.ignoreIsAllDay) : this.$props.order || 0;
-      let h = this.$props.dragHint || this.$props.resizeHint ? this.calculateMostSiblings(e, this.$props.dragHint ? r : s) : this.calculateMostSiblings(e, t);
-      const R = this.getSiblingsInAllSlots(e, t);
-      let p = 0;
-      const i = u(this.element);
-      if (R.forEach((o) => {
-        let m = 0;
-        o.sort(function(l, d) {
-          return l.$props.order - d.$props.order;
-        }).forEach((l) => {
-          S(l.$props.start, l.$props.end, this.$props.start, this.$props.end) && !(this.$props.dragHint || this.$props.resizeHint) && l.$props.maxSiblingsPerSlot && l.$props.maxSiblingsPerSlot > h && l.getElement() !== this.element && (h = l.$props.maxSiblingsPerSlot);
-          const d = u(l.getElement());
-          l.$props.order !== null && l.$props.order < n && (m = (d.top || i.top) + d.height - i.top - a * n + x);
-        }), m > p && (p = m);
+      const i = this.$props.dragHint || this.$props.resizeHint ? w(this, this.$props.dragHint ? n : o, e, this.$props.ignoreIsAllDay) : this.$props.order || 0;
+      let r = this.$props.dragHint || this.$props.resizeHint ? this.calculateMostSiblings(e, this.$props.dragHint ? n : o) : this.calculateMostSiblings(e, t);
+      const m = this.getSiblingsInAllSlots(e, t);
+      let a = 0;
+      const s = g(this.element);
+      if (m.forEach((l) => {
+        let u = 0;
+        l.sort(function(h, c) {
+          return h.$props.order - c.$props.order;
+        }).forEach((h) => {
+          S(h.$props.start, h.$props.end, this.$props.start, this.$props.end) && !(this.$props.dragHint || this.$props.resizeHint) && h.$props.maxSiblingsPerSlot && h.$props.maxSiblingsPerSlot > r && h.getElement() !== this.element && (r = h.$props.maxSiblingsPerSlot);
+          const c = g(h.getElement());
+          h.$props.order !== null && h.$props.order < i && (u = (c.top || s.top) + c.height - s.top - d * i + T);
+        }), u > a && (a = u);
       }), e.length === 0) {
         this.display = !1;
         return;
       }
-      const g = 20;
-      i.width = this.$props.vertical ? i.width / h - a - g / h : i.width * e.length - a - g, i.height = this.$props.vertical ? i.height * e.length - a : (this.$props.resizeHint || this.$props.dragHint) && h <= 1 ? i.height : this.$props.itemStyle && this.$props.itemStyle.height ? this.$props.itemStyle.height : 25, i.left = this.$props.vertical ? i.left + n * i.width + a * n : i.left, i.top = this.$props.vertical ? i.top : i.top + p + a * n, this.maxSiblingsPerSlot = h, f(this.element, i), this.visible = !0, this.display = !0;
+      const f = 20;
+      s.width = this.$props.vertical ? s.width / r - d - f / r : s.width * e.length - d - f, s.height = this.$props.vertical ? s.height * e.length - d : (this.$props.resizeHint || this.$props.dragHint) && r <= 1 ? s.height : this.$props.itemStyle && this.$props.itemStyle.height ? this.$props.itemStyle.height : 25, s.left = this.$props.vertical ? s.left + i * s.width + d * i : s.left, s.top = this.$props.vertical ? s.top : s.top + a + d * i, this.maxSiblingsPerSlot = r, $(this.element, s), this.visible = !0, this.display = !0;
     },
     handleResize() {
       this.timeout !== void 0 && window.cancelAnimationFrame(this.timeout), this.timeout = window.requestAnimationFrame(() => {

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779205228,version:"9.0.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779218540,version:"9.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1779205228,
-  version: "9.0.0-develop.1",
+  publishDate: 1779218540,
+  version: "9.0.0-develop.2",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-scheduler",
-  "version": "9.0.0-develop.1",
+  "version": "9.0.0-develop.2",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,15 +27,15 @@
     "@progress/kendo-date-math": "^1.5.13",
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "9.0.0-develop.1",
-    "@progress/kendo-vue-buttons": "9.0.0-develop.1",
-    "@progress/kendo-vue-dateinputs": "9.0.0-develop.1",
-    "@progress/kendo-vue-dialogs": "9.0.0-develop.1",
-    "@progress/kendo-vue-dropdowns": "9.0.0-develop.1",
-    "@progress/kendo-vue-form": "9.0.0-develop.1",
-    "@progress/kendo-vue-inputs": "9.0.0-develop.1",
-    "@progress/kendo-vue-intl": "9.0.0-develop.1",
-    "@progress/kendo-vue-popup": "9.0.0-develop.1",
+    "@progress/kendo-vue-common": "9.0.0-develop.2",
+    "@progress/kendo-vue-buttons": "9.0.0-develop.2",
+    "@progress/kendo-vue-dateinputs": "9.0.0-develop.2",
+    "@progress/kendo-vue-dialogs": "9.0.0-develop.2",
+    "@progress/kendo-vue-dropdowns": "9.0.0-develop.2",
+    "@progress/kendo-vue-form": "9.0.0-develop.2",
+    "@progress/kendo-vue-inputs": "9.0.0-develop.2",
+    "@progress/kendo-vue-intl": "9.0.0-develop.2",
+    "@progress/kendo-vue-popup": "9.0.0-develop.2",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "vue": "^3.0.2"
   },
@@ -60,7 +60,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1779205228,
+      "publishDate": 1779218540,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/slots/SchedulerEditSlot.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"),i=require("@progress/kendo-vue-common"),v=require("../constants/main.js"),s=require("../utils/main.js"),w=require("./SchedulerViewSlot.js"),T=require("../hooks/use-slots-selection.js"),x=require("../hooks/use-items-selection.js"),A=require("../hooks/use-items-focus.js"),r=require("../hooks/use-slots-focus.js"),N=require("../hooks/useEditable.js");function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const _=n.defineComponent({name:"KendoSchedulerEditSlot",inheritAttrs:!1,props:{tabIndex:{type:Number,default:void 0},className:String,form:Object,formItem:Object,refTo:[Function,Object],items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,expandable:[Boolean,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,onDataaction:Function},created(){this.slot=null,this.editableSlot=null},provide(){return{ksEditFormSubmit:this.handleEditFormSubmit,ksEditFormCancel:this.handleEditFormCancel,ksEditFormClose:this.handleEditFormClose}},inject:{bv:{default:null},ks:{default:null},dispatchSelectedItems:{default:null},dispatchFocusedItems:{default:null},dispatchFocusedSlots:{default:null},dispatchSelectedSlots:{default:null},ksSlots:{default:{}}},data(){return{currentFormItem:null}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}},currentTabIndex(){const e=this.bv.slots.length&&s.compareSlots(this.bv.slots[0].cSlot,this.cSlot);return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.bv.selectedSlots.length===0&&e&&this.cSlot.items.length===0?0:void 0},computedEditable(){return N.useEditable(this.$props.editable)},compFormItem(){return this.formItem!==void 0?this.formItem:this.currentFormItem}},render(){const e=i.getDefaultSlots(this),{viewSlot:t,form:o,formItem:l,items:a,row:F,group:I,range:y,isWorkDay:d,isWorkHour:c,col:g,index:u,start:D,end:k,zonedStart:h,zonedEnd:m,navDay:S,itemsPerSlot:p,className:C}=this.$props,b=this.bv.selectedSlots.some(E=>s.compareSlots(E.cSlot,this.cSlot));let f;const O=n.createVNode(w.SchedulerViewSlot,{className:C,slotRender:this.$props.slotRender,isAllDay:this.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:F,group:I,range:y,isWorkDay:d,isWorkHour:c,col:g,index:u,start:D,end:k,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex,formItem:this.compFormItem,onFocus:this.handleFocus,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onShowmoreitems:this.handleShowMoreItemsClick},j(e)?e:{default:()=>[e]});return f=i.getTemplate.call(this,{h:n.h,template:this.$props.slotRender,defaultRendering:O,defaultSlots:e,additionalProps:{...this.cSlot,isAllDay:this.cSlot.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:this.cSlot.row,group:this.cSlot.group,range:this.cSlot.range,isWorkDay:d,isWorkHour:c,col:this.cSlot.col,index:u,start:this.cSlot.start,end:this.cSlot.end,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex},additionalListeners:{focus:this.handleFocus,doubleclick:this.handleDoubleClick,keydown:this.handleKeyDown,showmoreitems:this.handleShowMoreItemsClick}}),f},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},createDataItemFromSlot(){const e={};if(s.setField(e,this.ks.fields.start,new Date(this.cSlot.start.getTime())),s.setField(e,this.ks.fields.end,new Date(this.cSlot.end.getTime())),s.setField(e,this.ks.fields.isAllDay,this.cSlot.isAllDay),this.cSlot.group.resources.length)for(let t=0;t<this.cSlot.group.resources.length;t++){const o=this.cSlot.group.resources[t];if(s.isGroupped(this.cSlot.group.resources)){const l=s.getField(this.cSlot.group.resources[t],o.valueField);s.setField(e,o.field,o.multiple?[l]:l)}else s.setField(e,o.field,o.multiple?[]:void 0)}return e},handleFocus(e){this.computedEditable.select&&this.dispatchSelectedSlots({type:T.SLOTS_SELECT_ACTION.select,slot:this},e.event),this.$emit("focus",e)},handleDoubleClick(e){if(this.computedEditable.add){const t=this.createDataItemFromSlot();this.setFormItem(t,e)}this.$emit("doubleclick",e)},handleKeyDown(e){let t,o,l;switch(e.event.keyCode){case i.Keys.left:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.left,slot:this},e.event);break;case i.Keys.right:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.right,slot:this},e.event);break;case i.Keys.up:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.up,slot:this},e.event);break;case i.Keys.down:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.down,slot:this},e.event);break;case i.Keys.enter:if(!this.bv.slots||!this.computedEditable.add)return;l=this.createDataItemFromSlot(),this.setFormItem(l);break;case i.Keys.tab:o=s.findFirstItem(e.target),t=o?s.findCurrentItem(o,this.bv.items,!1):s.getSortedSlots(this.bv.items,this.ignoreIsAllDay)[0],this.dispatchFocusedItems({type:A.ITEMS_FOCUS_ACTION.current,item:t},e.event),this.dispatchSelectedItems({type:x.ITEMS_SELECT_ACTION.select,item:t},e);break}t&&e.event.preventDefault()},handleEditFormSubmit(e){this.$emit("dataaction",{type:v.DATA_ACTION.create,series:!1,dataItem:e.value},e),this.setFormItem(null,e.event)},handleEditFormCancel(e){this.setFormItem(null,e.event)},handleEditFormClose(e){this.setFormItem(null,e)},handleFormItemChange(e,t){this.setFormItem&&this.setFormItem(e,t)},setFormItem(e,t){this.currentFormItem=e,this.$emit("formitemchange",t)}}});exports.SchedulerEditSlot=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("@progress/kendo-vue-common"),T=require("../constants/main.js"),s=require("../utils/main.js"),v=require("./SchedulerViewSlot.js"),w=require("../hooks/use-slots-selection.js"),$=require("../hooks/use-items-selection.js"),A=require("../hooks/use-items-focus.js"),r=require("../hooks/use-slots-focus.js"),N=require("../hooks/useEditable.js"),F=require("../hooks/useSlotExpand.js");function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const _=n.defineComponent({name:"KendoSchedulerEditSlot",inheritAttrs:!1,props:{tabIndex:{type:Number,default:void 0},className:String,form:Object,formItem:Object,refTo:[Function,Object],items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,expandable:[Boolean,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,onDataaction:Function},created(){this.slot=null,this.editableSlot=null},mounted(){if(this.$props.slotRender&&this.$props.expandable){const e=this;this.$nextTick(function(){F.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})}},updated(){if(this.$props.slotRender&&this.$props.expandable){const e=this;this.$nextTick(function(){F.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})}},provide(){return{ksEditFormSubmit:this.handleEditFormSubmit,ksEditFormCancel:this.handleEditFormCancel,ksEditFormClose:this.handleEditFormClose}},inject:{bv:{default:null},ks:{default:null},dispatchSelectedItems:{default:null},dispatchFocusedItems:{default:null},dispatchFocusedSlots:{default:null},dispatchSelectedSlots:{default:null},ksSlots:{default:{}}},data(){return{currentFormItem:null}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}},currentTabIndex(){const e=this.bv.slots.length&&s.compareSlots(this.bv.slots[0].cSlot,this.cSlot);return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.bv.selectedSlots.length===0&&e&&this.cSlot.items.length===0?0:void 0},computedEditable(){return N.useEditable(this.$props.editable)},compFormItem(){return this.formItem!==void 0?this.formItem:this.currentFormItem}},render(){const e=i.getDefaultSlots(this),{viewSlot:t,form:o,formItem:l,items:a,row:I,group:y,range:g,isWorkDay:d,isWorkHour:c,col:k,index:u,start:D,end:C,zonedStart:h,zonedEnd:m,navDay:S,itemsPerSlot:p,className:O}=this.$props,b=this.bv.selectedSlots.some(x=>s.compareSlots(x.cSlot,this.cSlot));let f;const E=n.createVNode(v.SchedulerViewSlot,{className:O,slotRender:this.$props.slotRender,isAllDay:this.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:I,group:y,range:g,isWorkDay:d,isWorkHour:c,col:k,index:u,start:D,end:C,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex,formItem:this.compFormItem,onFocus:this.handleFocus,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onShowmoreitems:this.handleShowMoreItemsClick},j(e)?e:{default:()=>[e]});return f=i.getTemplate.call(this,{h:n.h,template:this.$props.slotRender,defaultRendering:E,defaultSlots:e,additionalProps:{...this.cSlot,isAllDay:this.cSlot.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:this.cSlot.row,group:this.cSlot.group,range:this.cSlot.range,isWorkDay:d,isWorkHour:c,col:this.cSlot.col,index:u,start:this.cSlot.start,end:this.cSlot.end,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex},additionalListeners:{focus:this.handleFocus,doubleclick:this.handleDoubleClick,keydown:this.handleKeyDown,showmoreitems:this.handleShowMoreItemsClick}}),f},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},createDataItemFromSlot(){const e={};if(s.setField(e,this.ks.fields.start,new Date(this.cSlot.start.getTime())),s.setField(e,this.ks.fields.end,new Date(this.cSlot.end.getTime())),s.setField(e,this.ks.fields.isAllDay,this.cSlot.isAllDay),this.cSlot.group.resources.length)for(let t=0;t<this.cSlot.group.resources.length;t++){const o=this.cSlot.group.resources[t];if(s.isGroupped(this.cSlot.group.resources)){const l=s.getField(this.cSlot.group.resources[t],o.valueField);s.setField(e,o.field,o.multiple?[l]:l)}else s.setField(e,o.field,o.multiple?[]:void 0)}return e},handleFocus(e){this.computedEditable.select&&this.dispatchSelectedSlots({type:w.SLOTS_SELECT_ACTION.select,slot:this},e.event),this.$emit("focus",e)},handleDoubleClick(e){if(this.computedEditable.add){const t=this.createDataItemFromSlot();this.setFormItem(t,e)}this.$emit("doubleclick",e)},handleKeyDown(e){let t,o,l;switch(e.event.keyCode){case i.Keys.left:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.left,slot:this},e.event);break;case i.Keys.right:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.right,slot:this},e.event);break;case i.Keys.up:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.up,slot:this},e.event);break;case i.Keys.down:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.down,slot:this},e.event);break;case i.Keys.enter:if(!this.bv.slots||!this.computedEditable.add)return;l=this.createDataItemFromSlot(),this.setFormItem(l);break;case i.Keys.tab:o=s.findFirstItem(e.target),t=o?s.findCurrentItem(o,this.bv.items,!1):s.getSortedSlots(this.bv.items,this.ignoreIsAllDay)[0],this.dispatchFocusedItems({type:A.ITEMS_FOCUS_ACTION.current,item:t},e.event),this.dispatchSelectedItems({type:$.ITEMS_SELECT_ACTION.select,item:t},e);break}t&&e.event.preventDefault()},handleEditFormSubmit(e){this.$emit("dataaction",{type:T.DATA_ACTION.create,series:!1,dataItem:e.value},e),this.setFormItem(null,e.event)},handleEditFormCancel(e){this.setFormItem(null,e.event)},handleEditFormClose(e){this.setFormItem(null,e)},handleFormItemChange(e,t){this.setFormItem&&this.setFormItem(e,t)},setFormItem(e,t){this.currentFormItem=e,this.$emit("formitemchange",t)}}});exports.SchedulerEditSlot=_;

package/slots/SchedulerEditSlot.mjs

@@ -5,20 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as C, createVNode as x, h as O, isVNode as T } from "vue";
+import { defineComponent as C, createVNode as O, h as $, isVNode as T } from "vue";
 import { Keys as i, getDefaultSlots as A, getTemplate as j } from "@progress/kendo-vue-common";
 import { DATA_ACTION as N } from "../constants/main.mjs";
-import { findFirstItem as $, findCurrentItem as _, getSortedSlots as z, setField as l, isGroupped as R, getField as W, compareSlots as b } from "../utils/main.mjs";
-import { SchedulerViewSlot as B } from "./SchedulerViewSlot.mjs";
-import { SLOTS_SELECT_ACTION as K } from "../hooks/use-slots-selection.mjs";
-import { ITEMS_SELECT_ACTION as L } from "../hooks/use-items-selection.mjs";
-import { ITEMS_FOCUS_ACTION as M } from "../hooks/use-items-focus.mjs";
+import { findFirstItem as R, findCurrentItem as _, getSortedSlots as z, setField as l, isGroupped as W, getField as B, compareSlots as b } from "../utils/main.mjs";
+import { SchedulerViewSlot as K } from "./SchedulerViewSlot.mjs";
+import { SLOTS_SELECT_ACTION as L } from "../hooks/use-slots-selection.mjs";
+import { ITEMS_SELECT_ACTION as M } from "../hooks/use-items-selection.mjs";
+import { ITEMS_FOCUS_ACTION as P } from "../hooks/use-items-focus.mjs";
 import { SLOTS_FOCUS_ACTION as r } from "../hooks/use-slots-focus.mjs";
-import { useEditable as P } from "../hooks/useEditable.mjs";
-function H(t) {
+import { useEditable as H } from "../hooks/useEditable.mjs";
+import { useSlotExpand as I } from "../hooks/useSlotExpand.mjs";
+function V(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !T(t);
 }
-const et = /* @__PURE__ */ C({
+const ot = /* @__PURE__ */ C({
   name: "KendoSchedulerEditSlot",
   inheritAttrs: !1,
   props: {
@@ -61,6 +62,22 @@ const et = /* @__PURE__ */ C({
   created() {
     this.slot = null, this.editableSlot = null;
   },
+  mounted() {
+    if (this.$props.slotRender && this.$props.expandable) {
+      const t = this;
+      this.$nextTick(function() {
+        I(t, t.ks.scheduler.$el, t.$props.expandable);
+      });
+    }
+  },
+  updated() {
+    if (this.$props.slotRender && this.$props.expandable) {
+      const t = this;
+      this.$nextTick(function() {
+        I(t, t.ks.scheduler.$el, t.$props.expandable);
+      });
+    }
+  },
   provide() {
     return {
       ksEditFormSubmit: this.handleEditFormSubmit,
@@ -105,7 +122,7 @@ const et = /* @__PURE__ */ C({
       return this.$props.tabIndex !== void 0 ? this.$props.tabIndex === null ? void 0 : this.$props.tabIndex : this.bv.selectedSlots.length === 0 && t && this.cSlot.items.length === 0 ? 0 : void 0;
     },
     computedEditable() {
-      return P(this.$props.editable);
+      return H(this.$props.editable);
     },
     compFormItem() {
       return this.formItem !== void 0 ? this.formItem : this.currentFormItem;
@@ -117,15 +134,15 @@ const et = /* @__PURE__ */ C({
       form: s,
       formItem: o,
       items: n,
-      row: I,
-      group: F,
+      row: F,
+      group: k,
       range: D,
       isWorkDay: a,
       isWorkHour: d,
       col: g,
       index: c,
       start: y,
-      end: k,
+      end: x,
       zonedStart: h,
       zonedEnd: m,
       navDay: u,
@@ -133,22 +150,22 @@ const et = /* @__PURE__ */ C({
       className: E
     } = this.$props, S = this.bv.selectedSlots.some((w) => b(w.cSlot, this.cSlot));
     let f;
-    const v = x(B, {
+    const v = O(K, {
       className: E,
       slotRender: this.$props.slotRender,
       isAllDay: this.isAllDay,
       expandable: this.expandable,
       editable: this.editable,
       items: n,
-      row: I,
-      group: F,
+      row: F,
+      group: k,
       range: D,
       isWorkDay: a,
       isWorkHour: d,
       col: g,
       index: c,
       start: y,
-      end: k,
+      end: x,
       zonedStart: h,
       zonedEnd: m,
       selected: S,
@@ -160,11 +177,11 @@ const et = /* @__PURE__ */ C({
       onDoubleclick: this.handleDoubleClick,
       onKeydown: this.handleKeyDown,
       onShowmoreitems: this.handleShowMoreItemsClick
-    }, H(t) ? t : {
+    }, V(t) ? t : {
       default: () => [t]
     });
     return f = j.call(this, {
-      h: O,
+      h: $,
       template: this.$props.slotRender,
       defaultRendering: v,
       defaultSlots: t,
@@ -207,8 +224,8 @@ const et = /* @__PURE__ */ C({
       if (l(t, this.ks.fields.start, new Date(this.cSlot.start.getTime())), l(t, this.ks.fields.end, new Date(this.cSlot.end.getTime())), l(t, this.ks.fields.isAllDay, this.cSlot.isAllDay), this.cSlot.group.resources.length)
         for (let e = 0; e < this.cSlot.group.resources.length; e++) {
           const s = this.cSlot.group.resources[e];
-          if (R(this.cSlot.group.resources)) {
-            const o = W(this.cSlot.group.resources[e], s.valueField);
+          if (W(this.cSlot.group.resources)) {
+            const o = B(this.cSlot.group.resources[e], s.valueField);
             l(t, s.field, s.multiple ? [o] : o);
           } else
             l(t, s.field, s.multiple ? [] : void 0);
@@ -217,7 +234,7 @@ const et = /* @__PURE__ */ C({
     },
     handleFocus(t) {
       this.computedEditable.select && this.dispatchSelectedSlots({
-        type: K.select,
+        type: L.select,
         slot: this
       }, t.event), this.$emit("focus", t);
     },
@@ -269,11 +286,11 @@ const et = /* @__PURE__ */ C({
           o = this.createDataItemFromSlot(), this.setFormItem(o);
           break;
         case i.tab:
-          s = $(t.target), e = s ? _(s, this.bv.items, !1) : z(this.bv.items, this.ignoreIsAllDay)[0], this.dispatchFocusedItems({
-            type: M.current,
+          s = R(t.target), e = s ? _(s, this.bv.items, !1) : z(this.bv.items, this.ignoreIsAllDay)[0], this.dispatchFocusedItems({
+            type: P.current,
             item: e
           }, t.event), this.dispatchSelectedItems({
-            type: L.select,
+            type: M.select,
             item: e
           }, t);
           break;
@@ -302,5 +319,5 @@ const et = /* @__PURE__ */ C({
   }
 });
 export {
-  et as SchedulerEditSlot
+  ot as SchedulerEditSlot
 };

package/views/agenda/AgendaViewBody.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"),g=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-intl"),k=require("../../tasks/SchedulerEditTask.js"),a=require("../../messages/main.js"),u=require("@progress/kendo-vue-common"),i=require("@progress/kendo-svg-icons"),S=t.defineComponent({name:"KendoAgendaViewBody",emits:["dataaction"],props:{items:Array,rangeIndex:Number,itemsPerSlot:Number,agendaSlots:Array,task:[String,Function,Object],editable:[Object,Boolean],onDataaction:Function},inject:{ri:{default:null},ks:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){return{hasMounted:!1,ksSlots:{cSlots:this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}}},watch:{currentCellSlots(r){this.ksSlots.cSlots=r}},computed:{currentCellSlots(){return this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}},mounted(){this.hasMounted=!0},render(){this.intl=d.provideIntlService(this);const r=this.$props.editSlot||g.SchedulerEditSlot,n=this.$props.editTask||k.SchedulerEditTask,o=d.provideLocalizationService(this);return t.createVNode("div",{class:"k-scheduler-body"},[this.currentCellSlots.map(function(s,l,h){return t.createVNode("div",{class:"k-scheduler-row  k-scheduler-content",key:`${this.ri.groupIndex}:${l}`},[t.createVNode(r,{index:l,editable:this.$props.editable,row:h.length*(this.ri.groupIndex||0)+l,col:0,viewSlot:this.$props.viewSlot,onDataaction:this.handleDataAction,className:"k-scheduler-datecolumn k-group-cell"},{default:()=>[t.createVNode("div",null,[t.createVNode("strong",{class:"k-scheduler-agendaday"},[this.intl.formatDate(s.zonedStart,"dd")]),t.createVNode("em",{class:"k-scheduler-agendaweek"},[this.intl.formatDate(s.zonedStart,"EEEE")]),t.createVNode("span",{class:"k-scheduler-agendadate"},[this.intl.formatDate(s.zonedStart,"y")])])]}),t.createVNode("div",{class:"k-scheduler-cell k-group-content"},[this.hasMounted&&s.items.length?s.items.map(function(e,c){return t.createVNode("div",{class:"k-scheduler-row",key:c},[t.createVNode("div",{class:"k-scheduler-cell k-scheduler-timecolumn"},[t.createVNode("div",null,[e.tail&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?i.chevronRightIcon:i.chevronLeftIcon},null),e.isAllDay?o.toLanguageString(a.allDay,a.messages[a.allDay]):p(this.intl,e),e.head&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?i.chevronLeftIcon:i.chevronRightIcon},null)])]),t.createVNode("div",{class:"k-scheduler-cell"},[t.createVNode(n,{key:`${l}:${c}`,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,onDataaction:this.handleDataAction,task:this.$props.task,viewTask:this.$props.viewTask,editable:this.$props.editable},null)])])},this):t.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell"},[o.toLanguageString(a.noEvents,a.messages[a.noEvents])])])])},this)])},methods:{handleDataAction(r){this.$emit("dataaction",r)}}}),p=(r,n)=>{let o="{0:t}-{1:t}";return n.head?o="{0:t}":n.tail&&(o="{1:t}"),r.format(o,n.zonedStart,n.zonedEnd)};exports.AgendaViewBody=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("../../slots/SchedulerEditSlot.js"),c=require("@progress/kendo-vue-intl"),S=require("../../tasks/SchedulerEditTask.js"),s=require("../../messages/main.js"),u=require("@progress/kendo-vue-common"),d=require("@progress/kendo-svg-icons"),p=t.defineComponent({name:"KendoAgendaViewBody",emits:["dataaction"],props:{items:Array,rangeIndex:Number,itemsPerSlot:Number,agendaSlots:Array,task:[String,Function,Object],editable:[Object,Boolean],onDataaction:Function},inject:{ri:{default:null},ks:{default:null},ksMobile:{default:()=>()=>!1},kendoIntlService:{default:null},kendoLocalizationService:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){return{hasMounted:!1,ksSlots:{cSlots:this.agendaSlots.filter(a=>a.group.index===(this.ri.groupIndex||0))}}},watch:{currentCellSlots(a){this.ksSlots.cSlots=a}},computed:{currentCellSlots(){return this.agendaSlots.filter(a=>a.group.index===(this.ri.groupIndex||0))}},mounted(){this.hasMounted=!0},render(){this.intl=c.provideIntlService(this);const a=this.$props.editSlot||g.SchedulerEditSlot,n=this.$props.editTask||S.SchedulerEditTask,o=c.provideLocalizationService(this),h=typeof this.ksMobile=="function"?this.ksMobile():!1;return t.createVNode("div",{class:"k-scheduler-body"},[this.currentCellSlots.map(function(r,l,k){return t.createVNode("div",{class:"k-scheduler-row  k-scheduler-content",key:`${this.ri.groupIndex}:${l}`},[t.createVNode(a,{index:l,editable:this.$props.editable,row:k.length*(this.ri.groupIndex||0)+l,col:0,viewSlot:this.$props.viewSlot,onDataaction:this.handleDataAction,className:"k-scheduler-datecolumn k-group-cell"},{default:()=>[h?t.createVNode("div",{class:"k-scheduler-datecolumn-wrap"},[t.createVNode("span",{class:"k-mobile-scheduler-agendadate"},[t.createVNode("span",{class:"k-mobile-scheduler-agendaday"},[this.intl.formatDate(r.zonedStart,"dd")]),t.createTextVNode(" "),t.createVNode("span",{class:"k-mobile-scheduler-agendamonth"},[this.intl.formatDate(r.zonedStart,"MMMM")])]),t.createVNode("span",{class:"k-mobile-scheduler-agendaweekday"},[this.intl.formatDate(r.zonedStart,"EEEE")])]):t.createVNode("div",null,[t.createVNode("strong",{class:"k-scheduler-agendaday"},[this.intl.formatDate(r.zonedStart,"dd")]),t.createVNode("em",{class:"k-scheduler-agendaweek"},[this.intl.formatDate(r.zonedStart,"EEEE")]),t.createVNode("span",{class:"k-scheduler-agendadate"},[this.intl.formatDate(r.zonedStart,"y")])])]}),t.createVNode("div",{class:"k-scheduler-cell k-group-content"},[this.hasMounted&&r.items.length?r.items.map(function(e,i){return t.createVNode("div",{class:"k-scheduler-row",key:i},[t.createVNode("div",{class:"k-scheduler-cell k-scheduler-timecolumn"},[t.createVNode("div",null,[e.tail&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?d.chevronRightIcon:d.chevronLeftIcon},null),e.isAllDay?o.toLanguageString(s.allDay,s.messages[s.allDay]):f(this.intl,e),e.head&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?d.chevronLeftIcon:d.chevronRightIcon},null)])]),t.createVNode("div",{class:"k-scheduler-cell"},[t.createVNode(n,{key:`${l}:${i}`,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,onDataaction:this.handleDataAction,task:this.$props.task,viewTask:this.$props.viewTask,editable:this.$props.editable},null)])])},this):t.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell"},[o.toLanguageString(s.noEvents,s.messages[s.noEvents])])])])},this)])},methods:{handleDataAction(a){this.$emit("dataaction",a)}}}),f=(a,n)=>{let o="{0:t}-{1:t}";return n.head?o="{0:t}":n.tail&&(o="{1:t}"),a.format(o,n.zonedStart,n.zonedEnd)};exports.AgendaViewBody=p;