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

package/editors/SchedulerFormEditor.mjs

@@ -5,28 +5,29 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as U, createVNode as e, Fragment as S, isVNode as X } from "vue";
-import { timezoneNames as ee } from "@progress/kendo-date-math";
-import { Label as u } from "@progress/kendo-vue-labels";
-import { provideLocalizationService as b, provideIntlService as te } from "@progress/kendo-vue-intl";
-import { FormElement as ie, FieldWrapper as m, Field as l } from "@progress/kendo-vue-form";
-import { TextArea as re, Switch as ne, TextBox as oe } from "@progress/kendo-vue-inputs";
-import { getDefaultSlots as le, SvgIcon as h } from "@progress/kendo-vue-common";
-import { rightDoubleQuotesIcon as se, clockIcon as ae, globeIcon as D, arrowRotateCwIcon as de, commentIcon as ce } from "@progress/kendo-svg-icons";
-import { Button as a } from "@progress/kendo-vue-buttons";
-import { Dialog as ue, DialogActionsBar as me } from "@progress/kendo-vue-dialogs";
-import { editorValidationRequired as E, messages as r, editorEventAllDay as L, editorEventTitle as f, editorEventStart as g, editorDateConnectorTo as p, editorEventEnd as k, editorStartTimeAriaLabel as w, editorDateConnectorFrom as y, editorSetTimezoneTitle as C, editorTimezoneButton as A, editorEventStartTimeZone as I, editorResetTimezoneAriaLabel as x, editorResetTimezoneTitle as B, editorEndTimeAriaLabel as j, editorEventEndTimeZone as O, editorEventDescription as T, resetTimezoneDialogTitle as M, resetTimezoneConfirmation as V, resetTimezoneNo as $, resetTimezoneYes as q, editorRecurrenceMakeRecurring as G } from "../messages/main.mjs";
-import { RecurrenceEditor as he } from "../recurrence/RecurrenceEditor.mjs";
-import { ResourceEditor as fe } from "./ResourceEditor.mjs";
-import { ZonedSplitDateTime as _ } from "./ZonedSplitDateTime.mjs";
-import { TimezoneDropDownList as N } from "./TimezoneDropDownList.mjs";
-import { SchedulerRecurrenceDialog as ge } from "./SchedulerRecurrenceDialog.mjs";
-import { RemoveRecurrenceConfirmDialog as pe } from "./RemoveRecurrenceConfirmDialog.mjs";
-import { getRecurrenceSummary as ke } from "../hooks/useRecurrenceSummary.mjs";
-function z(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !X(t);
+import { defineComponent as ee, createVNode as e, Fragment as b, inject as w, provide as te, watch as re, isVNode as ie } from "vue";
+import { timezoneNames as ne, MS_PER_DAY as oe } from "@progress/kendo-date-math";
+import { parseRule as se } from "@progress/kendo-recurrence";
+import { Label as f } from "@progress/kendo-vue-labels";
+import { provideLocalizationService as y, provideIntlService as le } from "@progress/kendo-vue-intl";
+import { FormElement as ae, FieldWrapper as g, Field as u } from "@progress/kendo-vue-form";
+import { TextArea as ue, Switch as de, TextBox as ce } from "@progress/kendo-vue-inputs";
+import { getDefaultSlots as me, SvgIcon as p } from "@progress/kendo-vue-common";
+import { rightDoubleQuotesIcon as he, clockIcon as fe, globeIcon as C, arrowRotateCwIcon as ge, commentIcon as pe } from "@progress/kendo-svg-icons";
+import { Button as h } from "@progress/kendo-vue-buttons";
+import { Dialog as Te, DialogActionsBar as ke } from "@progress/kendo-vue-dialogs";
+import { editorValidationRequired as A, messages as n, editorEventAllDay as I, editorEventTitle as T, editorEventStart as k, editorDateConnectorTo as R, editorEventEnd as z, editorStartTimeAriaLabel as x, editorDateConnectorFrom as j, editorSetTimezoneTitle as O, editorTimezoneButton as B, editorEventStartTimeZone as G, editorResetTimezoneAriaLabel as M, editorResetTimezoneTitle as V, editorEndTimeAriaLabel as $, editorEventEndTimeZone as q, editorEventDescription as S, resetTimezoneDialogTitle as _, resetTimezoneConfirmation as N, resetTimezoneNo as P, resetTimezoneYes as Z, editorRecurrenceEdit as Re, editorRecurrenceMakeRecurring as ze } from "../messages/main.mjs";
+import { RecurrenceEditor as Se } from "../recurrence/RecurrenceEditor.mjs";
+import { ResourceEditor as ve } from "./ResourceEditor.mjs";
+import { ZonedSplitDateTime as K, readDateAsLocal as L, dayValue as W, readDateWithTimezone as De } from "./ZonedSplitDateTime.mjs";
+import { TimezoneDropDownList as Y } from "./TimezoneDropDownList.mjs";
+import { SchedulerRecurrenceDialog as Fe } from "./SchedulerRecurrenceDialog.mjs";
+import { RemoveRecurrenceConfirmDialog as Ee } from "./RemoveRecurrenceConfirmDialog.mjs";
+import { renderRecurrenceSummary as be, getRecurrenceSummary as ye } from "../hooks/useRecurrenceSummary.mjs";
+function v(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !ie(t);
 }
-const Oe = /* @__PURE__ */ U({
+const We = /* @__PURE__ */ ee({
   name: "KendoSchedulerFormEditor",
   props: {
     as: [String, Function, Object],
@@ -35,31 +36,31 @@ const Oe = /* @__PURE__ */ U({
     titleEditor: {
       type: [String, Function, Object],
       default: function() {
-        return oe;
+        return ce;
       }
     },
     startEditor: {
       type: [String, Function, Object],
       default: function() {
-        return _;
+        return K;
       }
     },
     startTimezoneEditor: {
       type: [String, Function, Object],
       default: function() {
-        return N;
+        return Y;
       }
     },
     endEditor: {
       type: [String, Function, Object],
       default: function() {
-        return _;
+        return K;
       }
     },
     endTimezoneEditor: {
       type: [String, Function, Object],
       default: function() {
-        return N;
+        return Y;
       }
     },
     allDayLabel: {
@@ -71,25 +72,25 @@ const Oe = /* @__PURE__ */ U({
     allDayEditor: {
       type: [String, Function, Object],
       default: function() {
-        return ne;
+        return de;
       }
     },
     recurrenceEditor: {
       type: [String, Function, Object],
       default: function() {
-        return he;
+        return Se;
       }
     },
     descriptionEditor: {
       type: [String, Function, Object],
       default: function() {
-        return re;
+        return ue;
       }
     },
     resourceEditor: {
       type: [String, Function, Object],
       default: function() {
-        return fe;
+        return ve;
       }
     },
     recurrenceButtonTextTemplate: [Object, Function],
@@ -113,19 +114,54 @@ const Oe = /* @__PURE__ */ U({
     kendoForm: {
       default: {}
     },
+    kendoIntlService: {
+      default: null
+    },
     kendoLocalizationService: {
       default: null
     }
   },
   data() {
-    const t = this.kendoForm, n = this.ks;
+    const t = this.kendoForm, r = this.ks;
     return {
-      showTimezones: !!t.valueGetter(n.fields.startTimezone),
+      showTimezones: !!t.valueGetter(r.fields.startTimezone),
       showTimezoneResetDialog: !1,
       showRecurrenceDialog: !1,
       showRemoveRecurrenceDialog: !1
     };
   },
+  setup() {
+    const t = w("ks"), r = w("kendoForm");
+    let s = null, d;
+    te("schedulerEndAdjustment", (o) => (d = o, () => {
+      d === o && (d = void 0);
+    }));
+    const c = () => {
+      const o = r.valueGetter(t.fields.start), a = r.valueGetter(t.fields.end);
+      o instanceof Date && a instanceof Date && Number.isFinite(o.getTime()) && Number.isFinite(a.getTime()) && a.getTime() >= o.getTime() && (s = {
+        start: new Date(o),
+        end: new Date(a)
+      });
+    }, i = () => {
+      const o = r.valueGetter(t.fields.start);
+      if (!s || !(o instanceof Date) || !Number.isFinite(o.getTime()))
+        return;
+      let a = new Date(o.getTime() + s.end.getTime() - s.start.getTime());
+      if (r.valueGetter(t.fields.isAllDay)) {
+        const D = L(s.start, t.timezone), F = L(o, t.timezone), m = new Date(L(s.end, t.timezone));
+        m.setDate(m.getDate() + Math.round((W(F) - W(D)) / oe)), a = De(m, t.timezone);
+      }
+      r.onChange(t.fields.end, {
+        value: d ? d(a) : a
+      }), c();
+    };
+    return c(), re([() => r.valueGetter(t.fields.start), () => r.valueGetter(t.fields.end)], c, {
+      flush: "post"
+    }), {
+      handleStartChange: i,
+      updatePreviousRange: c
+    };
+  },
   computed: {
     isAllDay() {
       return !!this.kendoForm.valueGetter(this.ks.fields.isAllDay);
@@ -149,43 +185,54 @@ const Oe = /* @__PURE__ */ U({
       return !this.isEditingOccurrence;
     },
     recurrenceButtonText() {
-      const t = te(this), n = b(this), s = (c, i) => n.toLanguageString(c, i), d = n.toLanguageString(G, r[G]);
-      return this.recurrenceRule && ke(this.recurrenceRule, this.start, t, s) || d;
+      const t = y(this), r = this.recurrenceRule ? Re : ze;
+      return t.toLanguageString(r, n[r]);
+    },
+    recurrenceSummaryText() {
+      if (!this.recurrenceRule)
+        return "";
+      const t = le(this), r = y(this);
+      return ye(this.recurrenceRule, this.start, t, (s, d) => r.toLanguageString(s, d));
+    },
+    parsedRecurrenceRule() {
+      return this.recurrenceRule ? se({
+        recurrenceRule: this.recurrenceRule
+      }) : null;
     }
   },
   render() {
-    let t, n, s;
-    const d = le(this), c = ee(), i = b(this), v = this.$props.startEditor, F = this.$props.endEditor, Z = this.$props.startTimezoneEditor, K = this.$props.endTimezoneEditor, Q = this.$props.allDayEditor, W = this.$props.allDayLabel, Y = this.$props.descriptionEditor, H = this.$props.resourceEditor, J = this.$props.titleEditor, P = this.startTimezone;
-    this.requiredValidationMessage = i.toLanguageString(E, r[E]);
-    const R = i.toLanguageString(L, r[L]);
-    return e(S, null, [e(ie, {
+    let t, r, s;
+    const d = me(this), c = ne(), i = y(this), o = this.$props.startEditor, a = this.$props.endEditor, D = this.$props.startTimezoneEditor, F = this.$props.endTimezoneEditor, m = this.$props.allDayEditor, Q = this.$props.allDayLabel, H = this.$props.descriptionEditor, J = this.$props.resourceEditor, U = this.$props.titleEditor, X = this.startTimezone;
+    this.requiredValidationMessage = i.toLanguageString(A, n[A]);
+    const E = i.toLanguageString(I, n[I]);
+    return e(b, null, [e(ae, {
       horizontal: !0,
       class: "k-scheduler-edit-form"
     }, {
-      default: () => [e(m, null, {
-        default: () => [e(u, {
+      default: () => [e(g, null, {
+        default: () => [e(f, {
           class: "k-form-label"
         }, {
-          default: () => [e(h, {
-            icon: se,
+          default: () => [e(p, {
+            icon: he,
             size: "xlarge"
           }, null)]
         }), e("div", {
           class: "k-form-field-wrap"
-        }, [e(l, {
+        }, [e(u, {
           id: "k-scheduler-editor-title",
           name: this.ks.fields.title,
           field: this.ks.fields.title,
-          component: J,
-          placeholder: i.toLanguageString(f, r[f]),
-          "aria-label": i.toLanguageString(f, r[f])
+          component: U,
+          placeholder: i.toLanguageString(T, n[T]),
+          "aria-label": i.toLanguageString(T, n[T])
         }, null)])]
-      }), e(m, null, {
-        default: () => [e(u, {
+      }), e(g, null, {
+        default: () => [e(f, {
           class: "k-form-label"
         }, {
-          default: () => [e(h, {
-            icon: ae,
+          default: () => [e(p, {
+            icon: fe,
             size: "xlarge"
           }, null)]
         }), e("div", {
@@ -194,138 +241,142 @@ const Oe = /* @__PURE__ */ U({
           class: "k-scheduler-datetime-section"
         }, [e("div", {
           class: "k-scheduler-edit-form-row"
-        }, [e(l, {
+        }, [e(u, {
           name: this.ks.fields.isAllDay,
-          component: Q,
+          component: m,
           onLabel: "",
           offLabel: ""
-        }, null), e(W, null, z(R) ? R : {
-          default: () => [R]
+        }, null), e(Q, null, v(E) ? E : {
+          default: () => [E]
         })]), e("div", {
           class: "k-scheduler-datetime-grid"
         }, [this.isAllDay ? e("div", {
           class: "k-scheduler-edit-form-row"
-        }, [e(l, {
+        }, [e(u, {
           name: this.ks.fields.start,
-          component: v,
+          component: o,
+          onChange: this.handleStartChange,
           isAllDay: this.isAllDay,
           fieldError: this.kendoForm.errors[this.ks.fields.start],
-          ariaLabel: i.toLanguageString(g, r[g]),
+          ariaLabel: i.toLanguageString(k, n[k]),
           timezone: this.ks.timezone
         }, null), e("span", {
           class: "k-scheduler-datetime-label"
-        }, [i.toLanguageString(p, r[p])]), e(l, {
+        }, [i.toLanguageString(R, n[R])]), e(u, {
           name: this.ks.fields.end,
-          component: F,
+          component: a,
+          onChange: this.updatePreviousRange,
           isAllDay: this.isAllDay,
           fieldError: this.kendoForm.errors[this.ks.fields.end],
-          ariaLabel: i.toLanguageString(k, r[k]),
+          ariaLabel: i.toLanguageString(z, n[z]),
           timezone: this.ks.timezone
-        }, null)]) : e(S, null, [e("div", {
+        }, null)]) : e(b, null, [e("div", {
           class: "k-scheduler-edit-form-row"
-        }, [e(l, {
+        }, [e(u, {
           name: this.ks.fields.start,
-          component: v,
+          component: o,
+          onChange: this.handleStartChange,
           isAllDay: this.isAllDay,
-          connector: i.toLanguageString(y, r[y]),
+          connector: i.toLanguageString(j, n[j]),
           fieldError: this.kendoForm.errors[this.ks.fields.start],
-          ariaLabel: i.toLanguageString(g, r[g]),
-          timeAriaLabel: i.toLanguageString(w, r[w]),
+          ariaLabel: i.toLanguageString(k, n[k]),
+          timeAriaLabel: i.toLanguageString(x, n[x]),
           timezone: this.ks.timezone
-        }, null)]), !this.showTimezones && e(a, {
+        }, null)]), !this.showTimezones && e(h, {
           class: "k-col-span-2",
           fillMode: "flat",
           themeColor: "primary",
-          title: i.toLanguageString(C, r[C]),
+          title: i.toLanguageString(O, n[O]),
           onClick: this.handleTimezoneToggle,
-          svgIcon: D
-        }, z(t = i.toLanguageString(A, r[A])) ? t : {
+          svgIcon: C
+        }, v(t = i.toLanguageString(B, n[B])) ? t : {
           default: () => [t]
-        }), this.showTimezones && e(S, null, [e(l, {
+        }), this.showTimezones && e(b, null, [e(u, {
           name: this.ks.fields.startTimezone,
-          component: Z,
+          component: D,
           dataItems: c,
-          value: P,
-          ariaLabel: i.toLanguageString(I, r[I])
-        }, null), e(a, {
-          title: i.toLanguageString(B, r[B]),
-          "aria-label": i.toLanguageString(x, r[x]),
+          value: X,
+          ariaLabel: i.toLanguageString(G, n[G])
+        }, null), e(h, {
+          title: i.toLanguageString(V, n[V]),
+          "aria-label": i.toLanguageString(M, n[M]),
           onClick: this.handleTimezoneToggle,
-          svgIcon: D,
+          svgIcon: C,
           fillMode: "flat",
           themeColor: "primary"
         }, null)]), e("div", {
           class: "k-scheduler-edit-form-row"
-        }, [e(l, {
+        }, [e(u, {
           name: this.ks.fields.end,
-          component: F,
+          component: a,
+          onChange: this.updatePreviousRange,
           isAllDay: this.isAllDay,
-          connector: i.toLanguageString(p, r[p]),
+          connector: i.toLanguageString(R, n[R]),
           fieldError: this.kendoForm.errors[this.ks.fields.end],
-          ariaLabel: i.toLanguageString(k, r[k]),
-          timeAriaLabel: i.toLanguageString(j, r[j]),
+          ariaLabel: i.toLanguageString(z, n[z]),
+          timeAriaLabel: i.toLanguageString($, n[$]),
           timezone: this.ks.timezone
-        }, null)]), this.showTimezones && e(l, {
+        }, null)]), this.showTimezones && e(u, {
           name: this.ks.fields.endTimezone,
-          component: K,
+          component: F,
           dataItems: c,
           value: this.kendoForm.valueGetter(this.ks.fields.endTimezone) || "",
-          ariaLabel: i.toLanguageString(O, r[O])
+          ariaLabel: i.toLanguageString(q, n[q])
         }, null)])]), this.showRecurrenceButton && e("div", {
           class: "k-scheduler-edit-form-row"
-        }, [e(a, {
+        }, [e(h, {
           class: "k-scheduler-recurrence-button",
           type: "button",
           fillMode: "flat",
           themeColor: "primary",
-          svgIcon: de,
+          svgIcon: ge,
           onClick: this.handleMakeRecurringClick
         }, {
-          default: () => [this.recurrenceButtonTextTemplate ? this.renderRecurrenceButtonTextTemplate() : this.recurrenceButtonText]
-        })])])])]
-      }), e(m, null, {
-        default: () => [e(u, {
+          default: () => [this.recurrenceButtonText]
+        }), this.recurrenceRule && (this.recurrenceSummaryTemplate || this.recurrenceSummaryText) && be(this.recurrenceSummaryText, this.renderRecurrenceSummaryTemplate())])])])]
+      }), e(g, null, {
+        default: () => [e(f, {
           class: "k-form-label"
         }, {
-          default: () => [e(h, {
-            icon: ce,
+          default: () => [e(p, {
+            icon: pe,
             size: "xlarge"
           }, null)]
         }), e("div", {
           class: "k-form-field-wrap"
-        }, [e(l, {
-          component: Y,
+        }, [e(u, {
+          component: H,
           name: this.ks.fields.description,
           id: "k-event-description",
           resizable: "vertical",
-          placeholder: i.toLanguageString(T, r[T]),
-          "aria-label": i.toLanguageString(T, r[T])
+          placeholder: i.toLanguageString(S, n[S]),
+          "aria-label": i.toLanguageString(S, n[S])
         }, null)])]
-      }), (this.ks.props.resources || []).map((o) => e(m, {
-        key: o.field
+      }), (this.ks.props.resources || []).map((l) => e(g, {
+        key: l.field
       }, {
-        default: () => [o.svgIcon && e(u, {
+        default: () => [l.svgIcon && e(f, {
           class: "k-form-label"
         }, {
-          default: () => [e(h, {
-            icon: o.svgIcon,
+          default: () => [e(p, {
+            icon: l.svgIcon,
             size: "xlarge"
           }, null)]
         }), e("div", {
           class: "k-form-field-wrap"
-        }, [e(l, {
-          name: o.field,
-          component: H,
-          resource: o,
-          multiple: o.multiple,
-          dataItems: o.data,
-          textField: o.textField,
-          valueField: o.valueField,
-          colorField: o.colorField,
-          ariaLabel: o.name || o.field
+        }, [e(u, {
+          name: l.field,
+          component: J,
+          resource: l,
+          multiple: l.multiple,
+          dataItems: l.data,
+          textField: l.textField,
+          valueField: l.valueField,
+          colorField: l.colorField,
+          ariaLabel: l.name || l.field
         }, null)])]
       })), d]
-    }), this.showRecurrenceDialog && e(ge, {
+    }), this.showRecurrenceDialog && e(Fe, {
       value: this.recurrenceRule,
       start: this.start,
       timezone: this.ks.timezone || "",
@@ -334,33 +385,35 @@ const Oe = /* @__PURE__ */ U({
       onRemoveRecurrence: this.handleRemoveRecurrenceClick,
       recurrenceSummaryTemplate: this.recurrenceSummaryTemplate,
       recurrenceEditor: this.recurrenceEditor
-    }, null), this.showRemoveRecurrenceDialog && e(pe, {
+    }, null), this.showRemoveRecurrenceDialog && e(Ee, {
       onConfirm: this.handleRemoveRecurrenceConfirm,
       onCancel: this.handleRemoveRecurrenceCancel
-    }, null), this.showTimezoneResetDialog && e(ue, {
-      title: i.toLanguageString(M, r[M]),
+    }, null), this.showTimezoneResetDialog && e(Te, {
+      title: i.toLanguageString(_, n[_]),
       onClose: this.handleTimezoneResetClose
     }, {
-      default: () => [i.toLanguageString(V, r[V]), e(me, null, {
-        default: () => [e(a, {
+      default: () => [i.toLanguageString(N, n[N]), e(ke, null, {
+        default: () => [e(h, {
           onClick: this.handleTimezoneResetClose
-        }, z(n = i.toLanguageString($, r[$])) ? n : {
-          default: () => [n]
-        }), e(a, {
+        }, v(r = i.toLanguageString(P, n[P])) ? r : {
+          default: () => [r]
+        }), e(h, {
           themeColor: "primary",
           onClick: this.handleTimezoneResetConfirm
-        }, z(s = i.toLanguageString(q, r[q])) ? s : {
+        }, v(s = i.toLanguageString(Z, n[Z])) ? s : {
           default: () => [s]
         })]
       })]
     })]);
   },
   methods: {
-    renderRecurrenceButtonTextTemplate() {
-      const t = this.recurrenceButtonTextTemplate;
-      return t ? e(t, {
-        recurrenceRule: this.recurrenceRule
-      }, null) : null;
+    renderRecurrenceSummaryTemplate() {
+      const t = this.recurrenceSummaryTemplate;
+      return !t || !this.recurrenceRule ? null : e(t, {
+        recurrenceRule: this.recurrenceRule,
+        text: this.recurrenceSummaryText,
+        parsedRule: this.parsedRecurrenceRule
+      }, null);
     },
     handleTimezoneToggle(t) {
       t.preventDefault(), this.showTimezones ? this.showTimezoneResetDialog = !0 : (this.updateFormField(this.ks.fields.startTimezone, null), this.updateFormField(this.ks.fields.endTimezone, null), this.showTimezones = !0);
@@ -389,29 +442,29 @@ const Oe = /* @__PURE__ */ U({
     handleRemoveRecurrenceCancel() {
       this.showRemoveRecurrenceDialog = !1;
     },
-    updateFormField(t, n) {
+    updateFormField(t, r) {
       this.kendoForm.onChange(t, {
-        value: n
+        value: r
       }), this.$emit("change", t, {
-        value: n
+        value: r
       });
     },
     requiredValidator(t) {
       return t ? void 0 : this.requiredValidationMessage;
     },
-    startTimezoneValidator(t, n) {
-      return this.showTimezones ? this.requiredValidator(n(this.ks.fields.startTimezone)) : void 0;
+    startTimezoneValidator(t, r) {
+      return this.showTimezones ? this.requiredValidator(r(this.ks.fields.startTimezone)) : void 0;
     },
-    endTimezoneValidator(t, n) {
-      return this.showTimezones ? this.requiredValidator(n(this.ks.fields.endTimezone)) || this.requiredValidator(n(this.ks.fields.startTimezone)) : void 0;
+    endTimezoneValidator(t, r) {
+      return this.showTimezones ? this.requiredValidator(r(this.ks.fields.endTimezone)) || this.requiredValidator(r(this.ks.fields.startTimezone)) : void 0;
     }
   },
   watch: {
-    startTimezone(t, n) {
-      this.showTimezones && t && t !== n && this.updateFormField(this.ks.fields.endTimezone, t);
+    startTimezone(t, r) {
+      this.showTimezones && t && t !== r && this.updateFormField(this.ks.fields.endTimezone, t);
     }
   }
 });
 export {
-  Oe as SchedulerFormEditor
+  We as SchedulerFormEditor
 };

package/editors/SchedulerRecurrenceDialog.d.ts

@@ -11,7 +11,7 @@ import { DropDownListChangeEvent } from '@progress/kendo-vue-dropdowns';
 import { DatePickerChangeEvent } from '@progress/kendo-vue-dateinputs';
 import { ZonedDate } from '@progress/kendo-date-math';
 import { RecurrenceRule } from '@progress/kendo-recurrence';
-import { PropType } from 'vue';
+import { PropType, VNode } from 'vue';
 import { Frequency } from '../recurrence/types/Frequency';
 import { WeekDayEntity } from '../recurrence/types/WeekDayEntity';
 import { MonthEntity } from '../recurrence/types/MonthEntity';
@@ -100,7 +100,7 @@ declare const SchedulerRecurrenceDialog: import('vue').DefineComponent<import('v
     parsedCurrentRule(): any;
 }, {
     localizeMessage(baseMassage: string, removePrepend?: boolean): string;
-    renderRecurrenceSummaryTemplate(): import("vue/jsx-runtime").JSX.Element;
+    renderRecurrenceSummaryTemplate(): VNode | null;
     updateRrule(newRrule: RecurrenceRule): void;
     handleFrequencyChange(newFreq: string): void;
     handleIntervalChange(event: NumericTextBoxChangeEvent): void;

package/editors/SchedulerRecurrenceDialog.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),C=require("@progress/kendo-vue-dialogs"),D=require("@progress/kendo-vue-buttons"),u=require("@progress/kendo-vue-intl"),m=require("@progress/kendo-vue-inputs"),d=require("@progress/kendo-vue-dropdowns"),V=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-vue-labels"),h=require("@progress/kendo-vue-form"),p=require("@progress/kendo-date-math"),k=require("@progress/kendo-recurrence"),n=require("../messages/main.js"),N=require("../hooks/useRecurrenceSummary.js"),l=require("../recurrence/common.js");function c(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const S=r.defineComponent({name:"KendoSchedulerRecurrenceDialog",props:{value:{type:[String,null],default:null},start:{type:Date,required:!0},timezone:{type:String,default:""},onSave:Function,onCancel:Function,onRemoveRecurrence:Function,recurrenceSummaryTemplate:[Object,Function],recurrenceEditor:[Object,Function]},inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:r.inject("kendoLocalizationService",{})}},data(){var a;const e=l.getRule((a=this.value)!=null?a:"");return{rrule:e.freq?e:{freq:"daily",interval:1},defaultCount:1,defaultUntil:p.ZonedDate.fromUTCDate(this.start),startsOn:new Date(this.start)}},computed:{frequency(){return l.getFrequency(this.rrule)},weekDays(){const e=u.provideIntlService(this);return l.getWeekDays(e)},extendedWeekDays(){const e=u.provideIntlService(this);return l.getExtendedWeekDays(e,this.localizeMessage)},weekDay(){return l.getWeekDay(this.extendedWeekDays,this.rrule,this.startsOn)},months(){const e=u.provideIntlService(this);return l.getMonths(e)},month(){return l.getMonth(this.months,this.rrule)},offsets(){return l.getOffsets(this.localizeMessage)},offset(){return l.getOffset(this.offsets,this.rrule)},endRule(){return l.getEndRule(this.rrule)},monthDay(){return l.getMonthDay(this.rrule,this.startsOn)},until(){return this.rrule.until?p.toLocalDate(this.rrule.until):null},repeatOnRule(){return l.getRepeatOnRule(this.rrule)},isExistingRecurrence(){return!!this.value},frequencyData(){return[{text:this.localizeMessage(n.recurrenceEditorFrequenciesDaily,!0),value:"daily"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesWeekly,!0),value:"weekly"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesMonthly,!0),value:"monthly"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesYearly,!0),value:"yearly"}]},endRuleData(){return[{text:this.localizeMessage(n.recurrenceEditorEndNever,!0),value:"never"},{text:this.localizeMessage(n.recurrenceEditorEndAfter,!0),value:"count"},{text:this.localizeMessage(n.recurrenceEditorEndOn,!0),value:"until"}]},frequencyDropDownValue(){return this.frequencyData.find(e=>e.value===this.frequency)||this.frequencyData[0]},endRuleDropDownValue(){return this.endRuleData.find(e=>e.value===this.endRule)||this.endRuleData[0]},narrowWeekDays(){const e=u.provideIntlService(this),t=e.firstDay(),a=e.dateFormatNames({type:"days",nameType:"narrow"}),i=e.dateFormatNames({type:"days",nameType:"wide"}),o=a.map((y,f)=>({narrow:y,wide:i[f],value:f}));return o.slice(t).concat(o.slice(0,t))},selectedWeekDays(){return(this.rrule.byWeekDay||[]).map(({day:e})=>e)},summary(){if(!this.rrule.freq||this.rrule.freq==="never")return"";const e=u.provideIntlService(this),t=u.provideLocalizationService(this),a=k.serializeRule(this.rrule,this.timezone);return N.getRecurrenceSummary(a,this.startsOn,e,(i,o)=>t.toLanguageString(i,o))},currentRuleString(){return!this.rrule.freq||this.rrule.freq==="never"?null:k.serializeRule(this.rrule,this.timezone)},parsedCurrentRule(){return this.currentRuleString?k.parseRule({recurrenceRule:this.currentRuleString}):null}},methods:{localizeMessage(e,t){const a=u.provideLocalizationService(this),i=t?e:"scheduler.recurrenceEditor"+e;return a.toLanguageString(i,n.messages[i])},renderRecurrenceSummaryTemplate(){const e=this.recurrenceSummaryTemplate;return!e||!this.currentRuleString?null:r.createVNode(e,{recurrenceRule:this.currentRuleString,text:this.summary||"",parsedRule:this.parsedCurrentRule},null)},updateRrule(e){this.rrule={...e}},handleFrequencyChange(e){const t={};t.freq=e,t.interval=1,e==="weekly"&&(t.byWeekDay=[{day:p.ZonedDate.fromLocalDate(this.startsOn,this.timezone).getDay(),offset:0}]),(e==="monthly"||e==="yearly")&&(t.byMonthDay=[this.startsOn.getDate()]),e==="yearly"&&(t.byMonth=[this.startsOn.getMonth()+1]),this.updateRrule(t)},handleIntervalChange(e){var t;this.updateRrule({...this.rrule,interval:(t=e.value)!=null?t:1})},handleCountChange(e){const t=e.value,a=t!=null?t:this.defaultCount;this.updateRrule({...this.rrule,count:a}),t!==null&&(this.defaultCount=a)},handleUntilChange(e){if(!e.value)return;const t=p.ZonedDate.fromLocalDate(e.value,this.timezone);this.updateRrule({...this.rrule,until:t}),this.defaultUntil=t},handleWeekDaysChange(e){this.updateRrule({...this.rrule,byWeekDay:this.weekDays.filter(t=>e.some(a=>a===t.value)).map(t=>({offset:0,day:t.value}))})},handleWeekDayChange(e){const t={...this.rrule},a=e.value;typeof a.value=="string"?(t.byWeekDay=l.weekDayRuleFromString(a.value),t.bySetPosition=[this.offset.value]):(t.bySetPosition=void 0,t.byWeekDay=[{day:a.value,offset:this.offset.value}]),this.updateRrule(t)},handleMonthDayChange(e){var t;this.updateRrule({...this.rrule,byMonthDay:[(t=e.value)!=null?t:1]})},handleMonthChange(e){this.updateRrule({...this.rrule,byMonth:[e.value.value]})},handleEndRuleDropDownChange(e){const t=e.value.value,a={...this.rrule};switch(t){case"never":a.until=void 0,a.count=void 0;break;case"count":a.until=void 0,a.count=this.defaultCount;break;case"until":a.until=this.defaultUntil,a.count=void 0;break}this.updateRrule(a)},handleRepeatOnRuleChange(e){const t={...this.rrule};e.value==="monthday"?(t.byWeekDay=void 0,t.bySetPosition=void 0,t.byMonthDay=[this.monthDay]):e.value==="weekday"&&(t.byMonthDay=void 0,typeof this.weekDay.value=="string"?(t.bySetPosition=[this.offset.value],t.byWeekDay=l.weekDayRuleFromString(this.weekDay.value)):t.byWeekDay=[{day:this.weekDay.value,offset:this.offset.value}]),this.updateRrule(t)},handleOffsetChange(e){const t={...this.rrule},a=e.value;if(t.byWeekDay)switch(t.byWeekDay.length){case 7:case 5:case 2:t.bySetPosition=[a.value];break;case 1:t.byWeekDay[0].offset=a.value;break}this.updateRrule(t)},handleFrequencyDropDownChange(e){const t=e.value.value;this.handleFrequencyChange(t)},handleWeekDayButtonClick(e){const t=this.selectedWeekDays.includes(e)?this.selectedWeekDays.filter(a=>a!==e):[...this.selectedWeekDays,e];this.handleWeekDaysChange(t)},handleStartsOnChange(e){e.value&&(this.startsOn=e.value)},handleSave(){const e=u.provideIntlService(this);this.rrule.freq==="never"||!this.rrule.freq?this.$emit("save",null):(this.rrule.weekStart===void 0&&(this.rrule.weekStart=e.firstDay()),this.$emit("save",k.serializeRule(this.rrule,this.timezone)))},handleClose(e){this.$emit("cancel")}},render(){let e,t,a,i,o;const y=u.provideLocalizationService(this),f=y.toLanguageString(n.editorSave,n.messages[n.editorSave]),R=y.toLanguageString(n.editorCancel,n.messages[n.editorCancel]),b=y.toLanguageString(n.editorRecurrenceDialogTitle,n.messages[n.editorRecurrenceDialogTitle]),w=y.toLanguageString(n.editorRecurrenceRemove,n.messages[n.editorRecurrenceRemove]);return r.createVNode(C.Dialog,{title:b,appendTo:"body",width:540,onClose:this.handleClose},{default:()=>[r.createVNode("div",{class:"k-form k-form-horizontal"},[r.createVNode(h.FieldWrapper,null,{default:()=>[r.createVNode(g.Label,{editorId:"recurrence-interval",class:"k-form-label"},c(e=this.localizeMessage(n.recurrenceEditorRepeat,!0))?e:{default:()=>[e]}),r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[this.frequency!=="never"&&r.createVNode(m.NumericTextBox,{id:"recurrence-interval",min:1,step:1,defaultValue:1,value:this.rrule.interval,onChange:this.handleIntervalChange},null),r.createVNode(d.DropDownList,{dataItems:this.frequencyData,textField:"text",dataItemKey:"value",value:this.frequencyDropDownValue,onChange:this.handleFrequencyDropDownChange},null)])])]}),this.frequency==="weekly"&&r.createVNode(h.FieldWrapper,null,{default:()=>[r.createVNode(g.Label,{class:"k-form-label"},c(t=this.localizeMessage(n.recurrenceEditorWeeklyRepeatOn,!0))?t:{default:()=>[t]}),r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode("div",{class:"k-scheduler-weekday-picker",role:"group","aria-label":this.localizeMessage(n.recurrenceEditorWeeklyRepeatOnDays,!0)},[this.narrowWeekDays.map(s=>r.createVNode(D.Button,{key:s.value,type:"button",themeColor:"primary",fillMode:"flat",rounded:"full",togglable:!0,selected:this.selectedWeekDays.includes(s.value),"aria-label":s.wide,"aria-pressed":this.selectedWeekDays.includes(s.value),onClick:()=>this.handleWeekDayButtonClick(s.value)},{default:()=>[s.narrow]}))])])]}),this.frequency==="monthly"&&r.createVNode(h.FieldWrapper,null,{default:()=>{var s,v;return[r.createVNode(g.Label,{class:"k-form-label"},c(a=this.localizeMessage(n.recurrenceEditorMonthlyRepeatOn,!0))?a:{default:()=>[a]}),r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode(m.RadioGroup,{value:this.repeatOnRule,onChange:this.handleRepeatOnRuleChange,class:"k-reset",dataItems:[{value:"weekday",tabIndex:0,name:"scheduler-recurrence-monthly-weekday",label:" ",content:r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[r.createVNode(d.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",dataItems:this.offsets,value:this.offset,onChange:this.handleOffsetChange},null),r.createVNode(d.DropDownList,{disabled:this.repeatOnRule!=="weekday",value:this.weekDay,dataItems:this.extendedWeekDays,onChange:this.handleWeekDayChange,textField:"text",dataItemKey:"value"},null)])},{value:"monthday",tabIndex:0,name:"scheduler-recurrence-monthly-monthday",label:" ",content:r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[r.createVNode(m.NumericTextBox,{min:1,max:31,disabled:this.repeatOnRule!=="monthday",value:(v=(s=this.rrule)==null?void 0:s.byMonthDay)==null?void 0:v[0],onChange:this.handleMonthDayChange,style:{width:"auto"}},null)])}]},null)])]}}),this.frequency==="yearly"&&r.createVNode(h.FieldWrapper,null,{default:()=>[r.createVNode(g.Label,{class:"k-form-label"},c(i=this.localizeMessage(n.recurrenceEditorYearlyRepeatOn,!0))?i:{default:()=>[i]}),r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode(m.RadioGroup,{value:this.repeatOnRule,onChange:this.handleRepeatOnRuleChange,class:"k-reset",dataItems:[{value:"monthday",tabIndex:0,name:"scheduler-recurrence-yearly-monthday",label:" ",content:r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[r.createVNode(d.DropDownList,{disabled:this.repeatOnRule!=="monthday",value:this.month,dataItems:this.months,textField:"text",dataItemKey:"value",onChange:this.handleMonthChange},null),r.createVNode(m.NumericTextBox,{min:1,max:31,disabled:this.repeatOnRule!=="monthday",value:this.monthDay,onChange:this.handleMonthDayChange,style:{width:"auto"}},null)])},{value:"weekday",tabIndex:0,name:"scheduler-recurrence-yearly-weekday",label:" ",content:r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[r.createVNode(d.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",dataItems:this.offsets,value:this.offset,onChange:this.handleOffsetChange},null),r.createVNode(d.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",value:this.weekDay,dataItems:this.extendedWeekDays,onChange:this.handleWeekDayChange},null),r.createVNode("span",{key:"of-row",class:"k-scheduler-edit-form-row"},[r.createVNode("span",null,[this.localizeMessage(n.recurrenceEditorYearlyOf,!0)]),r.createVNode(d.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",value:this.month,dataItems:this.months,onChange:this.handleMonthChange},null)])])}]},null)])]}),this.frequency!=="never"&&r.createVNode(h.FieldWrapper,null,{default:()=>{var s,v;return[r.createVNode(g.Label,{class:"k-form-label"},c(o=this.localizeMessage(n.recurrenceEditorEndLabel,!0))?o:{default:()=>[o]}),r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode("div",{class:"k-scheduler-recurrence-fields"},[r.createVNode(d.DropDownList,{dataItems:this.endRuleData,textField:"text",dataItemKey:"value",value:this.endRuleDropDownValue,onChange:this.handleEndRuleDropDownChange},null),this.endRule==="count"&&r.createVNode(m.NumericTextBox,{min:1,style:{width:"auto"},value:(s=this.rrule.count)!=null?s:this.defaultCount,onChange:this.handleCountChange,format:`0 '${this.localizeMessage(n.recurrenceEditorEndOccurrence,!0)}'`},null),this.endRule==="until"&&r.createVNode(V.DatePicker,{min:this.startsOn,value:(v=this.until)!=null?v:p.toLocalDate(this.defaultUntil),onChange:this.handleUntilChange,style:{width:"auto"}},null)])])]}}),this.frequency!=="never"&&(this.recurrenceSummaryTemplate&&this.currentRuleString?r.createVNode(h.FieldWrapper,null,{default:()=>[r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode("div",{class:"k-form-hint"},[this.renderRecurrenceSummaryTemplate()])])]}):this.summary?r.createVNode(h.FieldWrapper,null,{default:()=>[r.createVNode("div",{class:"k-form-field-wrap"},[r.createVNode("div",{class:"k-form-hint"},[this.summary])])]}):null)]),r.createVNode(C.DialogActionsBar,{layout:"end"},{default:()=>[this.isExistingRecurrence&&this.onRemoveRecurrence&&r.createVNode(D.Button,{fillMode:"flat",themeColor:"primary",onClick:this.onRemoveRecurrence},c(w)?w:{default:()=>[w]}),r.createVNode(D.Button,{onClick:()=>this.$emit("cancel")},c(R)?R:{default:()=>[R]}),r.createVNode(D.Button,{themeColor:"primary",onClick:this.handleSave},c(f)?f:{default:()=>[f]})]})]})}});exports.SchedulerRecurrenceDialog=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),b=require("@progress/kendo-vue-dialogs"),p=require("@progress/kendo-vue-buttons"),u=require("@progress/kendo-vue-intl"),f=require("@progress/kendo-vue-inputs"),o=require("@progress/kendo-vue-dropdowns"),N=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-vue-labels"),m=require("@progress/kendo-vue-form"),R=require("@progress/kendo-date-math"),w=require("@progress/kendo-recurrence"),n=require("../messages/main.js"),V=require("../hooks/useRecurrenceSummary.js"),l=require("../recurrence/common.js");function d(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const O=a.defineComponent({name:"KendoSchedulerRecurrenceDialog",props:{value:{type:[String,null],default:null},start:{type:Date,required:!0},timezone:{type:String,default:""},onSave:Function,onCancel:Function,onRemoveRecurrence:Function,recurrenceSummaryTemplate:[Object,Function],recurrenceEditor:[Object,Function]},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:a.inject("kendoLocalizationService",{})}},data(){var r;const e=l.getRule((r=this.value)!=null?r:"");return{rrule:e.freq?e:{freq:"daily",interval:1},defaultCount:1,defaultUntil:l.toUntilEndOfDay(this.start,this.timezone),startsOn:new Date(this.start)}},computed:{frequency(){return l.getFrequency(this.rrule)},weekDays(){const e=u.provideIntlService(this);return l.getWeekDays(e)},extendedWeekDays(){const e=u.provideIntlService(this);return l.getExtendedWeekDays(e,this.localizeMessage)},weekDay(){return l.getWeekDay(this.extendedWeekDays,this.rrule,this.startsOn)},months(){const e=u.provideIntlService(this);return l.getMonths(e)},month(){return l.getMonth(this.months,this.rrule)},offsets(){return l.getOffsets(this.localizeMessage)},offset(){return l.getOffset(this.offsets,this.rrule)},endRule(){return l.getEndRule(this.rrule)},monthDay(){return l.getMonthDay(this.rrule,this.startsOn)},until(){return this.rrule.until?R.toLocalDate(this.rrule.until):null},repeatOnRule(){return l.getRepeatOnRule(this.rrule)},isExistingRecurrence(){return!!this.value},frequencyData(){return[{text:this.localizeMessage(n.recurrenceEditorFrequenciesDaily,!0),value:"daily"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesWeekly,!0),value:"weekly"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesMonthly,!0),value:"monthly"},{text:this.localizeMessage(n.recurrenceEditorFrequenciesYearly,!0),value:"yearly"}]},endRuleData(){return[{text:this.localizeMessage(n.recurrenceEditorEndNever,!0),value:"never"},{text:this.localizeMessage(n.recurrenceEditorEndAfter,!0),value:"count"},{text:this.localizeMessage(n.recurrenceEditorEndOn,!0),value:"until"}]},frequencyDropDownValue(){return this.frequencyData.find(e=>e.value===this.frequency)||this.frequencyData[0]},endRuleDropDownValue(){return this.endRuleData.find(e=>e.value===this.endRule)||this.endRuleData[0]},narrowWeekDays(){const e=u.provideIntlService(this),t=e.firstDay(),r=e.dateFormatNames({type:"days",nameType:"narrow"}),i=e.dateFormatNames({type:"days",nameType:"wide"}),c=r.map((h,y)=>({narrow:h,wide:i[y],value:y}));return c.slice(t).concat(c.slice(0,t))},selectedWeekDays(){return(this.rrule.byWeekDay||[]).map(({day:e})=>e)},summary(){if(!this.currentRuleString)return"";const e=u.provideIntlService(this),t=u.provideLocalizationService(this);return V.getRecurrenceSummary(this.currentRuleString,this.startsOn,e,(r,i)=>t.toLanguageString(r,i))},currentRuleString(){return!this.rrule.freq||this.rrule.freq==="never"?null:w.serializeRule(this.rrule,this.timezone)},parsedCurrentRule(){return this.currentRuleString?w.parseRule({recurrenceRule:this.currentRuleString}):null}},methods:{localizeMessage(e,t){const r=u.provideLocalizationService(this),i=t?e:"scheduler.recurrenceEditor"+e;return r.toLanguageString(i,n.messages[i])},renderRecurrenceSummaryTemplate(){const e=this.recurrenceSummaryTemplate;return!e||!this.currentRuleString?null:a.createVNode(e,{recurrenceRule:this.currentRuleString,text:this.summary||"",parsedRule:this.parsedCurrentRule},null)},updateRrule(e){this.rrule={...e}},handleFrequencyChange(e){const t={};t.freq=e,t.interval=1,e==="weekly"&&(t.byWeekDay=[{day:R.ZonedDate.fromLocalDate(this.startsOn,this.timezone).getDay(),offset:0}]),(e==="monthly"||e==="yearly")&&(t.byMonthDay=[this.startsOn.getDate()]),e==="yearly"&&(t.byMonth=[this.startsOn.getMonth()+1]),this.updateRrule(t)},handleIntervalChange(e){var t;this.updateRrule({...this.rrule,interval:(t=e.value)!=null?t:1})},handleCountChange(e){const t=e.value,r=t!=null?t:this.defaultCount;this.updateRrule({...this.rrule,count:r}),t!==null&&(this.defaultCount=r)},handleUntilChange(e){if(!e.value)return;const t=l.toUntilEndOfDay(e.value,this.timezone);this.updateRrule({...this.rrule,until:t}),this.defaultUntil=t},handleWeekDaysChange(e){this.updateRrule({...this.rrule,byWeekDay:this.weekDays.filter(t=>e.some(r=>r===t.value)).map(t=>({offset:0,day:t.value}))})},handleWeekDayChange(e){const t={...this.rrule},r=e.value;typeof r.value=="string"?(t.byWeekDay=l.weekDayRuleFromString(r.value),t.bySetPosition=[this.offset.value]):(t.bySetPosition=void 0,t.byWeekDay=[{day:r.value,offset:this.offset.value}]),this.updateRrule(t)},handleMonthDayChange(e){var t;this.updateRrule({...this.rrule,byMonthDay:[(t=e.value)!=null?t:1]})},handleMonthChange(e){this.updateRrule({...this.rrule,byMonth:[e.value.value]})},handleEndRuleDropDownChange(e){const t=e.value.value,r={...this.rrule};switch(t){case"never":r.until=void 0,r.count=void 0;break;case"count":r.until=void 0,r.count=this.defaultCount;break;case"until":r.until=this.defaultUntil,r.count=void 0;break}this.updateRrule(r)},handleRepeatOnRuleChange(e){const t={...this.rrule};e.value==="monthday"?(t.byWeekDay=void 0,t.bySetPosition=void 0,t.byMonthDay=[this.monthDay]):e.value==="weekday"&&(t.byMonthDay=void 0,typeof this.weekDay.value=="string"?(t.bySetPosition=[this.offset.value],t.byWeekDay=l.weekDayRuleFromString(this.weekDay.value)):t.byWeekDay=[{day:this.weekDay.value,offset:this.offset.value}]),this.updateRrule(t)},handleOffsetChange(e){const t={...this.rrule},r=e.value;if(t.byWeekDay)switch(t.byWeekDay.length){case 7:case 5:case 2:t.bySetPosition=[r.value];break;case 1:t.byWeekDay[0].offset=r.value;break}this.updateRrule(t)},handleFrequencyDropDownChange(e){const t=e.value.value;this.handleFrequencyChange(t)},handleWeekDayButtonClick(e){const t=this.selectedWeekDays.includes(e)?this.selectedWeekDays.filter(r=>r!==e):[...this.selectedWeekDays,e];this.handleWeekDaysChange(t)},handleStartsOnChange(e){e.value&&(this.startsOn=e.value)},handleSave(){const e=u.provideIntlService(this);this.rrule.freq==="never"||!this.rrule.freq?this.$emit("save",null):(this.rrule.weekStart===void 0&&(this.rrule.weekStart=e.firstDay()),this.$emit("save",w.serializeRule(this.rrule,this.timezone)))},handleClose(e){this.$emit("cancel")}},render(){let e,t,r,i,c;const h=u.provideLocalizationService(this),y=h.toLanguageString(n.editorSave,n.messages[n.editorSave]),D=h.toLanguageString(n.editorCancel,n.messages[n.editorCancel]),S=h.toLanguageString(n.editorRecurrenceDialogTitle,n.messages[n.editorRecurrenceDialogTitle]),k=h.toLanguageString(n.editorRecurrenceRemove,n.messages[n.editorRecurrenceRemove]),C=this.renderRecurrenceSummaryTemplate();return a.createVNode(b.Dialog,{title:S,appendTo:"body",width:540,onClose:this.handleClose},{default:()=>[a.createVNode("div",{class:"k-form k-form-horizontal"},[a.createVNode(m.FieldWrapper,null,{default:()=>[a.createVNode(g.Label,{editorId:"recurrence-interval",class:"k-form-label"},d(e=this.localizeMessage(n.recurrenceEditorRepeat,!0))?e:{default:()=>[e]}),a.createVNode("div",{class:"k-form-field-wrap"},[a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[this.frequency!=="never"&&a.createVNode(f.NumericTextBox,{id:"recurrence-interval",min:1,step:1,defaultValue:1,value:this.rrule.interval,onChange:this.handleIntervalChange},null),a.createVNode(o.DropDownList,{dataItems:this.frequencyData,textField:"text",dataItemKey:"value",value:this.frequencyDropDownValue,onChange:this.handleFrequencyDropDownChange},null)])])]}),this.frequency==="weekly"&&a.createVNode(m.FieldWrapper,null,{default:()=>[a.createVNode(g.Label,{class:"k-form-label"},d(t=this.localizeMessage(n.recurrenceEditorWeeklyRepeatOn,!0))?t:{default:()=>[t]}),a.createVNode("div",{class:"k-form-field-wrap"},[a.createVNode("div",{class:"k-scheduler-weekday-picker",role:"group","aria-label":this.localizeMessage(n.recurrenceEditorWeeklyRepeatOnDays,!0)},[this.narrowWeekDays.map(s=>a.createVNode(p.Button,{key:s.value,type:"button",themeColor:"primary",fillMode:"flat",rounded:"full",togglable:!0,selected:this.selectedWeekDays.includes(s.value),"aria-label":s.wide,"aria-pressed":this.selectedWeekDays.includes(s.value),onClick:()=>this.handleWeekDayButtonClick(s.value)},{default:()=>[s.narrow]}))])])]}),this.frequency==="monthly"&&a.createVNode(m.FieldWrapper,null,{default:()=>{var s,v;return[a.createVNode(g.Label,{class:"k-form-label"},d(r=this.localizeMessage(n.recurrenceEditorMonthlyRepeatOn,!0))?r:{default:()=>[r]}),a.createVNode("div",{class:"k-form-field-wrap"},[a.createVNode(f.RadioGroup,{value:this.repeatOnRule,onChange:this.handleRepeatOnRuleChange,class:"k-reset",dataItems:[{value:"weekday",tabIndex:0,name:"scheduler-recurrence-monthly-weekday",label:" ",content:a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[a.createVNode(o.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",dataItems:this.offsets,value:this.offset,onChange:this.handleOffsetChange},null),a.createVNode(o.DropDownList,{disabled:this.repeatOnRule!=="weekday",value:this.weekDay,dataItems:this.extendedWeekDays,onChange:this.handleWeekDayChange,textField:"text",dataItemKey:"value"},null)])},{value:"monthday",tabIndex:0,name:"scheduler-recurrence-monthly-monthday",label:" ",content:a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[a.createVNode(f.NumericTextBox,{min:1,max:31,disabled:this.repeatOnRule!=="monthday",value:(v=(s=this.rrule)==null?void 0:s.byMonthDay)==null?void 0:v[0],onChange:this.handleMonthDayChange,style:{width:"auto"}},null)])}]},null)])]}}),this.frequency==="yearly"&&a.createVNode(m.FieldWrapper,null,{default:()=>[a.createVNode(g.Label,{class:"k-form-label"},d(i=this.localizeMessage(n.recurrenceEditorYearlyRepeatOn,!0))?i:{default:()=>[i]}),a.createVNode("div",{class:"k-form-field-wrap"},[a.createVNode(f.RadioGroup,{value:this.repeatOnRule,onChange:this.handleRepeatOnRuleChange,class:"k-reset",dataItems:[{value:"monthday",tabIndex:0,name:"scheduler-recurrence-yearly-monthday",label:" ",content:a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[a.createVNode(o.DropDownList,{disabled:this.repeatOnRule!=="monthday",value:this.month,dataItems:this.months,textField:"text",dataItemKey:"value",onChange:this.handleMonthChange},null),a.createVNode(f.NumericTextBox,{min:1,max:31,disabled:this.repeatOnRule!=="monthday",value:this.monthDay,onChange:this.handleMonthDayChange,style:{width:"auto"}},null)])},{value:"weekday",tabIndex:0,name:"scheduler-recurrence-yearly-weekday",label:" ",content:a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[a.createVNode(o.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",dataItems:this.offsets,value:this.offset,onChange:this.handleOffsetChange},null),a.createVNode(o.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",value:this.weekDay,dataItems:this.extendedWeekDays,onChange:this.handleWeekDayChange},null),a.createVNode("span",{key:"of-row",class:"k-scheduler-edit-form-row"},[a.createVNode("span",null,[this.localizeMessage(n.recurrenceEditorYearlyOf,!0)]),a.createVNode(o.DropDownList,{textField:"text",dataItemKey:"value",disabled:this.repeatOnRule!=="weekday",value:this.month,dataItems:this.months,onChange:this.handleMonthChange},null)])])}]},null)])]}),this.frequency!=="never"&&a.createVNode(m.FieldWrapper,null,{default:()=>{var s,v;return[a.createVNode(g.Label,{class:"k-form-label"},d(c=this.localizeMessage(n.recurrenceEditorEndLabel,!0))?c:{default:()=>[c]}),a.createVNode("div",{class:"k-form-field-wrap"},[a.createVNode("div",{class:"k-scheduler-recurrence-fields"},[a.createVNode(o.DropDownList,{dataItems:this.endRuleData,textField:"text",dataItemKey:"value",value:this.endRuleDropDownValue,onChange:this.handleEndRuleDropDownChange},null),this.endRule==="count"&&a.createVNode(f.NumericTextBox,{min:1,style:{width:"auto"},value:(s=this.rrule.count)!=null?s:this.defaultCount,onChange:this.handleCountChange,format:`0 '${this.localizeMessage(n.recurrenceEditorEndOccurrence,!0)}'`},null),this.endRule==="until"&&a.createVNode(N.DatePicker,{min:this.startsOn,value:(v=this.until)!=null?v:R.toLocalDate(this.defaultUntil),onChange:this.handleUntilChange,style:{width:"auto"}},null)])])]}}),(C||this.summary)&&a.createVNode(m.FieldWrapper,null,{default:()=>[a.createVNode("div",{class:"k-form-field-wrap"},[V.renderRecurrenceSummary(this.summary,C)])]})]),a.createVNode(b.DialogActionsBar,{layout:"end"},{default:()=>[this.isExistingRecurrence&&this.onRemoveRecurrence&&a.createVNode(p.Button,{fillMode:"flat",themeColor:"primary",onClick:this.onRemoveRecurrence},d(k)?k:{default:()=>[k]}),a.createVNode(p.Button,{onClick:()=>this.$emit("cancel")},d(D)?D:{default:()=>[D]}),a.createVNode(p.Button,{themeColor:"primary",onClick:this.handleSave},d(y)?y:{default:()=>[y]})]})]})}});exports.SchedulerRecurrenceDialog=O;