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

package/items/SchedulerViewItem.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as A, createVNode as n, Fragment as M, h as P } from "vue";
-import { SchedulerItem as C } from "./SchedulerItem.mjs";
-import { calculateOrder as B, intersects as y, first as N } from "../utils/main.mjs";
-import { getRect as S, setRect as I } from "../views/common/utils.mjs";
-import { BORDER_WIDTH as p } from "../constants/main.mjs";
-import { provideIntlService as j } from "@progress/kendo-vue-intl";
-import { SchedulerItemContent as D } from "./SchedulerItemContent.mjs";
-import { getDefaultSlots as K, Icon as c, getTemplate as U, canUseDOM as w } from "@progress/kendo-vue-common";
-import { chevronRightIcon as k, chevronLeftIcon as E, chevronUpIcon as _, arrowRotateCwIcon as F, arrowsNoRepeatIcon as H, chevronDownIcon as L } from "@progress/kendo-svg-icons";
-const T = 1, x = 25, te = /* @__PURE__ */ A({
+import { defineComponent as M, createVNode as i, Fragment as P, h as C } from "vue";
+import { SchedulerItem as B } from "./SchedulerItem.mjs";
+import { calculateOrder as N, intersects as y, last as j, first as K } from "../utils/main.mjs";
+import { getRect as S, setRect as D } from "../views/common/utils.mjs";
+import { BORDER_WIDTH as m } from "../constants/main.mjs";
+import { provideIntlService as U } from "@progress/kendo-vue-intl";
+import { SchedulerItemContent as I } from "./SchedulerItemContent.mjs";
+import { getDefaultSlots as _, Icon as u, getTemplate as L, canUseDOM as w } from "@progress/kendo-vue-common";
+import { chevronRightIcon as k, chevronLeftIcon as A, chevronUpIcon as V, arrowRotateCwIcon as E, arrowsNoRepeatIcon as F, chevronDownIcon as q } from "@progress/kendo-svg-icons";
+const v = 1, H = 25, se = /* @__PURE__ */ M({
   name: "KendoSchedulerViewItem",
   inheritAttrs: !1,
   props: {
@@ -104,6 +104,10 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
     },
     formattedTime() {
       return this.intl.format("{0:t} – {1:t}", this.$props.zonedStart, this.$props.zonedEnd);
+    },
+    inAllDayArea() {
+      var e;
+      return ((e = this.$props.range) == null ? void 0 : e.isAllDay) === !0;
     }
   },
   data() {
@@ -135,10 +139,11 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
     this.observer && this.observer.disconnect();
   },
   render() {
-    const e = K(this);
-    this.intl = j(this);
-    let t;
-    const o = n(C, {
+    const e = _(this);
+    this.intl = U(this);
+    const t = this.inAllDayArea;
+    let o;
+    const l = i(B, {
       ignoreIsAllDay: this.ignoreIsAllDay,
       item: this.item,
       uid: this.uid,
@@ -204,57 +209,61 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
       onResizestartdrag: this.handleResizeStartDrag,
       onResizerelease: this.handleResizeRelease
     }, {
-      default: () => [!this.$props.resizeHint && n(M, null, [this.$props.tail && !this.$props.vertical && n("span", {
+      default: () => [!this.$props.resizeHint && i(P, null, [this.$props.tail && !this.$props.vertical && i("span", {
         class: "k-event-continuation"
-      }, [n(c, {
+      }, [i(u, {
         name: this.ks.isRtl ? "chevron-right" : "chevron-left",
-        icon: this.ks.isRtl ? k : E
-      }, null)]), n("div", {
+        icon: this.ks.isRtl ? k : A
+      }, null)]), i("div", {
         title: this.itemTitle
-      }, [this.$props.tail && this.$props.vertical && n("span", {
+      }, [this.$props.tail && this.$props.vertical && i("span", {
         class: "k-event-continuation"
-      }, [n(c, {
+      }, [i(u, {
         name: "chevron-up",
-        icon: _
-      }, null)]), n(D, {
+        icon: V
+      }, null)]), t && !this.$props.isAllDay && !this.$props.tail && i("span", {
+        class: "k-event-all-day-time"
+      }, [this.intl.toString(this.$props.zonedStart, "t")]), i(I, {
         class: "k-event-title"
       }, {
         default: () => [this.$props.title]
-      }), !this.$props.isAllDay && n(D, {
+      }), t && !this.$props.isAllDay && !this.$props.head && i("span", {
+        class: "k-event-all-day-time"
+      }, [this.intl.toString(this.$props.zonedEnd, "t")]), !t && !this.$props.isAllDay && i(I, {
         class: "k-event-time"
       }, {
-        default: () => [this.$props.isRecurring && !this.$props.isException && n("span", {
+        default: () => [this.$props.isRecurring && !this.$props.isException && i("span", {
           class: "k-event-recurrence-icon"
-        }, [n(c, {
+        }, [i(u, {
           name: "arrow-rotate-cw",
-          icon: F
-        }, null)]), !this.$props.isRecurring && this.$props.isException && n("span", {
+          icon: E
+        }, null)]), !this.$props.isRecurring && this.$props.isException && i("span", {
           class: "k-event-recurrence-icon"
-        }, [n(c, {
+        }, [i(u, {
           name: "arrows-no-repeat",
-          icon: H
+          icon: F
         }, null)]), this.formattedTime]
-      }), this.$props.head && this.$props.vertical && n("span", {
+      }), this.$props.head && this.$props.vertical && i("span", {
         class: "k-event-continuation"
-      }, [n(c, {
+      }, [i(u, {
         name: "chevron-down",
-        icon: L
-      }, null)])]), (this.$props.isRecurring && !this.$props.isException || !this.$props.isRecurring && this.$props.isException) && n("span", {
+        icon: q
+      }, null)])]), (this.$props.isRecurring && !this.$props.isException || !this.$props.isRecurring && this.$props.isException) && i("span", {
         class: "k-event-recurrence-icon"
-      }, [n(c, {
+      }, [i(u, {
         name: this.$props.isRecurring ? "arrow-rotate-cw" : "arrows-no-repeat",
-        icon: this.$props.isRecurring ? F : H
-      }, null)]), this.$props.head && !this.$props.vertical && n("span", {
+        icon: this.$props.isRecurring ? E : F
+      }, null)]), this.$props.head && !this.$props.vertical && i("span", {
         class: "k-event-continuation"
-      }, [n(c, {
+      }, [i(u, {
         name: this.ks.isRtl ? "chevron-left" : "chevron-right",
-        icon: this.ks.isRtl ? E : k
+        icon: this.ks.isRtl ? A : k
       }, null)])])]
     });
-    return t = U.call(this, {
-      h: P,
+    return o = L.call(this, {
+      h: C,
       template: this.$props.item,
-      defaultRendering: o,
+      defaultRendering: l,
       defaultSlots: e,
       additionalListeners: {
         //   keydown: this.handleKeyDown,
@@ -277,7 +286,7 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
         resizestartdrag: this.handleResizeStartDrag,
         resizerelease: this.handleResizeRelease
       }
-    }), t;
+    }), o;
   },
   methods: {
     getElement() {
@@ -353,12 +362,12 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
     calculateMostSiblings(e, t) {
       let o = 1;
       return e.forEach((l) => {
-        const i = t.filter((r) => this.inSlot(l.cSlot, r.$props));
-        i.length > o && (o = i.length);
+        const r = t.filter((s) => this.inSlot(l.cSlot, s.$props));
+        r.length > o && (o = r.length);
       }), o;
     },
     getSiblingsInAllSlots(e, t) {
-      return e.map((l) => t.filter((i) => this.inSlot(l.cSlot, i.$props)));
+      return e.map((l) => t.filter((r) => this.inSlot(l.cSlot, r.$props)));
     },
     inSlot(e, t) {
       return y(e.start, e.end, t.start, t.end) && e.group.index === t.group.index && e.range.index === t.range.index && (e.range.isAllDay === void 0 || t.range.isAllDay === void 0 || e.range.isAllDay === t.range.isAllDay) && (this.$props.ignoreIsAllDay || e.isAllDay === t.isAllDay);
@@ -366,29 +375,29 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
     align() {
       if (!this.element)
         return;
-      const e = (this.bv.slots || []).filter((i) => i && this.inSlot(i.cSlot, this.$props));
+      const e = (this.bv.slots || []).filter((s) => s && this.inSlot(s.cSlot, this.$props));
       if (e.length === 0) {
         this.display = !1;
         return;
       }
-      const t = N(e.sort(function(i, r) {
-        return i.cSlot.start && r.cSlot.start ? i.cSlot.start.getTime() - r.cSlot.start.getTime() : !0;
-      }));
-      if (!t)
+      const t = e.sort(function(s, c) {
+        return s.cSlot.start && c.cSlot.start ? s.cSlot.start.getTime() - c.cSlot.start.getTime() : !0;
+      }), o = this.inAllDayArea && this.ks.isRtl ? j(t) : K(t);
+      if (!o)
         return;
-      const o = S(t.$el), l = t.$el;
-      if (l && !this.$props.vertical) {
-        const i = l.querySelector(".k-nav-day");
-        let r = 0;
-        if (i)
-          r = i.offsetTop + parseFloat(window.getComputedStyle(i).lineHeight || "0");
-        else if (l.firstElementChild) {
-          const m = window.getComputedStyle(l), d = parseFloat(m.paddingTop || "0"), s = parseFloat(m.lineHeight || "0");
-          s > 0 && (r = d + s);
+      const l = S(o.$el), r = o.$el;
+      if (r && !this.$props.vertical) {
+        const s = r.querySelector(".k-nav-day");
+        let c = 0;
+        if (s)
+          c = s.offsetTop + parseFloat(window.getComputedStyle(s).lineHeight || "0");
+        else if (r.firstElementChild) {
+          const p = window.getComputedStyle(r), n = parseFloat(p.paddingTop || "0"), d = parseFloat(p.lineHeight || "0");
+          d > 0 && (c = n + d);
         }
-        o.top += r, (this.$props.dragHint || this.$props.resizeHint) && (o.height -= r);
+        l.top += c, (this.$props.dragHint || this.$props.resizeHint) && (l.height -= c);
       }
-      I(this.element, o);
+      D(this.element, l);
     },
     position() {
       var b, z;
@@ -398,27 +407,27 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
       (this.bv.items || []).forEach((a) => {
         a && (a.$props.dragHint ? o.push(a) : a.$props.resizeHint ? l.push(a) : t.push(a));
       });
-      const i = this.$props.dragHint || this.$props.resizeHint ? B(this, this.$props.dragHint ? o : l, e, this.$props.ignoreIsAllDay) : this.$props.order || 0;
-      let r = this.$props.dragHint || this.$props.resizeHint ? this.calculateMostSiblings(e, this.$props.dragHint ? o : l) : this.calculateMostSiblings(e, t);
-      const m = this.getSiblingsInAllSlots(e, t);
-      let d = 0;
-      const s = S(this.element), u = (b = this.$props.itemStyle) == null ? void 0 : b.height, f = typeof u == "number" ? u : parseFloat(u), v = !this.$props.vertical && (u == null || !Number.isNaN(f));
-      if (m.forEach((a) => {
-        let $ = 0;
+      const r = this.$props.dragHint || this.$props.resizeHint ? N(this, this.$props.dragHint ? o : l, e, this.$props.ignoreIsAllDay) : this.$props.order || 0;
+      let s = this.$props.dragHint || this.$props.resizeHint ? this.calculateMostSiblings(e, this.$props.dragHint ? o : l) : this.calculateMostSiblings(e, t);
+      const c = this.getSiblingsInAllSlots(e, t);
+      let p = 0;
+      const n = S(this.element), d = (b = this.$props.itemStyle) == null ? void 0 : b.height, $ = typeof d == "number" ? d : parseFloat(d), R = !this.$props.vertical && (d == null || !Number.isNaN($));
+      if (c.forEach((a) => {
+        let f = 0;
         a.sort(function(h, g) {
           return h.$props.order - g.$props.order;
         }).forEach((h) => {
-          if (y(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), !v) {
+          if (y(h.$props.start, h.$props.end, this.$props.start, this.$props.end) && !(this.$props.dragHint || this.$props.resizeHint) && h.$props.maxSiblingsPerSlot && h.$props.maxSiblingsPerSlot > s && h.getElement() !== this.element && (s = h.$props.maxSiblingsPerSlot), !R) {
             const g = S(h.getElement());
-            h.$props.order !== null && h.$props.order < i && ($ = (g.top || s.top) + g.height - s.top - p * i + T);
+            h.$props.order !== null && h.$props.order < r && (f = (g.top || n.top) + g.height - n.top - m * r + v);
           }
-        }), $ > d && (d = $);
-      }), v && (d = i * ((Number.isNaN(f) ? x : f) + T)), e.length === 0) {
+        }), f > p && (p = f);
+      }), R && (p = r * ((Number.isNaN($) ? H : $) + v)), e.length === 0) {
         this.display = !1;
         return;
       }
-      const R = 20, O = ((z = this.$props.itemStyle) == null ? void 0 : z.height) || x;
-      s.width = this.$props.vertical ? s.width / r - p - R / r : s.width * e.length - p - R, this.$props.vertical ? s.height = s.height * e.length - p : (this.$props.resizeHint || this.$props.dragHint) && r <= 1 || (s.height = O), s.left = this.$props.vertical ? s.left + i * s.width + p * i : s.left, s.top = this.$props.vertical ? s.top : s.top + d + p * i, this.maxSiblingsPerSlot = r, this._order = i, I(this.element, s), this.visible = !0, this.display = !0;
+      const T = 20, x = ((z = this.$props.itemStyle) == null ? void 0 : z.height) || H, O = this.inAllDayArea ? v : 0;
+      n.width = this.$props.vertical ? n.width / s - m - T / s : n.width * e.length - m - O, this.$props.vertical ? n.height = n.height * e.length - m : (this.$props.resizeHint || this.$props.dragHint) && s <= 1 || (n.height = x), n.left = this.$props.vertical ? n.left + r * n.width + m * r : n.left, n.top = this.$props.vertical ? n.top : n.top + p + m * r, this.maxSiblingsPerSlot = s, this._order = r, D(this.element, n), this.visible = !0, this.display = !0;
     },
     handleResize() {
       this.timeout !== void 0 && window.cancelAnimationFrame(this.timeout), this.timeout = window.requestAnimationFrame(() => {
@@ -428,5 +437,5 @@ const T = 1, x = 25, te = /* @__PURE__ */ A({
   }
 });
 export {
-  te as SchedulerViewItem
+  se as SchedulerViewItem
 };

package/items/hooks/use-drag-item.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 u=require("@progress/kendo-vue-common"),p=require("../../constants/main.js"),s=require("../../utils/main.js");let l=(function(e){return e.set="DRAG_ITEM_SET",e.start="DRAG_ITEM_START",e.drag="DRAG_ITEM_DRAG",e.complete="DRAG_ITEM_COMPLETE",e.completeOccurrence="DRAG_ITEM_COMPLETE_OCCURRENCE",e.completeSeries="DRAG_ITEM_COMPLETE_SERIES",e.reset="DRAG_ITEM_RESET",e.dragSelected="DRAG_ITEM_DRAG_SELECTED",e})({}),f=0,I=0,y=0,h=null;const k=function(e){const i=u.clone(this.dataItem);switch(e.type){case l.set:{this.currentDragItem=e.payload;break}case l.reset:{this.currentDragItem=null;break}case l.dragSelected:{if(Math.abs(I-e.payload.x)<10&&Math.abs(y-e.payload.y)<10)return;const t=s.slotDive(e.payload.x,e.payload.y,7);if(!t||t===h)return;const a=t.getAttribute("data-slot-start"),r=t.getAttribute("data-slot-allday")==="true";if(!this.ignoreIsAllDay&&r!==this.isAllDay)return;const n=new Date(s.getField(i,this.ks.fields.start)),d=Number(a)-n.getTime(),b=this.bv.selectedItems.map(o=>{if(!o)return null;const m=u.clone(o.props.dataItem),D=new Date(o.props.start.getTime()+d),g=new Date(o.props.end.getTime()+d);return s.setField(m,this.ks.fields.start,D),s.setField(m,this.ks.fields.end,g),m}).filter(Boolean);h=t,this.currentDragItem=[...b];break}case l.start:{const t=e.payload.x,a=e.payload.y;I=t,y=a;const r=s.slotDive(t,a,7);if(!r)return;const n=r.getAttribute("data-slot-start"),d=s.getField(i,this.ks.fields.start);if(n===null)return;f=Number(n)-new Date(d).getTime();break}case l.drag:{if(Math.abs(I-e.payload.x)<10&&Math.abs(y-e.payload.y)<10)return;const t=s.slotDive(e.payload.x,e.payload.y,7);if(!t||t===h)return;const a=t.getAttribute("data-slot-start"),r=t.getAttribute("data-slot-group"),n=t.getAttribute("data-slot-allday")==="true";if(!this.ignoreIsAllDay&&n!==this.isAllDay)return;const d=new Date(s.getField(i,this.ks.fields.start)),o=new Date(s.getField(i,this.ks.fields.end)).getTime()-d.getTime(),m=new Date(Number(a)-Number(f)),D=new Date(Number(a)-Number(f)+o),g=this.ks.groups.find(c=>c.index===Number(r));s.setField(i,this.ks.fields.start,m),s.setField(i,this.ks.fields.end,D),g&&this.ks.groups.length>1&&g.resources.forEach(c=>{c.multiple||s.setField(i,c.field,c[c.valueField])}),h=t,i&&(this.currentDragItem=i);break}case l.complete:{const t=this.compDragItem;this.currentDragItem=null,t&&this.$emit("dataaction",{type:p.DATA_ACTION.update,series:!1,dataItem:t});break}case l.completeOccurrence:{const t=Array.isArray(this.compDragItem)?this.compDragItem.slice():u.clone(this.compDragItem),a=this.compDragItem;this.currentDragItem=null,a&&this.$emit("dataaction",{type:p.DATA_ACTION.update,series:!1,dataItem:t});break}case l.completeSeries:{let t;if(Array.isArray(this.compDragItem))t=this.compDragItem.map(a=>{const r=u.clone(a);return s.setField(r,this.ks.fields.start,s.getField(a,this.ks.fields.start)),s.setField(r,this.ks.fields.end,s.getField(a,this.ks.fields.end)),r});else{const a=u.clone(this.compDragItem);s.setField(a,this.ks.fields.start,s.getField(this.compDragItem,this.ks.fields.start)),s.setField(a,this.ks.fields.end,s.getField(this.compDragItem,this.ks.fields.end)),t=a}this.currentDragItem=null,t&&this.$emit("dataaction",{type:p.DATA_ACTION.update,series:!0,dataItem:t});break}default:this.currentDragItem=this.compDragItem;break}this.$emit("dragitemchange",this.currentDragItem)};exports.DRAG_ITEM_ACTION=l;exports.useDragItem=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@progress/kendo-vue-common"),S=require("@progress/kendo-date-math"),p=require("../../constants/main.js"),e=require("../../utils/main.js");let l=(function(s){return s.set="DRAG_ITEM_SET",s.start="DRAG_ITEM_START",s.drag="DRAG_ITEM_DRAG",s.complete="DRAG_ITEM_COMPLETE",s.completeOccurrence="DRAG_ITEM_COMPLETE_OCCURRENCE",s.completeSeries="DRAG_ITEM_COMPLETE_SERIES",s.reset="DRAG_ITEM_RESET",s.dragSelected="DRAG_ITEM_DRAG_SELECTED",s})({}),A=0,E=0,I=0,y=0,g=null,k=!1;const b=(s,r)=>e.toUTCDateTime(S.ZonedDate.fromLocalDate(new Date(s),r)).getTime(),T=(s,r)=>S.ZonedDate.fromUTCDate(new Date(b(s,r)-E),r).toLocalDate(),F=function(s){const r=u.clone(this.dataItem);switch(s.type){case l.set:{this.currentDragItem=s.payload;break}case l.reset:{this.currentDragItem=null;break}case l.dragSelected:{if(Math.abs(I-s.payload.x)<10&&Math.abs(y-s.payload.y)<10)return;const t=e.slotDive(s.payload.x,s.payload.y,7);if(!t||t===g)return;const a=t.getAttribute("data-slot-start"),i=t.getAttribute("data-slot-allday")==="true";if(!this.ignoreIsAllDay&&i!==this.isAllDay||k&&!i)return;const n=new Date(e.getField(r,this.ks.fields.start)),h=(e.isTimedItemOnDaySlot(this,t)?T(Number(a),this.ks.timezone):new Date(Number(a))).getTime()-n.getTime(),f=this.bv.selectedItems.map(d=>{if(!d)return null;const c=u.clone(d.$props.dataItem),D=new Date(d.$props.start.getTime()+h),o=new Date(d.$props.end.getTime()+h);return e.setField(c,this.ks.fields.start,D),e.setField(c,this.ks.fields.end,o),c}).filter(Boolean);g=t,this.currentDragItem=[...f];break}case l.start:{const t=s.payload.x,a=s.payload.y;I=t,y=a;const i=e.slotDive(t,a,7);if(!i)return;const n=i.getAttribute("data-slot-start"),m=e.getField(r,this.ks.fields.start);if(n===null)return;k=i.getAttribute("data-slot-allday")==="true",A=Number(n)-new Date(m).getTime(),e.isTimedItemOnDaySlot(this,i)&&(E=b(Number(n),this.ks.timezone)-b(new Date(m).getTime(),this.ks.timezone));break}case l.drag:{if(Math.abs(I-s.payload.x)<10&&Math.abs(y-s.payload.y)<10)return;const t=e.slotDive(s.payload.x,s.payload.y,7);if(!t||t===g)return;const a=t.getAttribute("data-slot-start"),i=t.getAttribute("data-slot-group"),n=t.getAttribute("data-slot-allday")==="true";if(!this.ignoreIsAllDay&&n!==this.isAllDay||k&&!n)return;const m=new Date(e.getField(r,this.ks.fields.start)),f=new Date(e.getField(r,this.ks.fields.end)).getTime()-m.getTime(),d=e.isTimedItemOnDaySlot(this,t)?T(Number(a),this.ks.timezone):new Date(Number(a)-Number(A)),c=new Date(d.getTime()+f),D=this.ks.groups.find(o=>o.index===Number(i));e.setField(r,this.ks.fields.start,d),e.setField(r,this.ks.fields.end,c),D&&this.ks.groups.length>1&&D.resources.forEach(o=>{o.multiple||e.setField(r,o.field,o[o.valueField])}),g=t,r&&(this.currentDragItem=r);break}case l.complete:{const t=this.compDragItem;this.currentDragItem=null,t&&e.emitDataAction(this,{type:p.DATA_ACTION.update,series:!1,dataItem:t});break}case l.completeOccurrence:{const t=Array.isArray(this.compDragItem)?this.compDragItem.slice():u.clone(this.compDragItem),a=this.compDragItem;this.currentDragItem=null,a&&e.emitDataAction(this,{type:p.DATA_ACTION.update,series:!1,dataItem:t});break}case l.completeSeries:{let t;if(Array.isArray(this.compDragItem))t=this.compDragItem.map(a=>{const i=u.clone(a);return e.setField(i,this.ks.fields.start,e.getField(a,this.ks.fields.start)),e.setField(i,this.ks.fields.end,e.getField(a,this.ks.fields.end)),i});else{const a=u.clone(this.compDragItem);e.setField(a,this.ks.fields.start,e.getField(this.compDragItem,this.ks.fields.start)),e.setField(a,this.ks.fields.end,e.getField(this.compDragItem,this.ks.fields.end)),t=a}this.currentDragItem=null,t&&e.emitDataAction(this,{type:p.DATA_ACTION.update,series:!0,dataItem:t});break}default:this.currentDragItem=this.compDragItem;break}this.$emit("dragitemchange",this.currentDragItem)};exports.DRAG_ITEM_ACTION=l;exports.useDragItem=F;

package/items/hooks/use-drag-item.mjs

@@ -6,98 +6,99 @@
  *-------------------------------------------------------------------------------------------
  */
 import { clone as h } from "@progress/kendo-vue-common";
-import { DATA_ACTION as D } from "../../constants/main.mjs";
-import { setField as i, getField as l, slotDive as I } from "../../utils/main.mjs";
-let n = /* @__PURE__ */ (function(e) {
+import { ZonedDate as x } from "@progress/kendo-date-math";
+import { DATA_ACTION as y } from "../../constants/main.mjs";
+import { setField as i, getField as o, emitDataAction as I, slotDive as k, isTimedItemOnDaySlot as b, toUTCDateTime as L } from "../../utils/main.mjs";
+let m = /* @__PURE__ */ (function(e) {
   return e.set = "DRAG_ITEM_SET", e.start = "DRAG_ITEM_START", e.drag = "DRAG_ITEM_DRAG", e.complete = "DRAG_ITEM_COMPLETE", e.completeOccurrence = "DRAG_ITEM_COMPLETE_OCCURRENCE", e.completeSeries = "DRAG_ITEM_COMPLETE_SERIES", e.reset = "DRAG_ITEM_RESET", e.dragSelected = "DRAG_ITEM_DRAG_SELECTED", e;
-})({}), y = 0, b = 0, k = 0, f = null;
-const R = function(e) {
-  const r = h(this.dataItem);
+})({}), w = 0, M = 0, E = 0, S = 0, f = null, A = !1;
+const T = (e, a) => L(x.fromLocalDate(new Date(e), a)).getTime(), R = (e, a) => x.fromUTCDate(new Date(T(e, a) - M), a).toLocalDate(), z = function(e) {
+  const a = h(this.dataItem);
   switch (e.type) {
-    case n.set: {
+    case m.set: {
       this.currentDragItem = e.payload;
       break;
     }
-    case n.reset: {
+    case m.reset: {
       this.currentDragItem = null;
       break;
     }
-    case n.dragSelected: {
-      if (Math.abs(b - e.payload.x) < 10 && Math.abs(k - e.payload.y) < 10)
+    case m.dragSelected: {
+      if (Math.abs(E - e.payload.x) < 10 && Math.abs(S - e.payload.y) < 10)
         return;
-      const t = I(e.payload.x, e.payload.y, 7);
+      const t = k(e.payload.x, e.payload.y, 7);
       if (!t || t === f)
         return;
-      const s = t.getAttribute("data-slot-start"), a = t.getAttribute("data-slot-allday") === "true";
-      if (!this.ignoreIsAllDay && a !== this.isAllDay)
+      const s = t.getAttribute("data-slot-start"), r = t.getAttribute("data-slot-allday") === "true";
+      if (!this.ignoreIsAllDay && r !== this.isAllDay || A && !r)
         return;
-      const o = new Date(l(r, this.ks.fields.start)), d = Number(s) - o.getTime(), E = this.bv.selectedItems.map((m) => {
-        if (!m)
+      const l = new Date(o(a, this.ks.fields.start)), p = (b(this, t) ? R(Number(s), this.ks.timezone) : new Date(Number(s))).getTime() - l.getTime(), g = this.bv.selectedItems.map((d) => {
+        if (!d)
           return null;
-        const u = h(m.props.dataItem), g = new Date(m.props.start.getTime() + d), p = new Date(m.props.end.getTime() + d);
-        return i(u, this.ks.fields.start, g), i(u, this.ks.fields.end, p), u;
+        const u = h(d.$props.dataItem), D = new Date(d.$props.start.getTime() + p), n = new Date(d.$props.end.getTime() + p);
+        return i(u, this.ks.fields.start, D), i(u, this.ks.fields.end, n), u;
       }).filter(Boolean);
-      f = t, this.currentDragItem = [...E];
+      f = t, this.currentDragItem = [...g];
       break;
     }
-    case n.start: {
+    case m.start: {
       const t = e.payload.x, s = e.payload.y;
-      b = t, k = s;
-      const a = I(t, s, 7);
-      if (!a)
+      E = t, S = s;
+      const r = k(t, s, 7);
+      if (!r)
         return;
-      const o = a.getAttribute("data-slot-start"), d = l(r, this.ks.fields.start);
-      if (o === null)
+      const l = r.getAttribute("data-slot-start"), c = o(a, this.ks.fields.start);
+      if (l === null)
         return;
-      y = Number(o) - new Date(d).getTime();
+      A = r.getAttribute("data-slot-allday") === "true", w = Number(l) - new Date(c).getTime(), b(this, r) && (M = T(Number(l), this.ks.timezone) - T(new Date(c).getTime(), this.ks.timezone));
       break;
     }
-    case n.drag: {
-      if (Math.abs(b - e.payload.x) < 10 && Math.abs(k - e.payload.y) < 10)
+    case m.drag: {
+      if (Math.abs(E - e.payload.x) < 10 && Math.abs(S - e.payload.y) < 10)
         return;
-      const t = I(e.payload.x, e.payload.y, 7);
+      const t = k(e.payload.x, e.payload.y, 7);
       if (!t || t === f)
         return;
-      const s = t.getAttribute("data-slot-start"), a = t.getAttribute("data-slot-group"), o = t.getAttribute("data-slot-allday") === "true";
-      if (!this.ignoreIsAllDay && o !== this.isAllDay)
+      const s = t.getAttribute("data-slot-start"), r = t.getAttribute("data-slot-group"), l = t.getAttribute("data-slot-allday") === "true";
+      if (!this.ignoreIsAllDay && l !== this.isAllDay || A && !l)
         return;
-      const d = new Date(l(r, this.ks.fields.start)), m = new Date(l(r, this.ks.fields.end)).getTime() - d.getTime(), u = new Date(Number(s) - Number(y)), g = new Date(Number(s) - Number(y) + m), p = this.ks.groups.find((c) => c.index === Number(a));
-      i(r, this.ks.fields.start, u), i(r, this.ks.fields.end, g), p && this.ks.groups.length > 1 && p.resources.forEach((c) => {
-        c.multiple || i(r, c.field, c[c.valueField]);
-      }), f = t, r && (this.currentDragItem = r);
+      const c = new Date(o(a, this.ks.fields.start)), g = new Date(o(a, this.ks.fields.end)).getTime() - c.getTime(), d = b(this, t) ? R(Number(s), this.ks.timezone) : new Date(Number(s) - Number(w)), u = new Date(d.getTime() + g), D = this.ks.groups.find((n) => n.index === Number(r));
+      i(a, this.ks.fields.start, d), i(a, this.ks.fields.end, u), D && this.ks.groups.length > 1 && D.resources.forEach((n) => {
+        n.multiple || i(a, n.field, n[n.valueField]);
+      }), f = t, a && (this.currentDragItem = a);
       break;
     }
-    case n.complete: {
+    case m.complete: {
       const t = this.compDragItem;
-      this.currentDragItem = null, t && this.$emit("dataaction", {
-        type: D.update,
+      this.currentDragItem = null, t && I(this, {
+        type: y.update,
         series: !1,
         dataItem: t
       });
       break;
     }
-    case n.completeOccurrence: {
+    case m.completeOccurrence: {
       const t = Array.isArray(this.compDragItem) ? this.compDragItem.slice() : h(this.compDragItem), s = this.compDragItem;
-      this.currentDragItem = null, s && this.$emit("dataaction", {
-        type: D.update,
+      this.currentDragItem = null, s && I(this, {
+        type: y.update,
         series: !1,
         dataItem: t
       });
       break;
     }
-    case n.completeSeries: {
+    case m.completeSeries: {
       let t;
       if (Array.isArray(this.compDragItem))
         t = this.compDragItem.map((s) => {
-          const a = h(s);
-          return i(a, this.ks.fields.start, l(s, this.ks.fields.start)), i(a, this.ks.fields.end, l(s, this.ks.fields.end)), a;
+          const r = h(s);
+          return i(r, this.ks.fields.start, o(s, this.ks.fields.start)), i(r, this.ks.fields.end, o(s, this.ks.fields.end)), r;
         });
       else {
         const s = h(this.compDragItem);
-        i(s, this.ks.fields.start, l(this.compDragItem, this.ks.fields.start)), i(s, this.ks.fields.end, l(this.compDragItem, this.ks.fields.end)), t = s;
+        i(s, this.ks.fields.start, o(this.compDragItem, this.ks.fields.start)), i(s, this.ks.fields.end, o(this.compDragItem, this.ks.fields.end)), t = s;
       }
-      this.currentDragItem = null, t && this.$emit("dataaction", {
-        type: D.update,
+      this.currentDragItem = null, t && I(this, {
+        type: y.update,
         series: !0,
         dataItem: t
       });
@@ -110,6 +111,6 @@ const R = function(e) {
   this.$emit("dragitemchange", this.currentDragItem);
 };
 export {
-  n as DRAG_ITEM_ACTION,
-  R as useDragItem
+  m as DRAG_ITEM_ACTION,
+  z as useDragItem
 };

package/items/hooks/use-form-item.d.ts

@@ -21,7 +21,7 @@ export type SchedulerItemFormItemAction = {
 /** @hidden */
 export declare const useFormItem: (_config: {
     series: boolean;
-    onDataaction?: any;
+    onDataAction?: any;
 }, _state: [
     DataItem,
     DataItem,

package/items/hooks/use-remove-item.d.ts

@@ -29,7 +29,7 @@ export type SchedulerItemRemoveItemAction = {
 /** @hidden */
 export declare const useRemoveItem: (_config: {
     series: boolean;
-    onDataaction?: any;
+    onDataAction?: any;
 }, _state: [
     DataItem,
     DataItem,

package/items/hooks/use-resize-item.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 c=require("@progress/kendo-vue-common"),E=require("../../constants/main.js"),t=require("../../utils/main.js");let d=(function(e){return e.set="RESIZE_ITEM_SET",e.start="RESIZE_ITEM_START",e.startDrag="RESIZE_ITEM_START_DRAG",e.startDragSelected="RESIZE_ITEM_START_DRAG_SELECTED",e.endDrag="RESIZE_ITEM_END_DRAG",e.endDragSelected="RESIZE_ITEM_END_DRAG_SELECTED",e.complete="RESIZE_ITEM_COMPLETE",e.completeOccurrence="RESIZE_ITEM_COMPLETE_OCCURRENCE",e.completeSeries="RESIZE_ITEM_COMPLETE_SERIES",e.reset="RESIZE_ITEM_RESET",e})({}),m=null;const R=function(e,f){let r=this.compResizeItem;switch(e.type){case d.set:r=e.payload;break;case d.reset:r=null;break;case d.start:{f.stopPropagation(),f.preventDefault();const n=e.payload.x,a=e.payload.y,s=t.slotDive(n,a,7);if(!s||s===m)return;const l=s.getAttribute("data-slot-start"),o=new Date(Number(l)),i=c.clone(this.dataItem);if(o>=t.getField(i,this.ks.fields.end))return;t.setField(i,this.ks.fields.start,o),m=s,r=i;break}case d.startDragSelected:{f.stopPropagation(),f.preventDefault();const n=e.payload.x,a=e.payload.y,s=c.clone(this.dataItem),l=t.slotDive(n,a,7);if(!l||l===m)return;const o=l.getAttribute("data-slot-start"),i=new Date(t.getField(s,this.ks.fields.start)),I=new Date(Number(o)).getTime()-i.getTime();let h=!1;const g=this.bv.selectedItems.map(u=>{if(!u)return null;const p=c.clone(u.props.dataItem),D=new Date(u.props.start.getTime()+I);if(D>=t.getField(p,this.ks.fields.end)){h=!0;return}return t.setField(p,this.ks.fields.start,D),p}).filter(Boolean);h||(r=[...g]);break}case d.startDrag:{const n=e.payload.x,a=e.payload.y,s=t.slotDive(n,a,7);if(!s||s===m)return;const l=s.getAttribute("data-slot-start"),o=new Date(Number(l)),i=c.clone(this.dataItem);if(o>=i.end)return;t.setField(i,this.ks.fields.start,o),m=s,r=i;break}case d.endDrag:{const n=e.payload.x,a=e.payload.y,s=t.slotDive(n,a,7);if(!s||s===m)return;const l=s.getAttribute("data-slot-end"),o=new Date(Number(l)),i=c.clone(this.dataItem);if(o<=i.start)return;t.setField(i,this.ks.fields.end,o),m=s,r=i;break}case d.endDragSelected:{f.stopPropagation(),f.preventDefault();const n=e.payload.x,a=e.payload.y,s=c.clone(this.dataItem),l=t.slotDive(n,a,7);if(!l||l===m)return;const o=l.getAttribute("data-slot-start"),i=new Date(t.getField(s,this.ks.fields.end)),I=new Date(Number(o)).getTime()-i.getTime();let h;const g=this.bv.selectedItems.map(u=>{if(!u)return null;const p=c.clone(u.props.dataItem),D=new Date(u.props.end.getTime()+I);if(D<=t.getField(p,this.ks.fields.start)){h=!0;return}return t.setField(p,this.ks.fields.end,D),p}).filter(Boolean);h||(r=[...g]);break}case d.complete:{r=null,this.compResizeItem&&this.$emit("dataaction",{type:E.DATA_ACTION.update,series:!1,dataItem:this.compResizeItem});break}case d.completeOccurrence:{r=null,this.compResizeItem&&this.$emit("dataaction",{type:E.DATA_ACTION.update,series:!1,dataItem:this.compResizeItem});break}case d.completeSeries:{r=null;let n;if(Array.isArray(this.compResizeItem))n=this.compResizeItem.map(a=>{const s=c.clone(a);return t.setField(s,this.ks.fields.start,t.getField(a,this.ks.fields.start)),t.setField(s,this.ks.fields.end,t.getField(a,this.ks.fields.end)),s});else{const a=c.clone(this.compResizeItem);t.setField(a,this.ks.fields.start,t.getField(this.compResizeItem,this.ks.fields.start)),t.setField(a,this.ks.fields.end,t.getField(this.compResizeItem,this.ks.fields.end)),n=a}n&&this.$emit("dataaction",{type:E.DATA_ACTION.update,series:!0,dataItem:n});break}default:r=null;break}this.currentResizeItem=r,this.$emit("resizeitemchange",r)};exports.RESIZE_ITEM_ACTION=d;exports.useResizeItem=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-vue-common"),I=require("@progress/kendo-date-math"),k=require("../../constants/main.js"),e=require("../../utils/main.js");let o=(function(t){return t.set="RESIZE_ITEM_SET",t.start="RESIZE_ITEM_START",t.startDrag="RESIZE_ITEM_START_DRAG",t.startDragSelected="RESIZE_ITEM_START_DRAG_SELECTED",t.endDrag="RESIZE_ITEM_END_DRAG",t.endDragSelected="RESIZE_ITEM_END_DRAG_SELECTED",t.complete="RESIZE_ITEM_COMPLETE",t.completeOccurrence="RESIZE_ITEM_COMPLETE_OCCURRENCE",t.completeSeries="RESIZE_ITEM_COMPLETE_SERIES",t.reset="RESIZE_ITEM_RESET",t})({});const E=(t,d,l)=>{const n=new Date(Number(d.getAttribute("data-slot-start")));if(!e.isTimedItemOnDaySlot(t,d))return n;const i=t.ks.timezone,s=I.ZonedDate.fromLocalDate(n,i),a=I.ZonedDate.fromLocalDate(l,i),r=Date.UTC(s.getFullYear(),s.getMonth(),s.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds());return I.ZonedDate.fromUTCDate(new Date(r),i).toLocalDate()};let m=null;const y=function(t,d){let l=this.compResizeItem;switch(t.type){case o.set:l=t.payload;break;case o.reset:l=null;break;case o.start:{d.stopPropagation(),d.preventDefault();const n=t.payload.x,i=t.payload.y,s=e.slotDive(n,i,7);if(!s||s===m)return;const a=c.clone(this.dataItem),r=E(this,s,e.getField(a,this.ks.fields.start));if(r>=e.getField(a,this.ks.fields.end))return;e.setField(a,this.ks.fields.start,r),m=s,l=a;break}case o.startDragSelected:{d.stopPropagation(),d.preventDefault();const n=t.payload.x,i=t.payload.y,s=c.clone(this.dataItem),a=e.slotDive(n,i,7);if(!a||a===m)return;const r=new Date(e.getField(s,this.ks.fields.start)),S=E(this,a,r).getTime()-r.getTime();let h=!1;const g=this.bv.selectedItems.map(D=>{if(!D)return null;const u=c.clone(D.$props.dataItem),p=new Date(D.$props.start.getTime()+S);if(p>=e.getField(u,this.ks.fields.end)){h=!0;return}return e.setField(u,this.ks.fields.start,p),u}).filter(Boolean);h||(l=[...g]);break}case o.startDrag:{const n=t.payload.x,i=t.payload.y,s=e.slotDive(n,i,7);if(!s||s===m)return;const a=c.clone(this.dataItem),r=E(this,s,e.getField(a,this.ks.fields.start));if(r>=a.end)return;e.setField(a,this.ks.fields.start,r),m=s,l=a;break}case o.endDrag:{const n=t.payload.x,i=t.payload.y,s=e.slotDive(n,i,7);if(!s||s===m)return;const a=s.getAttribute("data-slot-end"),r=new Date(Number(a)),f=c.clone(this.dataItem);if(r<=f.start)return;e.setField(f,this.ks.fields.end,r),m=s,l=f;break}case o.endDragSelected:{d.stopPropagation(),d.preventDefault();const n=t.payload.x,i=t.payload.y,s=c.clone(this.dataItem),a=e.slotDive(n,i,7);if(!a||a===m)return;const r=a.getAttribute(e.isTimedItemOnDaySlot(this,a)?"data-slot-end":"data-slot-start"),f=new Date(e.getField(s,this.ks.fields.end)),h=new Date(Number(r)).getTime()-f.getTime();let g;const D=this.bv.selectedItems.map(u=>{if(!u)return null;const p=c.clone(u.$props.dataItem),R=new Date(u.$props.end.getTime()+h);if(R<=e.getField(p,this.ks.fields.start)){g=!0;return}return e.setField(p,this.ks.fields.end,R),p}).filter(Boolean);g||(l=[...D]);break}case o.complete:{l=null,this.compResizeItem&&e.emitDataAction(this,{type:k.DATA_ACTION.update,series:!1,dataItem:this.compResizeItem});break}case o.completeOccurrence:{l=null,this.compResizeItem&&e.emitDataAction(this,{type:k.DATA_ACTION.update,series:!1,dataItem:this.compResizeItem});break}case o.completeSeries:{l=null;let n;if(Array.isArray(this.compResizeItem))n=this.compResizeItem.map(i=>{const s=c.clone(i);return e.setField(s,this.ks.fields.start,e.getField(i,this.ks.fields.start)),e.setField(s,this.ks.fields.end,e.getField(i,this.ks.fields.end)),s});else{const i=c.clone(this.compResizeItem);e.setField(i,this.ks.fields.start,e.getField(this.compResizeItem,this.ks.fields.start)),e.setField(i,this.ks.fields.end,e.getField(this.compResizeItem,this.ks.fields.end)),n=i}n&&e.emitDataAction(this,{type:k.DATA_ACTION.update,series:!0,dataItem:n});break}default:l=null;break}this.currentResizeItem=l,this.$emit("resizeitemchange",l)};exports.RESIZE_ITEM_ACTION=o;exports.useResizeItem=y;