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

package/Scheduler.mjs

@@ -5,48 +5,49 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as le, createVNode as d, h as $, isVNode as ce } from "vue";
-import { findMaster as v, setField as l, getField as r, toSchedulerGroups as he, getModelFields as P } from "./utils/main.mjs";
-import { canUseDOM as R, clone as w, validatePackage as de, shouldShowValidationUI as ue, getLicenseMessage as me, templateRendering as k, getListeners as M, getTemplate as W, WatermarkOverlay as pe, isRtl as fe } from "@progress/kendo-vue-common";
-import { SchedulerHeader as we } from "./components/header/SchedulerHeader.mjs";
-import { provideIntlService as L, provideLocalizationService as ke } from "@progress/kendo-vue-intl";
-import { ZonedDate as ge, addMonths as H, addDays as A } from "@progress/kendo-date-math";
-import { SchedulerFooter as be } from "./components/footer/SchedulerFooter.mjs";
-import { Button as V, ButtonGroup as ve, ToolbarSpacer as z } from "@progress/kendo-vue-buttons";
-import { NavigationDatePicker as De } from "./components/header/navigation/NavigationDatePicker.mjs";
-import { ViewSelectorList as Se } from "./components/header/view-selector/ViewSelectorList.mjs";
-import { BusinessHours as Ie } from "./components/footer/bussiness-hours/BusinessHours.mjs";
-import { today as j, messages as C, previousTitle as B, nextTitle as U, newEvent as _, newEventLabel as K, toolbarLabel as G } from "./messages/main.mjs";
+import { defineComponent as ue, createVNode as u, markRaw as pe, toRaw as M, h as $, isVNode as me } from "vue";
+import { findMaster as b, setField as h, getField as s, findSeriesExceptions as W, toStandaloneEvent as A, getSeriesMasterId as fe, toSchedulerGroups as we, getModelFields as L } from "./utils/main.mjs";
+import { canUseDOM as O, clone as w, validatePackage as ke, shouldShowValidationUI as ge, getLicenseMessage as ve, templateRendering as g, getListeners as H, getTemplate as j, WatermarkOverlay as be, isRtl as De } from "@progress/kendo-vue-common";
+import { SchedulerHeader as Se } from "./components/header/SchedulerHeader.mjs";
+import { provideIntlService as z, provideLocalizationService as Ie } from "@progress/kendo-vue-intl";
+import { ZonedDate as Ce, addMonths as B, addDays as _ } from "@progress/kendo-date-math";
+import { SchedulerFooter as Ee } from "./components/footer/SchedulerFooter.mjs";
+import { Button as V, ButtonGroup as Ve, ToolbarSpacer as U } from "@progress/kendo-vue-buttons";
+import { NavigationDatePicker as ye } from "./components/header/navigation/NavigationDatePicker.mjs";
+import { ViewSelectorList as Re } from "./components/header/view-selector/ViewSelectorList.mjs";
+import { BusinessHours as $e } from "./components/footer/bussiness-hours/BusinessHours.mjs";
+import { today as q, messages as E, previousTitle as K, nextTitle as Y, newEvent as G, newEventLabel as Q, toolbarLabel as Z } from "./messages/main.mjs";
 import { packageMetadata as x } from "./package-metadata.mjs";
-import { AgendaView as Ce } from "./views/agenda/AgendaView.mjs";
-import { TimelineView as Ve } from "./views/time/TimelineView.mjs";
-import { DayView as y } from "./views/day/DayView.mjs";
-import { WeekView as Ee } from "./views/week/WeekView.mjs";
-import { WorkWeekView as ye } from "./views/week/WorkWeekView.mjs";
-import { MonthView as $e } from "./views/month/MonthView.mjs";
-import { DATA_ACTION as O } from "./constants/main.mjs";
-import { plusIcon as Re, chevronRightIcon as Y, chevronLeftIcon as q } from "@progress/kendo-svg-icons";
-import { SchedulerForm as xe } from "./components/SchedulerForm.mjs";
-import { parseRule as Oe, serializeRule as Te } from "@progress/kendo-recurrence";
-import { useEditable as Ne } from "./hooks/useEditable.mjs";
-function Z(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
+import { AgendaView as Oe } from "./views/agenda/AgendaView.mjs";
+import { TimelineView as xe } from "./views/time/TimelineView.mjs";
+import { DayView as R } from "./views/day/DayView.mjs";
+import { WeekView as Te } from "./views/week/WeekView.mjs";
+import { WorkWeekView as Fe } from "./views/week/WorkWeekView.mjs";
+import { MonthView as Ne } from "./views/month/MonthView.mjs";
+import { DATA_ACTION as T } from "./constants/main.mjs";
+import { plusIcon as Pe, chevronRightIcon as J, chevronLeftIcon as X } from "@progress/kendo-svg-icons";
+import { SchedulerForm as Me } from "./components/SchedulerForm.mjs";
+import { POPOVER_COORDINATOR_KEY as We, createPopoverCoordinator as Ae } from "./hooks/useExclusivePopover.mjs";
+import { parseRule as Le, serializeRule as He } from "@progress/kendo-recurrence";
+import { useEditable as je } from "./hooks/useEditable.mjs";
+function ee(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !me(e);
 }
-const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
-  const i = Math.round(s / 864e5), t = Oe({
+const te = "{0:D}", se = "{0:d}", ie = (e, t) => {
+  const i = Math.round(t / 864e5), a = Le({
     recurrenceRule: e
   });
-  if (i % 7 === 0 || (t == null ? void 0 : t.freq) !== "weekly" || !t.byWeekDay)
+  if (i % 7 === 0 || (a == null ? void 0 : a.freq) !== "weekly" || !a.byWeekDay)
     return e;
-  const a = Te({
-    ...t,
-    byWeekDay: t.byWeekDay.map((o) => ({
-      ...o,
-      day: (o.day + i + 7) % 7
+  const n = He({
+    ...a,
+    byWeekDay: a.byWeekDay.map((l) => ({
+      ...l,
+      day: (l.day + i + 7) % 7
     }))
   });
-  return e.toUpperCase().includes("WKST=") ? a : a.replace(";WKST=SU", "");
-}, rt = /* @__PURE__ */ le({
+  return e.toUpperCase().includes("WKST=") ? n : n.replace(";WKST=SU", "");
+}, pt = /* @__PURE__ */ ue({
   name: "KendoScheduler",
   emits: ["datechange", "viewchange", "datachange", "itemclick", "itemdoubleclick", "slotclick", "slotdoubleclick", "taskclick", "taskdoubleclick"],
   props: {
@@ -78,6 +79,14 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       type: Number,
       default: -1
     },
+    eventOverview: {
+      type: Boolean,
+      default: !0
+    },
+    quickCreate: {
+      type: Boolean,
+      default: !0
+    },
     editable: {
       type: [Boolean, Object],
       default: !1
@@ -104,6 +113,7 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     viewItem: [String, Function, Object],
     task: [String, Function, Object],
     form: [String, Function, Object],
+    quickCreateForm: [String, Function, Object],
     resizeHint: [String, Function, Object],
     editItem: [String, Function, Object],
     viewTask: [String, Function, Object],
@@ -133,16 +143,15 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       return {
         "k-rtl": this.isRtl,
         "k-scheduler": !0,
-        "k-scheduler-mobile": this.isMobile,
         [this.$props.className]: !!this.$props.className
       };
     },
     fields() {
-      return P(this.$props.modelFields).fields;
+      return L(this.$props.modelFields).fields;
     }
   },
   mounted() {
-    this.currentRtl = fe(this.$el), this.calculateMedia(), this.$props.adaptive && R && window.ResizeObserver && (this.resizeObserver = new window.ResizeObserver(this.calculateMedia), this.resizeObserver.observe(this.$el)), R && window.ResizeObserver && (this.toolbarObserver = new window.ResizeObserver(this.measureToolbar), this.toolbarElement && (this.toolbarObserver.observe(this.toolbarElement), this.measureToolbar()));
+    this.currentRtl = De(this.$el), this.calculateMedia(), this.$props.adaptive && O && window.ResizeObserver && (this.resizeObserver = new window.ResizeObserver(this.calculateMedia), this.resizeObserver.observe(this.$el)), O && window.ResizeObserver && (this.toolbarObserver = new window.ResizeObserver(this.measureToolbar), this.toolbarElement && (this.toolbarObserver.observe(this.toolbarElement), this.measureToolbar()));
   },
   unmounted() {
     this.resizeObserver && this.resizeObserver.disconnect(), this.toolbarObserver && this.toolbarObserver.disconnect();
@@ -151,6 +160,10 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     return {
       ks: this.ks,
       ksMobile: () => this.isMobile,
+      ksEventOverview: () => this.$props.eventOverview,
+      ksQuickCreate: () => this.$props.quickCreate,
+      ksQuickCreateForm: () => g.call(this, M(this.$props.quickCreateForm), {}),
+      [We]: Ae(),
       setActiveViewName: this.handleActiveViewNameChange,
       setActiveDate: this.handleDateChange,
       itemDoubleClick: this.handleItemDoubleClick,
@@ -172,13 +185,13 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     }
   },
   data() {
-    const e = L(this), s = this.$props.date || this.$props.defaultDate, i = this.$props.view || this.$props.defaultView || this.views[0] && this.views[0].name || "day", t = this.views.find((c) => c.name === i) || this.views[0] || d(y, null, null), a = this.getViewPropValue(t, "selectedDateFormat", i) || J, o = this.getViewPropValue(t, "selectedShortDateFormat", i) || Q, n = this.getViewComponentByName(i).props.dateRange.default()({
+    const e = z(this), t = this.$props.date || this.$props.defaultDate, i = this.$props.view || this.$props.defaultView || this.views[0] && this.views[0].name || "day", a = this.views.find((o) => o.name === i) || this.views[0] || u(R, null, null), n = this.getViewPropValue(a, "selectedDateFormat", i) || te, l = this.getViewPropValue(a, "selectedShortDateFormat", i) || se, r = this.getViewComponentByName(i).props.dateRange.default()({
       intl: e,
-      date: s,
+      date: t,
       timezone: this.$props.timezone,
-      numberOfDays: this.getViewPropValue(t, "numberOfDays", i),
-      workWeekStart: this.getViewPropValue(t, "workWeekStart", i) || e.firstDay(),
-      workWeekEnd: this.getViewPropValue(t, "workWeekEnd", i) || (e.firstDay() + this.getViewPropValue(t, "numberOfDays", i)) % 6
+      numberOfDays: this.getViewPropValue(a, "numberOfDays", i),
+      workWeekStart: this.getViewPropValue(a, "workWeekStart", i) || e.firstDay(),
+      workWeekEnd: this.getViewPropValue(a, "workWeekEnd", i) || (e.firstDay() + this.getViewPropValue(a, "numberOfDays", i)) % 6
     });
     return {
       media: "desktop",
@@ -187,20 +200,21 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       newEventDialogItem: null,
       ks: {
         activeViewName: i,
-        currentDate: s,
-        showWorkHours: t.showWorkHours !== void 0 ? t.showWorkHours : !0,
+        currentDate: t,
+        showWorkHours: a.showWorkHours !== void 0 ? a.showWorkHours : !0,
         timezone: this.$props.timezone,
+        isRtl: this.$props.rtl,
         props: {
           ...this.$props
         },
         views: this.views,
-        view: t,
-        fields: P(this.$props.modelFields).fields,
-        groups: he(this.$props.group, this.$props.resources),
-        dateRange: n,
+        view: a,
+        fields: L(this.$props.modelFields).fields,
+        groups: we(this.$props.group, this.$props.resources),
+        dateRange: r,
         orientation: this.$props.group && this.$props.group.orientation ? this.$props.group.orientation : "horizontal",
-        dateFormat: a,
-        shortDateFormat: o,
+        dateFormat: n,
+        shortDateFormat: l,
         scheduler: this,
         dataItems: this.dataItems
       }
@@ -224,10 +238,10 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     }
   },
   render() {
-    de(x), this.showLicenseWatermark = ue(x), this.licenseMessage = me(x);
-    const e = this.views.find((oe) => oe.name === this.ks.activeViewName) || this.views[0] || d(y, null, null), s = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName), i = k.call(this, e.header || this.$props.header, M.call(this)), t = k.call(this, e.footer || this.$props.footer, M.call(this)), a = k.call(this, e.slot || this.$props.slotRender, {}), o = k.call(this, e.viewSlot || this.$props.viewSlot, {}), n = k.call(this, e.item || this.$props.item, {}), c = k.call(this, e.viewItem || this.$props.viewItem, {}), h = k.call(this, e.task || this.$props.task, {}), p = e.form || this.$props.form || xe, f = k.call(this, e.dateHeaderCell || this.$props.dateHeaderCell, {}), u = k.call(this, e.timeHeaderCell || this.$props.timeHeaderCell, {}), m = k.call(this, e.resizeHint || this.$props.resizeHint, {});
-    this.ks.form = k.call(this, e.form || this.$props.form, {}), this.ks.dialogProps = e.dialogProps || this.$props.dialogProps, this.ks.formProps = e.formProps || this.$props.formProps;
-    const g = Ne(e.editable !== void 0 ? e.editable : this.$props.editable), S = this.getViewComponentByName(this.ks.activeViewName || e.name), E = {
+    ke(x), this.showLicenseWatermark = ge(x), this.licenseMessage = ve(x);
+    const e = this.views.find((de) => de.name === this.ks.activeViewName) || this.views[0] || u(R, null, null), t = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName), i = g.call(this, e.header || this.$props.header, H.call(this)), a = g.call(this, e.footer || this.$props.footer, H.call(this)), n = g.call(this, e.slot || this.$props.slotRender, {}), l = g.call(this, e.viewSlot || this.$props.viewSlot, {}), r = g.call(this, e.item || this.$props.item, {}), o = g.call(this, e.viewItem || this.$props.viewItem, {}), c = g.call(this, e.task || this.$props.task, {}), d = e.editSlot || this.$props.editSlot, f = e.form || this.$props.form || Me, p = g.call(this, e.dateHeaderCell || this.$props.dateHeaderCell, {}), m = g.call(this, e.timeHeaderCell || this.$props.timeHeaderCell, {}), k = g.call(this, e.resizeHint || this.$props.resizeHint, {});
+    this.ks.form = g.call(this, e.form || this.$props.form, {}), this.ks.editSlot = d && typeof d == "object" ? pe(M(d)) : d, this.ks.dialogProps = e.dialogProps || this.$props.dialogProps, this.ks.formProps = e.formProps || this.$props.formProps;
+    const v = je(e.editable !== void 0 ? e.editable : this.$props.editable), S = this.getViewComponentByName(this.ks.activeViewName || e.name), y = {
       ...this.$props,
       ...this.ks.view,
       showWorkHours: this.ks.showWorkHours,
@@ -235,67 +249,67 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       views: void 0,
       defaultDate: void 0,
       dateRange: this.ks.dateRange,
-      slotRender: a,
-      viewSlot: o,
-      item: n,
-      viewItem: c,
-      task: h,
-      dateHeaderCell: f,
-      timeHeaderCell: u,
-      resizeHint: m,
-      editable: g
-    }, b = ke(this), D = b.toLanguageString(j, C[j]), T = b.toLanguageString(B, C[B]), N = b.toLanguageString(U, C[U]), ee = b.toLanguageString(_, C[_]), te = b.toLanguageString(K, C[K]), F = b.toLanguageString(G, C[G]), I = this.toolbarLevel, se = d(we, {
+      slotRender: n,
+      viewSlot: l,
+      item: r,
+      viewItem: o,
+      task: c,
+      dateHeaderCell: p,
+      timeHeaderCell: m,
+      resizeHint: k,
+      editable: v
+    }, I = Ie(this), D = I.toLanguageString(q, E[q]), F = I.toLanguageString(K, E[K]), N = I.toLanguageString(Y, E[Y]), re = I.toLanguageString(G, E[G]), ae = I.toLanguageString(Q, E[Q]), P = I.toLanguageString(Z, E[Z]), C = this.toolbarLevel, ne = u(Se, {
       ref: this.setToolbarRef,
-      ariaLabel: F
+      ariaLabel: P
     }, {
-      default: () => [this.canAdd && d(V, {
+      default: () => [this.canAdd && u(V, {
         class: "k-toolbar-button",
         themeColor: "primary",
-        svgIcon: Re,
-        "aria-label": te,
+        svgIcon: Pe,
+        "aria-label": ae,
         tabIndex: -1,
         onClick: this.handleNewEventClick
       }, {
-        default: () => [I < 2 && ee]
-      }), I < 2 && d(V, {
+        default: () => [C < 2 && re]
+      }), C < 2 && u(V, {
         class: "k-toolbar-button",
         fillMode: "flat",
         tabIndex: -1,
         title: D,
         onClick: this.handleTodayClick
-      }, Z(D) ? D : {
+      }, ee(D) ? D : {
         default: () => [D]
-      }), I < 3 && d(ve, {
+      }), C < 3 && u(Ve, {
         class: "k-button-group-flat k-toolbar-button-group"
       }, {
-        default: () => [d(V, {
+        default: () => [u(V, {
           fillMode: "flat",
           tabIndex: -1,
-          svgIcon: this.isRtl ? Y : q,
-          "aria-label": T,
-          title: T,
+          svgIcon: this.isRtl ? J : X,
+          "aria-label": F,
+          title: F,
           onClick: this.handlePrevClick
-        }, null), d(V, {
+        }, null), u(V, {
           fillMode: "flat",
           tabIndex: -1,
-          svgIcon: this.isRtl ? q : Y,
+          svgIcon: this.isRtl ? X : J,
           "aria-label": N,
           title: N,
           onClick: this.handleNextClick
         }, null)]
-      }), d(De, {
+      }), u(ye, {
         value: this.ks.currentDate,
         onChange: this.handleDatePickerChange,
-        level: I
-      }, null), d(z, null, null), I === 1 && d("span", {
+        level: C
+      }, null), u(U, null, null), C === 1 && u("span", {
         class: "k-separator"
-      }, null), d(Se, {
-        level: I
+      }, null), u(Re, {
+        level: C
       }, null)]
-    }), ie = W.call(this, {
+    }), oe = j.call(this, {
       h: $,
       template: i,
-      defaultRendering: se,
+      defaultRendering: ne,
       additionalProps: {
         currentDate: this.ks.currentDate
       },
@@ -305,33 +319,33 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
         todayclick: this.handleTodayClick,
         datepickerchange: this.handleDatePickerChange
       }
-    }), re = d(be, {
-      "aria-label": F
+    }), le = u(Ee, {
+      "aria-label": P
     }, {
-      default: () => [this.isMobile && d(V, {
+      default: () => [this.isMobile && u(V, {
         class: "k-scheduler-today",
         tabIndex: -1,
         onClick: this.handleTodayClick
-      }, Z(D) ? D : {
+      }, ee(D) ? D : {
         default: () => [D]
-      }), this.isMobile && d(z, null, null), d(Ie, {
-        slotDuration: s,
+      }), this.isMobile && u(U, null, null), u($e, {
+        slotDuration: t,
         onClick: this.handleShowWorkHoursClick
       }, null)]
-    }), ae = W.call(this, {
+    }), ce = j.call(this, {
       h: $,
-      template: t,
-      defaultRendering: re,
+      template: a,
+      defaultRendering: le,
       additionalProps: {
-        slotDuration: s
+        slotDuration: t
       },
       additionalListeners: {
         showworkhoursclick: this.handleShowWorkHoursClick
       }
-    }), ne = this.showLicenseWatermark ? d(pe, {
+    }), he = this.showLicenseWatermark ? u(be, {
       message: this.licenseMessage
     }, null) : null;
-    return d("div", {
+    return u("div", {
       id: this.$props.id,
       style: {
         height: this.$props.height + "px"
@@ -344,11 +358,11 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       "aria-labelledby": this.$props.ariaLabelledby,
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [ie, $(S, {
+    }, [oe, $(S, {
       key: `${this.ks.view.name}-${this.ks.showWorkHours}`,
-      onDataaction: this.handleDataAction,
-      ...E
-    }), !["agenda", "month"].includes(this.ks.activeViewName) && ae, ne, this.newEventDialogItem && d(p, {
+      onDataAction: this.handleDataAction,
+      ...y
+    }), !["agenda", "month"].includes(this.ks.activeViewName) && ce, he, this.newEventDialogItem && u(f, {
       dataItem: this.newEventDialogItem,
       onSubmit: this.handleNewEventFormSubmit,
       onCancel: this.handleNewEventFormCancel,
@@ -359,49 +373,49 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     getViewComponentByName(e) {
       switch (e.toLowerCase()) {
         case "week":
-          return Ee;
+          return Te;
         case "workweek":
-          return ye;
+          return Fe;
         case "agenda":
-          return Ce;
+          return Oe;
         case "timeline":
-          return Ve;
+          return xe;
         case "month":
-          return $e;
+          return Ne;
         default:
-          return y;
+          return R;
       }
     },
-    getViewPropValue(e, s, i) {
-      const t = this.getViewComponentByName(i).props[s];
-      return e[s] || (t ? t.default : void 0);
+    getViewPropValue(e, t, i) {
+      const a = this.getViewComponentByName(i).props[t];
+      return e[t] || (a ? a.default : void 0);
     },
     handleDataChange({
       created: e = [],
-      updated: s = [],
+      updated: t = [],
       deleted: i = []
     }) {
-      const t = {
+      const a = {
         created: e,
-        updated: s,
+        updated: t,
         deleted: i
       };
-      this.$emit("datachange", t);
+      this.$emit("datachange", a);
     },
     handleNewEventClick(e) {
       e.preventDefault();
-      const s = /* @__PURE__ */ new Date(), i = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName) || 30, t = i * 60 * 1e3, a = s.getMinutes(), o = Math.ceil(a / i) * i;
-      let n = new Date(s);
-      n.setHours(s.getHours() + Math.floor(o / 60), o % 60, 0, 0);
-      const c = this.$props.dataItems || [], h = this.fields, p = (m, g) => c.some((S) => {
-        const E = r(S, h.start), b = r(S, h.end);
-        return !E || !b ? !1 : E.getTime() < g.getTime() && b.getTime() > m.getTime();
+      const t = /* @__PURE__ */ new Date(), i = this.getViewPropValue(this.ks.view, "slotDuration", this.ks.activeViewName) || 30, a = i * 60 * 1e3, n = t.getMinutes(), l = Math.ceil(n / i) * i;
+      let r = new Date(t);
+      r.setHours(t.getHours() + Math.floor(l / 60), l % 60, 0, 0);
+      const o = this.$props.dataItems || [], c = this.fields, d = (m, k) => o.some((v) => {
+        const S = s(v, c.start), y = s(v, c.end);
+        return !S || !y ? !1 : S.getTime() < k.getTime() && y.getTime() > m.getTime();
       });
-      let f = new Date(n.getTime() + t);
-      for (let m = 0; m < 48 && p(n, f); m++)
-        n = new Date(n.getTime() + t), f = new Date(n.getTime() + t);
-      const u = {};
-      l(u, h.start, n), l(u, h.end, f), l(u, h.isAllDay, !1), l(u, h.title, ""), l(u, h.description, ""), this.newEventDialogItem = u;
+      let f = new Date(r.getTime() + a);
+      for (let m = 0; m < 48 && d(r, f); m++)
+        r = new Date(r.getTime() + a), f = new Date(r.getTime() + a);
+      const p = {};
+      h(p, c.start, r), h(p, c.end, f), h(p, c.isAllDay, !1), h(p, c.title, ""), h(p, c.description, ""), this.newEventDialogItem = p;
     },
     handleNewEventFormSubmit(e) {
       this.handleDataChange({
@@ -412,126 +426,140 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
       this.newEventDialogItem = null;
     },
     handleCreate(e) {
-      const s = [e.dataItem];
+      const t = [e.dataItem];
       this.handleDataChange({
-        created: s
+        created: t
       });
     },
     handleUpdate(e) {
-      const s = [], i = [];
+      const t = [], i = [], a = [];
       if (e.series)
         if (Array.isArray(e.dataItem)) {
-          const t = e.dataItem[0];
-          if (r(t, this.fields.recurrenceId) !== null && r(t, this.fields.recurrenceId) !== void 0) {
-            const o = w(v(t, this.fields, this.dataItems)), n = new Date(r(t, this.fields.originalStart)).getTime(), c = new Date(r(t, this.fields.start)).getTime(), h = new Date(r(t, this.fields.end)).getTime(), p = c - n, f = h - c, u = new Date(r(o, this.fields.start)).getTime();
-            l(o, this.fields.start, new Date(u + p)), l(o, this.fields.end, new Date(u + p + f));
-            const m = r(o, this.fields.recurrenceExceptions) || [];
-            if (m.length > 0 && p !== 0) {
-              const g = m.map((S) => new Date(new Date(S).getTime() + p));
-              l(o, this.fields.recurrenceExceptions, g);
+          const n = e.dataItem[0];
+          if (s(n, this.fields.recurrenceId) !== null && s(n, this.fields.recurrenceId) !== void 0) {
+            const r = w(b(n, this.fields, this.dataItems)), o = new Date(s(n, this.fields.originalStart)).getTime(), c = new Date(s(n, this.fields.start)).getTime(), d = new Date(s(n, this.fields.end)).getTime(), f = c - o, p = d - c, m = new Date(s(r, this.fields.start)).getTime();
+            h(r, this.fields.start, new Date(m + f)), h(r, this.fields.end, new Date(m + f + p));
+            const k = s(r, this.fields.recurrenceExceptions) || [];
+            if (k.length > 0 && f !== 0) {
+              const v = k.map((S) => new Date(new Date(S).getTime() + f));
+              h(r, this.fields.recurrenceExceptions, v);
             }
-            l(o, this.fields.recurrenceRule, X(r(o, this.fields.recurrenceRule), p)), i.push(o);
+            h(r, this.fields.recurrenceRule, ie(s(r, this.fields.recurrenceRule), f)), i.push(r);
           } else
-            e.dataItem.forEach((o) => {
-              const n = w(v(o, this.fields, this.dataItems)), c = w(o);
-              l(c, this.fields.originalStart, r(n, this.fields.originalStart)), l(c, this.fields.recurrenceId, r(n, this.fields.recurrenceId));
-              const h = r(n, this.fields.recurrenceExceptions) || [], p = new Date(r(n, this.fields.start)).getTime(), u = new Date(r(c, this.fields.start)).getTime() - p;
-              if (h.length > 0 && u !== 0) {
-                const m = h.map((g) => new Date(new Date(g).getTime() + u));
-                l(c, this.fields.recurrenceExceptions, m);
+            e.dataItem.forEach((r) => {
+              const o = w(b(r, this.fields, this.dataItems)), c = w(r);
+              h(c, this.fields.originalStart, s(o, this.fields.originalStart)), h(c, this.fields.recurrenceId, s(o, this.fields.recurrenceId));
+              const d = s(o, this.fields.recurrenceExceptions) || [], f = new Date(s(o, this.fields.start)).getTime(), m = new Date(s(c, this.fields.start)).getTime() - f;
+              if (d.length > 0 && m !== 0) {
+                const k = d.map((v) => new Date(new Date(v).getTime() + m));
+                h(c, this.fields.recurrenceExceptions, k);
               } else
-                l(c, this.fields.recurrenceExceptions, h);
+                h(c, this.fields.recurrenceExceptions, d);
               i.push(c);
             });
-        } else if (r(e.dataItem, this.fields.recurrenceId) !== null && r(e.dataItem, this.fields.recurrenceId) !== void 0) {
-          const a = w(v(e.dataItem, this.fields, this.dataItems)), o = new Date(r(e.dataItem, this.fields.originalStart)).getTime(), n = new Date(r(e.dataItem, this.fields.start)).getTime(), c = new Date(r(e.dataItem, this.fields.end)).getTime(), h = n - o, p = c - n, f = new Date(r(a, this.fields.start)).getTime();
-          l(a, this.fields.start, new Date(f + h)), l(a, this.fields.end, new Date(f + h + p));
-          const u = r(a, this.fields.recurrenceExceptions) || [];
-          if (u.length > 0 && h !== 0) {
-            const m = u.map((g) => new Date(new Date(g).getTime() + h));
-            l(a, this.fields.recurrenceExceptions, m);
+        } else if (s(e.dataItem, this.fields.recurrenceId) !== null && s(e.dataItem, this.fields.recurrenceId) !== void 0) {
+          const l = w(b(e.dataItem, this.fields, this.dataItems)), r = new Date(s(e.dataItem, this.fields.originalStart)).getTime(), o = new Date(s(e.dataItem, this.fields.start)).getTime(), c = new Date(s(e.dataItem, this.fields.end)).getTime(), d = o - r, f = c - o, p = new Date(s(l, this.fields.start)).getTime();
+          h(l, this.fields.start, new Date(p + d)), h(l, this.fields.end, new Date(p + d + f));
+          const m = s(l, this.fields.recurrenceExceptions) || [];
+          if (m.length > 0 && d !== 0) {
+            const k = m.map((v) => new Date(new Date(v).getTime() + d));
+            h(l, this.fields.recurrenceExceptions, k);
           }
-          l(a, this.fields.recurrenceRule, X(r(a, this.fields.recurrenceRule), h)), i.push(a);
+          h(l, this.fields.recurrenceRule, ie(s(l, this.fields.recurrenceRule), d)), i.push(l);
         } else {
-          const a = w(e.dataItem);
-          if (r(a, this.fields.recurrenceRule)) {
-            const n = w(v(e.dataItem, this.fields, this.dataItems));
-            l(a, this.fields.originalStart, r(n, this.fields.originalStart)), l(a, this.fields.recurrenceId, r(n, this.fields.recurrenceId));
-            const c = r(n, this.fields.recurrenceExceptions) || [], h = new Date(r(n, this.fields.start)).getTime(), f = new Date(r(a, this.fields.start)).getTime() - h;
-            if (c.length > 0 && f !== 0) {
-              const u = c.map((m) => new Date(new Date(m).getTime() + f));
-              l(a, this.fields.recurrenceExceptions, u);
+          const l = w(e.dataItem);
+          if (s(l, this.fields.recurrenceRule)) {
+            const o = w(b(e.dataItem, this.fields, this.dataItems));
+            h(l, this.fields.originalStart, s(o, this.fields.originalStart)), h(l, this.fields.recurrenceId, s(o, this.fields.recurrenceId));
+            const c = s(o, this.fields.recurrenceExceptions) || [], d = new Date(s(o, this.fields.start)).getTime(), p = new Date(s(l, this.fields.start)).getTime() - d;
+            if (c.length > 0 && p !== 0) {
+              const m = c.map((k) => new Date(new Date(k).getTime() + p));
+              h(l, this.fields.recurrenceExceptions, m);
             } else
-              l(a, this.fields.recurrenceExceptions, c);
+              h(l, this.fields.recurrenceExceptions, c);
           } else
-            l(a, this.fields.recurrenceExceptions, null);
-          i.push(a);
+            h(l, this.fields.recurrenceExceptions, null);
+          i.push(l);
         }
       else if (Array.isArray(e.dataItem))
-        e.dataItem.forEach((t) => {
-          const a = r(t, this.fields.recurrenceRule) !== null && r(t, this.fields.recurrenceRule) !== void 0;
-          if (r(t, this.fields.recurrenceId) !== null && r(t, this.fields.recurrenceId) !== void 0 && a) {
-            const n = w(v(t, this.fields, this.dataItems)), c = r(t, this.fields.originalStart), h = r(n, this.fields.recurrenceExceptions) || [];
-            l(n, this.fields.recurrenceExceptions, [...h, c]), l(t, this.fields.recurrenceRule, null), i.push(n), s.push(t);
+        e.dataItem.forEach((n) => {
+          const l = s(n, this.fields.recurrenceRule) !== null && s(n, this.fields.recurrenceRule) !== void 0;
+          if (s(n, this.fields.recurrenceId) !== null && s(n, this.fields.recurrenceId) !== void 0 && l) {
+            const o = w(b(n, this.fields, this.dataItems)), c = s(n, this.fields.originalStart), d = s(o, this.fields.recurrenceExceptions) || [];
+            h(o, this.fields.recurrenceExceptions, [...d, c]), h(n, this.fields.recurrenceRule, null), i.push(o), t.push(n);
           } else
-            i.push(t);
+            i.push(n);
         });
       else {
-        const t = r(e.dataItem, this.fields.recurrenceRule) !== null && r(e.dataItem, this.fields.recurrenceRule) !== void 0;
-        if (r(e.dataItem, this.fields.recurrenceId) !== null && r(e.dataItem, this.fields.recurrenceId) !== void 0 && t) {
-          const o = w(v(e.dataItem, this.fields, this.dataItems)), n = r(e.dataItem, this.fields.originalStart), c = r(o, this.fields.recurrenceExceptions) || [];
-          l(o, this.fields.recurrenceExceptions, [...c, n]), l(e.dataItem, this.fields.recurrenceRule, null), i.push(o), s.push(e.dataItem);
+        const n = s(e.dataItem, this.fields.recurrenceRule) !== null && s(e.dataItem, this.fields.recurrenceRule) !== void 0;
+        if (s(e.dataItem, this.fields.recurrenceId) !== null && s(e.dataItem, this.fields.recurrenceId) !== void 0 && n) {
+          const r = w(b(e.dataItem, this.fields, this.dataItems)), o = s(e.dataItem, this.fields.originalStart), c = s(r, this.fields.recurrenceExceptions) || [];
+          h(r, this.fields.recurrenceExceptions, [...c, o]), h(e.dataItem, this.fields.recurrenceRule, null), i.push(r), t.push(e.dataItem);
         } else
           i.push(e.dataItem);
       }
+      if (e.series) {
+        const n = Array.isArray(e.dataItem) ? e.dataItem : [e.dataItem], l = new Set(n.map((o) => fe(o, this.fields))), r = new Set(n.filter((o) => !s(o, this.fields.recurrenceRule) && (s(o, this.fields.recurrenceId) === null || s(o, this.fields.recurrenceId) === void 0)).map((o) => s(o, this.fields.id)));
+        l.forEach((o) => {
+          if (o == null)
+            return;
+          const c = W(this.dataItems, this.fields, o);
+          e.resetExceptions ? a.push(...c.map((d) => w(d))) : r.has(o) && i.push(...c.map((d) => A(d, this.fields))), (r.has(o) || e.resetExceptions) && i.forEach((d) => {
+            s(d, this.fields.id) === o && h(d, this.fields.recurrenceExceptions, null);
+          });
+        });
+      }
       this.handleDataChange({
         updated: i,
-        created: s
+        created: t,
+        deleted: a
       });
     },
     handleRemove(e) {
-      const s = [], i = [];
+      const t = [], i = [];
       if (e.series) {
-        const t = w(v(e.dataItem, this.fields, this.dataItems)), a = w(e.dataItem);
-        l(a, this.fields.originalStart, r(t, this.fields.originalStart)), l(a, this.fields.recurrenceId, r(t, this.fields.recurrenceId)), l(a, this.fields.recurrenceRule, r(t, this.fields.recurrenceRule)), l(a, this.fields.recurrenceExceptions, r(t, this.fields.recurrenceExceptions)), i.push(a);
-      } else if (!(r(e.dataItem, this.fields.recurrenceRule) !== null && r(e.dataItem, this.fields.recurrenceRule) !== void 0))
+        const a = w(b(e.dataItem, this.fields, this.dataItems)), n = w(a);
+        h(n, this.fields.originalStart, s(a, this.fields.originalStart)), h(n, this.fields.recurrenceId, s(a, this.fields.recurrenceId)), h(n, this.fields.recurrenceRule, s(a, this.fields.recurrenceRule)), h(n, this.fields.recurrenceExceptions, s(a, this.fields.recurrenceExceptions)), i.push(n);
+        const l = W(this.dataItems, this.fields, s(a, this.fields.id));
+        e.resetExceptions ? i.push(...l.map((r) => w(r))) : t.push(...l.map((r) => A(r, this.fields)));
+      } else if (!(s(e.dataItem, this.fields.recurrenceRule) !== null && s(e.dataItem, this.fields.recurrenceRule) !== void 0))
         i.push(e.dataItem);
       else {
-        const a = w(v(e.dataItem, this.fields, this.dataItems)), o = r(e.dataItem, this.fields.originalStart), n = r(a, this.fields.recurrenceExceptions) || [];
-        l(a, this.fields.recurrenceExceptions, [...n, o]), l(e.dataItem, this.fields.recurrenceRule, null), s.push(a);
+        const n = w(b(e.dataItem, this.fields, this.dataItems)), l = s(e.dataItem, this.fields.originalStart), r = s(n, this.fields.recurrenceExceptions) || [];
+        h(n, this.fields.recurrenceExceptions, [...r, l]), h(e.dataItem, this.fields.recurrenceRule, null), t.push(n);
       }
       this.handleDataChange({
-        updated: s,
+        updated: t,
         deleted: i
       });
     },
     handleDataAction(e) {
       switch (e.type) {
-        case O.create:
+        case T.create:
           this.handleCreate(e);
           break;
-        case O.update:
+        case T.update:
           this.handleUpdate(e);
           break;
-        case O.remove:
+        case T.remove:
           this.handleRemove(e);
           break;
       }
     },
-    handleActiveViewNameChange(e, s) {
+    handleActiveViewNameChange(e, t) {
       this.$props.view === void 0 && this.updatePassedState(e), this.$emit("viewchange", {
         viewName: e,
-        ...s,
+        ...t,
         target: this.ks.scheduler.$el
       });
     },
     setToolbarRef(e) {
-      const s = (e == null ? void 0 : e.$el) || null;
-      s !== this.toolbarElement && (this.toolbarObserver && this.toolbarElement && this.toolbarObserver.unobserve(this.toolbarElement), this.toolbarElement = s, this.toolbarObserver && s && this.toolbarObserver.observe(s));
+      const t = (e == null ? void 0 : e.$el) || null;
+      t !== this.toolbarElement && (this.toolbarObserver && this.toolbarElement && this.toolbarObserver.unobserve(this.toolbarElement), this.toolbarElement = t, this.toolbarObserver && t && this.toolbarObserver.observe(t));
     },
-    handleDateChange(e, s) {
+    handleDateChange(e, t) {
       this.setDate(e, {
-        ...s,
+        ...t,
         target: this.ks.scheduler.$el
       });
     },
@@ -544,18 +572,18 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     },
     handleNextClick(e) {
       e.preventDefault();
-      const s = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = s > 27 ? H(this.ks.currentDate, Math.round(s / 27)) : A(this.ks.currentDate, s);
-      this.setDate(t, e);
+      const t = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, a = t > 27 ? B(this.ks.currentDate, Math.round(t / 27)) : _(this.ks.currentDate, t);
+      this.setDate(a, e);
     },
     handlePrevClick(e) {
       e.preventDefault();
-      const s = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, t = s > 27 ? H(this.ks.currentDate, -Math.round(s / 27)) : A(this.ks.currentDate, -s);
-      this.setDate(t, e);
+      const t = this.getViewPropValue(this.ks.view, "step", this.ks.activeViewName) || this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName) || 1, a = t > 27 ? B(this.ks.currentDate, -Math.round(t / 27)) : _(this.ks.currentDate, -t);
+      this.setDate(a, e);
     },
     handleTodayClick(e) {
       e.preventDefault();
-      const s = ge.fromLocalDate(/* @__PURE__ */ new Date(), this.ks.timezone);
-      this.setDate(new Date(s.getTime()), e);
+      const t = Ce.fromLocalDate(/* @__PURE__ */ new Date(), this.ks.timezone);
+      this.setDate(new Date(t.getTime()), e);
     },
     handleShowWorkHoursClick() {
       this.ks.showWorkHours = !this.ks.showWorkHours;
@@ -584,42 +612,42 @@ const J = "{0:D}", Q = "{0:d}", X = (e, s) => {
     handleTaskDoubleClick(e) {
       this.$emit("taskdoubleclick", e);
     },
-    setDate(e, s) {
+    setDate(e, t) {
       this.$props.date === void 0 && (this.ks.currentDate = e, this.updatePassedState()), this.$emit("datechange", {
         date: e,
-        event: s
+        event: t
       });
     },
     updatePassedState(e) {
-      const s = L(this), i = e || this.ks.activeViewName;
-      this.ks.activeViewName = i, this.ks.view = this.views.find((t) => t.name === i) || this.views[0] || d(y, null, null), this.ks.dateFormat = this.getViewPropValue(this.ks.view, "selectedDateFormat", i) || J, this.ks.shortDateFormat = this.getViewPropValue(this.ks.view, "selectedShortDateFormat", i) || Q, this.ks.dateRange = this.getViewComponentByName(i).props.dateRange.default()({
-        intl: s,
+      const t = z(this), i = e || this.ks.activeViewName;
+      this.ks.activeViewName = i, this.ks.view = this.views.find((a) => a.name === i) || this.views[0] || u(R, null, null), this.ks.dateFormat = this.getViewPropValue(this.ks.view, "selectedDateFormat", i) || te, this.ks.shortDateFormat = this.getViewPropValue(this.ks.view, "selectedShortDateFormat", i) || se, this.ks.dateRange = this.getViewComponentByName(i).props.dateRange.default()({
+        intl: t,
         date: this.ks.currentDate,
         timezone: this.$props.timezone,
         numberOfDays: this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName),
-        workWeekStart: this.getViewPropValue(this.ks.view, "workWeekStart", this.ks.activeViewName) || s.firstDay(),
-        workWeekEnd: this.getViewPropValue(this.ks.view, "workWeekEnd", this.ks.activeViewName) || (s.firstDay() + this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName)) % 6
+        workWeekStart: this.getViewPropValue(this.ks.view, "workWeekStart", this.ks.activeViewName) || t.firstDay(),
+        workWeekEnd: this.getViewPropValue(this.ks.view, "workWeekEnd", this.ks.activeViewName) || (t.firstDay() + this.getViewPropValue(this.ks.view, "numberOfDays", this.ks.activeViewName)) % 6
       });
     },
     calculateMedia() {
-      R && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
+      O && window.matchMedia && (this.media = window.matchMedia("(min-width: 1024px)").matches ? "desktop" : "mobile");
     },
     measureToolbar() {
-      const s = this.toolbarElement;
-      if (!s)
+      const t = this.toolbarElement;
+      if (!t)
         return;
-      const i = s.clientWidth;
+      const i = t.clientWidth;
       if (!i)
         return;
-      const t = parseInt(window.getComputedStyle(s).gap || "0", 10), a = Array.from(s.children), o = a.reduce((c, h) => c + h.offsetWidth, 0) + (a.length - 1) * t, n = this.toolbarLevel;
-      if (o > i && n < 3) {
-        this.toolbarBreakpoints[n] = i, this.toolbarLevel = n + 1;
+      const a = parseInt(window.getComputedStyle(t).gap || "0", 10), n = Array.from(t.children), l = n.reduce((o, c) => o + c.offsetWidth, 0) + (n.length - 1) * a, r = this.toolbarLevel;
+      if (l > i && r < 3) {
+        this.toolbarBreakpoints[r] = i, this.toolbarLevel = r + 1;
         return;
       }
-      n > 0 && i > this.toolbarBreakpoints[n - 1] + 20 && (this.toolbarLevel = n - 1);
+      r > 0 && i > this.toolbarBreakpoints[r - 1] + 20 && (this.toolbarLevel = r - 1);
     }
   }
 });
 export {
-  rt as Scheduler
+  pt as Scheduler
 };