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

package/utils/main.mjs

@@ -5,67 +5,96 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ref as S, onMounted as D } from "vue";
-import "@progress/kendo-date-math";
-import { toGroupResources as M, toFlatGroupResources as E } from "../views/common/utils.mjs";
-import { setter as v, getter as T } from "@progress/kendo-vue-common";
-import { orderBy as A } from "@progress/kendo-data-query";
-var F = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(F || {});
-const g = /* @__PURE__ */ new WeakMap(), I = (e) => {
+import { ref as T, onMounted as E } from "vue";
+import { getDate as g, addDays as $, ZonedDate as h } from "@progress/kendo-date-math";
+import { toGroupResources as v, toFlatGroupResources as A } from "../views/common/utils.mjs";
+import { setter as I, getter as F, clone as R } from "@progress/kendo-vue-common";
+import { orderBy as b } from "@progress/kendo-data-query";
+var k = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(k || {});
+const f = /* @__PURE__ */ new WeakMap(), w = (e) => {
   if (!e || typeof document == "undefined" || !document.body || !document.defaultView)
     return e;
   const t = document;
-  let r = g.get(t);
-  r || (r = /* @__PURE__ */ new Map(), g.set(t, r), queueMicrotask(() => g.delete(t)));
+  let r = f.get(t);
+  r || (r = /* @__PURE__ */ new Map(), f.set(t, r), queueMicrotask(() => f.delete(t)));
   const s = r.get(e);
   if (s !== void 0)
     return s;
-  const n = t.createElement("span");
-  n.className = "k-event", Object.assign(n.style, { position: "fixed", visibility: "hidden", pointerEvents: "none", width: "0", height: "0" }), n.style.setProperty("--kendo-scheduler-event-color", e), t.body.append(n);
+  const o = t.createElement("span");
+  o.className = "k-event", Object.assign(o.style, { position: "fixed", visibility: "hidden", pointerEvents: "none", width: "0", height: "0" }), o.style.setProperty("--kendo-scheduler-event-color", e), t.body.append(o);
   try {
-    const o = t.defaultView.getComputedStyle(n).backgroundColor;
-    return r.set(e, o), o;
+    const n = t.defaultView.getComputedStyle(o).backgroundColor;
+    return r.set(e, n), n;
   } finally {
-    n.remove();
+    o.remove();
   }
-}, C = () => {
-  const e = S(!1);
-  return D(() => {
+}, N = () => {
+  const e = T(!1);
+  return E(() => {
     e.value = !0;
-  }), (t) => e.value ? I(t) : t;
-}, U = (e) => e[0], V = (e) => e[e.length - 1], j = (e) => {
+  }), (t) => e.value ? w(t) : t;
+}, W = (e) => e[0], Z = (e) => e[e.length - 1], _ = (e, t, r) => {
+  const s = h.fromLocalDate(e, r), o = t.getTime() > e.getTime() ? new Date(t.getTime() - 1) : t, n = h.fromLocalDate(o, r);
+  return g(s).getTime() !== g(n).getTime();
+}, J = (e, t) => {
+  var r;
+  return ((r = e.range) == null ? void 0 : r.isAllDay) === !0 && !e.isAllDay && t.dataset.slotAllday === "true";
+}, K = (e, t, ...r) => {
+  var i;
+  const [s, o] = r, n = s === void 0 ? [] : [s], c = (u) => {
+    var a, d;
+    e.$emit("dataaction", u, ...n), (d = (a = e.$props).onDataAction) == null || d.call(a, u, ...n), o == null || o();
+  };
+  (i = e.confirmCustomEvents) != null && i.call(e, t, c) || c(t);
+}, Q = (e, t) => {
+  const r = l(e, t.recurrenceId);
+  return r != null ? r : l(e, t.id);
+}, X = (e, t, r) => e.filter((s) => {
+  const o = l(s, t.recurrenceId);
+  return o != null && o === r && !l(s, t.recurrenceRule);
+}), L = (e, t) => {
+  const r = R(e);
+  return p(r, t.recurrenceId, null), p(r, t.recurrenceRule, null), p(r, t.originalStart, null), r;
+}, O = (e) => {
   const t = /* @__PURE__ */ new Set();
   return e.forEach((r) => {
     t.add(r.field);
   }), t.size === e.length;
 };
-function q(e, t, r, s, n = "all day") {
-  const o = { skeleton: "yMMMMEEEEdhm" }, c = { skeleton: "yMMMMEEEEd" }, i = "t", d = t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
+function ee(e, t, r, s, o = "all day") {
+  const n = { skeleton: "yMMMMEEEEdhm" }, c = { skeleton: "yMMMMEEEEd" }, i = "t", u = t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
   if (s) {
-    const u = r.getHours() === 0 && r.getMinutes() === 0 && r.getSeconds() === 0 && r.getTime() - t.getTime() === 864e5;
-    return d || u ? `${e.formatDate(t, c)} (${n})` : `${e.formatDate(t, c)} to ${e.formatDate(r, c)} (${n})`;
+    const a = r.getHours() === 0 && r.getMinutes() === 0 && r.getSeconds() === 0 && r.getTime() - t.getTime() === 864e5;
+    return u || a ? `${e.formatDate(t, c)} (${o})` : `${e.formatDate(t, c)} to ${e.formatDate(r, c)} (${o})`;
   }
-  return d ? `${e.formatDate(t, o)}–${e.formatDate(r, i)}` : `${e.formatDate(t, o)}-${e.formatDate(r, o)}`;
+  return u ? `${e.formatDate(t, n)}–${e.formatDate(r, i)}` : `${e.formatDate(t, n)}-${e.formatDate(r, n)}`;
+}
+function te(e, t, r, s, o) {
+  const n = { skeleton: "MMMMd" }, c = "t", i = r > t && g(r).getTime() === r.getTime() ? $(r, -1) : r, u = g(t).getTime() === g(i).getTime(), a = e.formatDate(t, n);
+  if (s)
+    return u ? `${a}, ${o}` : `${a} - ${e.formatDate(i, n)}, ${o}`;
+  const d = e.formatDate(t, c), m = e.formatDate(r, c);
+  return u ? `${a}, ${d} - ${m}` : `${a}, ${d} - ${e.formatDate(r, n)}, ${m}`;
 }
-const $ = (e, t, r, s = 0) => {
+const H = (e, t, r, s = 0) => {
   if (s === r)
     return null;
-  let n = null;
-  const o = document.elementFromPoint(e, t);
-  if (!o)
-    return n;
-  if (o.getAttribute("data-slot") === "true")
+  let o = null;
+  const n = document.elementFromPoint(e, t);
+  if (!n)
     return o;
+  if (n.getAttribute("data-slot") === "true")
+    return n;
   {
-    const i = o.style.pointerEvents;
-    o.style.pointerEvents = "none", n = $(e, t, r, s + 1), o.style.pointerEvents = i;
+    const i = n.style.pointerEvents;
+    n.style.pointerEvents = "none", o = H(e, t, r, s + 1), n.style.pointerEvents = i;
   }
-  return n;
-}, a = (e, t) => T(t)(e), N = (e, t, r) => {
+  return o;
+}, l = (e, t) => F(t)(e), p = (e, t, r) => {
   if (t)
-    return v(t)(e, r);
-}, W = (e) => e != null;
-function _(e) {
+    return I(t)(e, r);
+}, re = (e) => e != null;
+function oe(e) {
   return new Date(Date.UTC(
     e.getFullYear(),
     e.getMonth(),
@@ -76,13 +105,13 @@ function _(e) {
     e.getMilliseconds()
   ));
 }
-const J = (e, t, r) => {
-  const s = R(e, t) ? a(e, t.id) : a(e, t.recurrenceId);
-  return r.find((n) => a(n, t.id) === s);
-}, R = (e, t) => {
-  const r = a(e, t.id), s = a(e, t.recurrenceId), n = a(e, t.recurrenceRule);
-  return !!(r && n && s == null);
-}, m = (e, t) => Math.max(e.getTime(), t.getTime()), y = (e, t) => Math.min(e.getTime(), t.getTime()), f = (e, t, r, s, n = !1) => n ? m(t, s) - y(e, r) <= t.getTime() - e.getTime() + (s.getTime() - r.getTime()) : m(t, s) - y(e, r) < t.getTime() - e.getTime() + (s.getTime() - r.getTime()), b = {
+const ne = (e, t, r) => {
+  const s = z(e, t) ? l(e, t.id) : l(e, t.recurrenceId);
+  return r.find((o) => l(o, t.id) === s);
+}, z = (e, t) => {
+  const r = l(e, t.id), s = l(e, t.recurrenceId), o = l(e, t.recurrenceRule);
+  return !!(r && o && s == null);
+}, x = (e, t) => Math.max(e.getTime(), t.getTime()), S = (e, t) => Math.min(e.getTime(), t.getTime()), y = (e, t, r, s, o = !1) => o ? x(t, s) - S(e, r) <= t.getTime() - e.getTime() + (s.getTime() - r.getTime()) : x(t, s) - S(e, r) < t.getTime() - e.getTime() + (s.getTime() - r.getTime()), B = {
   id: "id",
   start: "start",
   startTimezone: "startTimezone",
@@ -96,81 +125,81 @@ const J = (e, t, r) => {
   recurrenceId: "recurrenceId",
   recurrenceExceptions: "recurrenceExceptions",
   readonly: "readonly"
-}, K = (e) => ({ fields: { ...b, ...e } }), Q = (e, t, r) => (t.getHours() < e.getHours() || t.getHours() === e.getHours() && t.getMinutes() <= e.getMinutes()) && (e.getHours() < r.getHours() || r.getHours() === e.getHours() && e.getMinutes() < r.getMinutes()), X = (e, t) => {
-  const r = M(e, t), s = E(r);
+}, se = (e) => ({ fields: { ...B, ...e } }), ce = (e, t, r) => (t.getHours() < e.getHours() || t.getHours() === e.getHours() && t.getMinutes() <= e.getMinutes()) && (e.getHours() < r.getHours() || r.getHours() === e.getHours() && e.getMinutes() < r.getMinutes()), ie = (e, t) => {
+  const r = v(e, t), s = A(r);
   return s.length === 1 ? [{
     index: 0,
     // resources: []
     resources: (t || []).reduce(
-      (n, o) => [...n, ...o.data.map((c) => ({
+      (o, n) => [...o, ...n.data.map((c) => ({
         ...c,
-        field: o.field,
-        valueField: o.valueField,
-        colorField: o.colorField,
-        multiple: o.multiple
+        field: n.field,
+        valueField: n.valueField,
+        colorField: n.colorField,
+        multiple: n.multiple
       }))],
       []
     )
-  }] : s.map((n, o) => ({
-    index: o,
-    resources: n
+  }] : s.map((o, n) => ({
+    index: n,
+    resources: o
   }));
-}, H = (e) => e == null, Z = (e) => H(e) || e.trim && e.trim().length === 0, p = (e) => {
+}, P = (e) => e == null, ue = (e) => P(e) || e.trim && e.trim().length === 0, D = (e) => {
   let t = 0;
   const r = e.slice();
-  return r.sort((s, n) => s - n).forEach((s, n) => {
-    r[n] === n && (t = n + 1);
+  return r.sort((s, o) => s - o).forEach((s, o) => {
+    r[o] === o && (t = o + 1);
   }), t;
-}, O = (e, t, r, s = !1) => {
-  let n;
-  return r.forEach((o) => {
+}, ae = (e, t, r, s = !1) => {
+  let o;
+  return r.forEach((n) => {
     const c = [];
-    t.sort((d, u) => d.$props.start.getTime() - u.$props.start.getTime()).forEach((d) => {
-      if ((s || d.$props.isAllDay === o.cSlot.isAllDay) && d.$props.range.index === o.cSlot.range.index && d.$props.group.index === o.cSlot.group.index && f(d.$props.start, d.$props.end, o.cSlot.start, o.cSlot.end)) {
-        const l = p(c);
-        d === e && n === void 0 && (n = l), c.splice(l, 0, l);
+    t.sort((u, a) => u.$props.start.getTime() - a.$props.start.getTime()).forEach((u) => {
+      if ((s || u.$props.isAllDay === n.cSlot.isAllDay) && u.$props.range.index === n.cSlot.range.index && u.$props.group.index === n.cSlot.group.index && y(u.$props.start, u.$props.end, n.cSlot.start, n.cSlot.end)) {
+        const d = D(c);
+        u === e && o === void 0 && (o = d), c.splice(d, 0, d);
       }
     });
-  }), n;
-}, L = (e, t) => {
+  }), o;
+}, de = (e, t) => {
   const r = /* @__PURE__ */ new Set();
-  return t.forEach((n) => {
-    n._order !== void 0 && n._order !== null && r.add(n._order);
-  }), p(Array.from(r));
-}, ee = (e, t, r = !1) => {
-  e.forEach((n) => {
-    n.order = null;
-  }), t.forEach((n) => {
-    const o = n.cSlot ? n.cSlot : n;
-    o.items.splice(0, o.items.length);
+  return t.forEach((o) => {
+    o._order !== void 0 && o._order !== null && r.add(o._order);
+  }), D(Array.from(r));
+}, le = (e, t, r = !1) => {
+  e.forEach((o) => {
+    o.order = null;
+  }), t.forEach((o) => {
+    const n = o.cSlot ? o.cSlot : o;
+    n.items.splice(0, n.items.length);
   });
-  const s = [...e].sort((n, o) => n.start.getTime() - o.start.getTime());
-  t.forEach((n) => {
-    const o = n.cSlot ? n.cSlot : n, c = [];
+  const s = [...e].sort((o, n) => o.start.getTime() - n.start.getTime());
+  t.forEach((o) => {
+    const n = o.cSlot ? o.cSlot : o, c = [];
     s.forEach((i) => {
-      if ((r || i.isAllDay === o.isAllDay) && i.range.index === o.range.index && (i.range.isAllDay === void 0 || o.range.isAllDay === void 0 || i.range.isAllDay === o.range.isAllDay) && i.group.index === o.group.index && f(i.start, i.end, o.start, o.end)) {
+      if ((r || i.isAllDay === n.isAllDay) && i.range.index === n.range.index && (i.range.isAllDay === void 0 || n.range.isAllDay === void 0 || i.range.isAllDay === n.range.isAllDay) && i.group.index === n.group.index && y(i.start, i.end, n.start, n.end)) {
         if (i.order !== null && i.order !== void 0)
-          c.includes(i.order) || (c.push(i.order), c.sort((u, l) => u - l));
+          c.includes(i.order) || (c.push(i.order), c.sort((a, d) => a - d));
         else {
-          const u = p(c);
-          i.order = u, c.push(u), c.sort((l, x) => l - x);
+          const a = D(c);
+          i.order = a, c.push(a), c.sort((d, m) => d - m);
         }
-        o.items.push(i);
+        n.items.push(i);
       }
     });
   });
-}, te = (e, t, r = !1) => {
+}, ge = (e, t, r = !1) => {
   e.forEach((s) => s.slots.splice(0, s.slots.length)), e.forEach((s) => {
-    t.forEach((n) => {
-      const o = n.cSlot ? n.cSlot : n;
-      (r || s.isAllDay === o.isAllDay) && s.range.index === o.range.index && (s.range.isAllDay === void 0 || o.range.isAllDay === void 0 || s.range.isAllDay === o.range.isAllDay) && s.group.index === o.group.index && f(s.start, s.end, o.start, o.end) && s.slots.push(n);
+    t.forEach((o) => {
+      const n = o.cSlot ? o.cSlot : o;
+      (r || s.isAllDay === n.isAllDay) && s.range.index === n.range.index && (s.range.isAllDay === void 0 || n.range.isAllDay === void 0 || s.range.isAllDay === n.range.isAllDay) && s.group.index === n.group.index && y(s.start, s.end, n.start, n.end) && s.slots.push(o);
     });
   });
-}, re = function(e) {
+}, me = function(e) {
   return e.props.items.find((r) => r.order === 0) || e.props.items[0];
-}, k = (e, t, r) => !!(e.uid === t.uid && (e.occurrenceId === void 0 || e.occurrenceId === t.occurrenceId) && e.group.index === t.group.index && e.range.index === t.range.index && (r || e.isAllDay === t.isAllDay)), w = (e, t) => {
-  const r = e.filter((n) => n.element !== null);
-  return A(
+}, G = (e, t, r) => !!(e.uid === t.uid && (e.occurrenceId === void 0 || e.occurrenceId === t.occurrenceId) && e.group.index === t.group.index && e.range.index === t.range.index && (r || e.isAllDay === t.isAllDay)), Y = (e, t) => {
+  const r = e.filter((o) => o.element !== null);
+  return b(
     r,
     [
       { field: "group.index", dir: "asc" },
@@ -179,54 +208,61 @@ const J = (e, t, r) => {
       { field: "start", dir: "asc" }
     ]
   );
-}, ne = (e, t) => e.start.getTime() === t.start.getTime() && e.end.getTime() === t.end.getTime() && e.index === t.index && e.group.index === t.group.index && e.range.index === t.range.index && e.isAllDay === t.isAllDay, h = (e, t, r = !1) => {
-  const s = e, n = w(t, r);
+}, fe = (e, t) => e.start.getTime() === t.start.getTime() && e.end.getTime() === t.end.getTime() && e.index === t.index && e.group.index === t.group.index && e.range.index === t.range.index && e.isAllDay === t.isAllDay, M = (e, t, r = !1) => {
+  const s = e, o = Y(t, r);
   return {
-    currentIndex: n.findIndex((c) => k(c, s, r)),
-    sorted: n
+    currentIndex: o.findIndex((c) => G(c, s, r)),
+    sorted: o
   };
-}, oe = (e, t, r = !1) => {
+}, pe = (e, t, r = !1) => {
   if (!e || !t)
     return null;
-  const { currentIndex: s, sorted: n } = h(e, t, r) || {};
-  return n[s];
-}, se = (e, t, r = !1, s = !1) => {
-  const { currentIndex: n, sorted: o } = h(e, t, r);
-  return o[n + (s ? -1 : 1)];
-}, ce = (e, t) => (e.order || 0) - (t.order || 0);
+  const { currentIndex: s, sorted: o } = M(e, t, r) || {};
+  return o[s];
+}, ye = (e, t, r = !1, s = !1) => {
+  const { currentIndex: o, sorted: n } = M(e, t, r);
+  return n[o + (s ? -1 : 1)];
+}, De = (e, t) => (e.order || 0) - (t.order || 0);
 export {
-  F as COLLECTION_ACTION,
-  O as calculateOrder,
-  L as calculateProportionalOrder,
-  k as compareItems,
-  ne as compareSlots,
-  b as defaultModelFields,
-  oe as findCurrentItem,
-  re as findFirstItem,
-  J as findMaster,
-  p as findMissing,
-  se as findNextItem,
-  U as first,
-  q as formatEventTime,
-  h as getCurrentItemIndex,
-  a as getField,
-  K as getModelFields,
-  I as getSchedulerResourceColor,
-  w as getSortedSlots,
-  f as intersects,
-  H as isBlank,
-  j as isGroupped,
-  Q as isInTimeRange,
-  R as isMaster,
-  Z as isNullOrEmptyString,
-  W as isPresent,
-  V as last,
-  te as mapItemsToSlots,
-  ee as mapSlotsToItems,
-  ce as orderSort,
-  N as setField,
-  $ as slotDive,
-  X as toSchedulerGroups,
-  _ as toUTCDateTime,
-  C as useSchedulerResourceColor
+  k as COLLECTION_ACTION,
+  ae as calculateOrder,
+  de as calculateProportionalOrder,
+  G as compareItems,
+  fe as compareSlots,
+  _ as crossesDayBoundary,
+  B as defaultModelFields,
+  K as emitDataAction,
+  pe as findCurrentItem,
+  me as findFirstItem,
+  ne as findMaster,
+  D as findMissing,
+  ye as findNextItem,
+  X as findSeriesExceptions,
+  W as first,
+  te as formatEventSummary,
+  ee as formatEventTime,
+  M as getCurrentItemIndex,
+  l as getField,
+  se as getModelFields,
+  w as getSchedulerResourceColor,
+  Q as getSeriesMasterId,
+  Y as getSortedSlots,
+  y as intersects,
+  P as isBlank,
+  O as isGroupped,
+  ce as isInTimeRange,
+  z as isMaster,
+  ue as isNullOrEmptyString,
+  re as isPresent,
+  J as isTimedItemOnDaySlot,
+  Z as last,
+  ge as mapItemsToSlots,
+  le as mapSlotsToItems,
+  De as orderSort,
+  p as setField,
+  H as slotDive,
+  ie as toSchedulerGroups,
+  L as toStandaloneEvent,
+  oe as toUTCDateTime,
+  N as useSchedulerResourceColor
 };

package/views/agenda/AgendaView.d.ts

@@ -77,6 +77,7 @@ export interface AgendaViewProps extends SchedulerViewProps {
  * @hidden
  */
 declare const AgendaView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;
@@ -121,7 +122,8 @@ declare const AgendaView: import('vue').DefineComponent<import('vue').ExtractPro
     items(): import('../../models/Item').Item[];
 }, {
     handleDataAction(action: DataAction): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     name: {
         type: PropType<string>;
         default: string;
@@ -159,7 +161,9 @@ declare const AgendaView: import('vue').DefineComponent<import('vue').ExtractPro
         type: PropType<boolean | EditableProp>;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+}>, {
     name: string;
     step: number;
     editable: boolean | EditableProp;

package/views/agenda/AgendaView.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 s=require("vue"),f=require("../../components/BaseView.js"),m=require("../common/VerticalResourceIterator.js"),l=require("../../constants/main.js"),t=require("@progress/kendo-date-math"),n=require("@progress/kendo-vue-intl"),T=require("../../services/rangeService.js"),y=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),o=require("../../utils/main.js"),v=require("./AgendaViewHead.js"),A=require("./AgendaViewBody.js"),E=require("../../tasks/SchedulerEditTask.js"),N=require("../../slots/SchedulerEditSlot.js"),w=require("../../services/slotsService.js"),r=require("../../hooks/useCellSync.js"),_=s.defineComponent({name:"KendoAgendaView",props:{name:{type:String,default:"agenda"},dateRange:{type:[Function,Object],default:function(){return I}},selectedDateFormat:{type:String,default:"{0:M} - {1:M}"},selectedShortDateFormat:{type:String,default:"{0:m} - {1:m}"},slotDuration:{type:Number,default:1440},slotDivisions:{type:Number,default:1},step:{type:Number,default:l.DAYS_IN_WEEK_COUNT},numberOfDays:{type:Number,default:l.DAYS_IN_WEEK_COUNT},task:[String,Function,Object],editable:{type:[Boolean,Object],default:!1}},inject:{ks:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=n.provideIntlService(this)},mounted(){r.useCellSync({element:this.$el,selector:".k-scheduler-datecolumn",explicitDepth:!1}),setTimeout(()=>r.useCellSync({element:this.$el,selector:".k-scheduler-timecolumn",explicitDepth:!1}))},updated(){r.useCellSync({element:this.$el,selector:".k-scheduler-datecolumn",explicitDepth:!1}),setTimeout(()=>r.useCellSync({element:this.$el,selector:".k-scheduler-timecolumn",explicitDepth:!1}))},computed:{ranges(){return T.toRanges(this.ks.dateRange,{step:t.MS_PER_DAY,timezone:this.ks.timezone})},agendaSlots(){return w.toSlots(this.ks.dateRange,{step:t.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return y.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const e=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return o.mapItemsToSlots(e,this.agendaSlots,!0),o.mapSlotsToItems(e,this.agendaSlots,!0),e}},render(){this.$props.editTask||E.SchedulerEditTask,this.$props.editSlot||N.SchedulerEditSlot,n.provideIntlService(this),n.provideLocalizationService(this);const e=this.agendaSlots;return s.createVNode(f.BaseView,{id:this.$props.id,class:"k-scheduler-agendaview",viewProps:{...this.$props},baseSlots:this.items,ranges:this.ranges,isAgendaView:!0},{default:()=>[s.createVNode("div",{class:"k-scheduler-head",role:"rowgroup"},[s.createVNode(m.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group,role:"presentation"},{default:()=>[s.createVNode(v.AgendaViewHead,null,null)]})]),s.createVNode("div",{class:"k-scheduler-body",role:"rowgroup"},[s.createVNode(m.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group,nested:!0,role:"presentation"},{default:()=>[s.createVNode(A.AgendaViewBody,{items:this.items,agendaSlots:e,task:this.$props.task,editable:this.$props.editable,onDataaction:this.handleDataAction},null)]})])]})},methods:{handleDataAction(e){this.$emit("dataaction",e)}}}),g=e=>t.getDate(e),q=(e,a)=>t.getDate(t.addDays(e,a||1)),I=({intl:e,date:a,numberOfDays:c=1,timezone:i})=>{const d=t.ZonedDate.fromLocalDate(a,i),u=c===l.DAYS_IN_WEEK_COUNT?g(t.firstDayInWeek(d,e.firstDay())):g(d),S=q(u,c),p=t.ZonedDate.fromUTCDate(o.toUTCDateTime(u),i),h=t.ZonedDate.fromUTCDate(o.toUTCDateTime(S),i),D=new Date(p.getTime()),k=new Date(h.getTime());return{start:D,end:k,zonedStart:p,zonedEnd:h}};exports.AgendaView=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("../../components/BaseView.js"),m=require("../common/VerticalResourceIterator.js"),l=require("../../constants/main.js"),t=require("@progress/kendo-date-math"),n=require("@progress/kendo-vue-intl"),T=require("../../services/rangeService.js"),y=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),r=require("../../utils/main.js"),A=require("./AgendaViewHead.js"),v=require("./AgendaViewBody.js"),E=require("../../tasks/SchedulerEditTask.js"),N=require("../../slots/SchedulerEditSlot.js"),w=require("../../services/slotsService.js"),o=require("../../hooks/useCellSync.js"),_=s.defineComponent({name:"KendoAgendaView",emits:["dataaction"],props:{onDataAction:Function,name:{type:String,default:"agenda"},dateRange:{type:[Function,Object],default:function(){return I}},selectedDateFormat:{type:String,default:"{0:M} - {1:M}"},selectedShortDateFormat:{type:String,default:"{0:m} - {1:m}"},slotDuration:{type:Number,default:1440},slotDivisions:{type:Number,default:1},step:{type:Number,default:l.DAYS_IN_WEEK_COUNT},numberOfDays:{type:Number,default:l.DAYS_IN_WEEK_COUNT},task:[String,Function,Object],editable:{type:[Boolean,Object],default:!1}},inject:{ks:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=n.provideIntlService(this)},mounted(){o.useCellSync({element:this.$el,selector:".k-scheduler-datecolumn",explicitDepth:!1}),setTimeout(()=>o.useCellSync({element:this.$el,selector:".k-scheduler-timecolumn",explicitDepth:!1}))},updated(){o.useCellSync({element:this.$el,selector:".k-scheduler-datecolumn",explicitDepth:!1}),setTimeout(()=>o.useCellSync({element:this.$el,selector:".k-scheduler-timecolumn",explicitDepth:!1}))},computed:{ranges(){return T.toRanges(this.ks.dateRange,{step:t.MS_PER_DAY,timezone:this.ks.timezone})},agendaSlots(){return w.toSlots(this.ks.dateRange,{step:t.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return y.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const e=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return r.mapItemsToSlots(e,this.agendaSlots,!0),r.mapSlotsToItems(e,this.agendaSlots,!0),e}},render(){this.$props.editTask||E.SchedulerEditTask,this.$props.editSlot||N.SchedulerEditSlot,n.provideIntlService(this),n.provideLocalizationService(this);const e=this.agendaSlots;return s.createVNode(f.BaseView,{id:this.$props.id,class:"k-scheduler-agendaview",viewProps:{...this.$props},baseSlots:this.items,ranges:this.ranges,isAgendaView:!0},{default:()=>[s.createVNode("div",{class:"k-scheduler-head",role:"rowgroup"},[s.createVNode(m.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group,role:"presentation"},{default:()=>[s.createVNode(A.AgendaViewHead,null,null)]})]),s.createVNode("div",{class:"k-scheduler-body",role:"rowgroup"},[s.createVNode(m.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group,nested:!0,role:"presentation"},{default:()=>[s.createVNode(v.AgendaViewBody,{items:this.items,agendaSlots:e,task:this.$props.task,editable:this.$props.editable,onDataaction:this.handleDataAction},null)]})])]})},methods:{handleDataAction(e){r.emitDataAction(this,e)}}}),g=e=>t.getDate(e),q=(e,a)=>t.getDate(t.addDays(e,a||1)),I=({intl:e,date:a,numberOfDays:c=1,timezone:i})=>{const d=t.ZonedDate.fromLocalDate(a,i),u=c===l.DAYS_IN_WEEK_COUNT?g(t.firstDayInWeek(d,e.firstDay())):g(d),S=q(u,c),p=t.ZonedDate.fromUTCDate(r.toUTCDateTime(u),i),h=t.ZonedDate.fromUTCDate(r.toUTCDateTime(S),i),D=new Date(p.getTime()),k=new Date(h.getTime());return{start:D,end:k,zonedStart:p,zonedEnd:h}};exports.AgendaView=_;

package/views/agenda/AgendaView.mjs

@@ -6,24 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as y, createVNode as t } from "vue";
-import { BaseView as w } from "../../components/BaseView.mjs";
-import { VerticalResourceIterator as u } from "../common/VerticalResourceIterator.mjs";
+import { BaseView as A } from "../../components/BaseView.mjs";
+import { VerticalResourceIterator as p } from "../common/VerticalResourceIterator.mjs";
 import { DAYS_IN_WEEK_COUNT as a } from "../../constants/main.mjs";
-import { ZonedDate as i, firstDayInWeek as b, getDate as k, addDays as A, MS_PER_DAY as c } from "@progress/kendo-date-math";
+import { ZonedDate as i, firstDayInWeek as w, getDate as D, addDays as b, MS_PER_DAY as u } from "@progress/kendo-date-math";
 import { provideIntlService as h, provideLocalizationService as v } from "@progress/kendo-vue-intl";
 import { toRanges as E } from "../../services/rangeService.mjs";
-import { toOccurrences as $ } from "../../services/occurrenceService.mjs";
-import { toItems as R } from "../../services/itemsService.mjs";
-import { mapItemsToSlots as z, mapSlotsToItems as I, toUTCDateTime as f } from "../../utils/main.mjs";
-import { AgendaViewHead as V } from "./AgendaViewHead.mjs";
-import { AgendaViewBody as _ } from "./AgendaViewBody.mjs";
-import { SchedulerEditTask as N } from "../../tasks/SchedulerEditTask.mjs";
-import { SchedulerEditSlot as C } from "../../slots/SchedulerEditSlot.mjs";
-import { toSlots as x } from "../../services/slotsService.mjs";
+import { toOccurrences as R } from "../../services/occurrenceService.mjs";
+import { toItems as $ } from "../../services/itemsService.mjs";
+import { emitDataAction as z, mapItemsToSlots as I, mapSlotsToItems as V, toUTCDateTime as f } from "../../utils/main.mjs";
+import { AgendaViewHead as _ } from "./AgendaViewHead.mjs";
+import { AgendaViewBody as N } from "./AgendaViewBody.mjs";
+import { SchedulerEditTask as C } from "../../tasks/SchedulerEditTask.mjs";
+import { SchedulerEditSlot as x } from "../../slots/SchedulerEditSlot.mjs";
+import { toSlots as F } from "../../services/slotsService.mjs";
 import { useCellSync as s } from "../../hooks/useCellSync.mjs";
-const ee = /* @__PURE__ */ y({
+const te = /* @__PURE__ */ y({
   name: "KendoAgendaView",
+  emits: ["dataaction"],
   props: {
+    onDataAction: Function,
     name: {
       type: String,
       default: "agenda"
@@ -105,39 +107,39 @@ const ee = /* @__PURE__ */ y({
   computed: {
     ranges() {
       return E(this.ks.dateRange, {
-        step: c,
+        step: u,
         timezone: this.ks.timezone
       });
     },
     agendaSlots() {
-      return x(this.ks.dateRange, {
-        step: c
+      return F(this.ks.dateRange, {
+        step: u
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
     },
     occurrences() {
-      return $(this.ks.dataItems, {
+      return R(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
     items() {
-      const e = R(this.occurrences, {
+      const e = $(this.occurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.ranges
       });
-      return z(e, this.agendaSlots, !0), I(e, this.agendaSlots, !0), e;
+      return I(e, this.agendaSlots, !0), V(e, this.agendaSlots, !0), e;
     }
   },
   render() {
-    this.$props.editTask || N, this.$props.editSlot || C, h(this), v(this);
+    this.$props.editTask || C, this.$props.editSlot || x, h(this), v(this);
     const e = this.agendaSlots;
-    return t(w, {
+    return t(A, {
       id: this.$props.id,
       class: "k-scheduler-agendaview",
       viewProps: {
@@ -150,22 +152,22 @@ const ee = /* @__PURE__ */ y({
       default: () => [t("div", {
         class: "k-scheduler-head",
         role: "rowgroup"
-      }, [t(u, {
+      }, [t(p, {
         resources: this.ks.props.resources,
         group: this.ks.props.group,
         role: "presentation"
       }, {
-        default: () => [t(V, null, null)]
+        default: () => [t(_, null, null)]
       })]), t("div", {
         class: "k-scheduler-body",
         role: "rowgroup"
-      }, [t(u, {
+      }, [t(p, {
         resources: this.ks.props.resources,
         group: this.ks.props.group,
         nested: !0,
         role: "presentation"
       }, {
-        default: () => [t(_, {
+        default: () => [t(N, {
           items: this.items,
           agendaSlots: e,
           task: this.$props.task,
@@ -177,23 +179,23 @@ const ee = /* @__PURE__ */ y({
   },
   methods: {
     handleDataAction(e) {
-      this.$emit("dataaction", e);
+      z(this, e);
     }
   }
-}), g = (e) => k(e), O = (e, o) => k(A(e, o || 1)), j = ({
+}), g = (e) => D(e), O = (e, o) => D(b(e, o || 1)), j = ({
   intl: e,
   date: o,
   numberOfDays: n = 1,
   timezone: r
 }) => {
-  const l = i.fromLocalDate(o, r), d = g(n === a ? b(l, e.firstDay()) : l), D = O(d, n), m = i.fromUTCDate(f(d), r), p = i.fromUTCDate(f(D), r), S = new Date(m.getTime()), T = new Date(p.getTime());
+  const l = i.fromLocalDate(o, r), d = g(n === a ? w(l, e.firstDay()) : l), k = O(d, n), m = i.fromUTCDate(f(d), r), c = i.fromUTCDate(f(k), r), S = new Date(m.getTime()), T = new Date(c.getTime());
   return {
     start: S,
     end: T,
     zonedStart: m,
-    zonedEnd: p
+    zonedEnd: c
   };
 };
 export {
-  ee as AgendaView
+  te as AgendaView
 };

package/views/agenda/AgendaViewBody.d.ts

@@ -15,7 +15,7 @@ export interface AgendaViewBodyProps {
     agendaSlots: any[];
     task: any;
     editable?: boolean | object;
-    onDataaction: (action: DataAction) => void;
+    onDataAction: (action: DataAction) => void;
 }
 /**
  * @hidden
@@ -27,7 +27,7 @@ declare const AgendaViewBody: import('vue').DefineComponent<import('vue').Extrac
     agendaSlots: PropType<any[]>;
     task: PropType<any>;
     editable: PropType<boolean | object>;
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
 }>, {}, {
     hasMounted: boolean;
     ksSlots: {
@@ -44,7 +44,7 @@ declare const AgendaViewBody: import('vue').DefineComponent<import('vue').Extrac
     agendaSlots: PropType<any[]>;
     task: PropType<any>;
     editable: PropType<boolean | object>;
-    onDataaction: PropType<(action: DataAction) => void>;
+    onDataAction: PropType<(action: DataAction) => void>;
 }>> & Readonly<{
     onDataaction?: (...args: any[]) => any;
 }>, {}, {}, {}, {}, string, () => {