@progress/kendo-vue-scheduler 10.2.0-develop.10 → 10.2.0-develop.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Scheduler.d.ts +157 -56
- package/Scheduler.js +1 -1
- package/Scheduler.mjs +242 -214
- package/components/EventOverviewPopover.d.ts +62 -0
- package/components/EventOverviewPopover.js +8 -0
- package/components/EventOverviewPopover.mjs +191 -0
- package/components/MoreEventsPopover.d.ts +3 -1
- package/components/MoreEventsPopover.js +1 -1
- package/components/MoreEventsPopover.mjs +31 -27
- package/components/SchedulerActionButtons.js +1 -1
- package/components/SchedulerActionButtons.mjs +1 -0
- package/components/SchedulerForm.d.ts +412 -2
- package/components/SchedulerForm.js +1 -1
- package/components/SchedulerForm.mjs +162 -60
- package/components/SchedulerQuickCreateForm.d.ts +118 -0
- package/components/SchedulerQuickCreateForm.js +8 -0
- package/components/SchedulerQuickCreateForm.mjs +249 -0
- package/constants/main.d.ts +2 -0
- package/constants/main.js +1 -1
- package/constants/main.mjs +10 -9
- package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
- package/editors/KeepResetCustomEventsDialog.d.ts +31 -0
- package/editors/KeepResetCustomEventsDialog.js +8 -0
- package/editors/KeepResetCustomEventsDialog.mjs +72 -0
- package/editors/SchedulerFormEditor.d.ts +151 -52
- package/editors/SchedulerFormEditor.js +1 -1
- package/editors/SchedulerFormEditor.mjs +192 -139
- package/editors/SchedulerRecurrenceDialog.d.ts +2 -2
- package/editors/SchedulerRecurrenceDialog.js +1 -1
- package/editors/SchedulerRecurrenceDialog.mjs +126 -131
- package/editors/ZonedSplitDateTime.d.ts +32 -3
- package/editors/ZonedSplitDateTime.js +1 -1
- package/editors/ZonedSplitDateTime.mjs +112 -47
- package/hooks/useCloseOnAnchorScrollOut.d.ts +10 -0
- package/hooks/useCloseOnAnchorScrollOut.js +8 -0
- package/hooks/useCloseOnAnchorScrollOut.mjs +43 -0
- package/hooks/useCustomEventsConfirmation.d.ts +20 -0
- package/hooks/useCustomEventsConfirmation.js +8 -0
- package/hooks/useCustomEventsConfirmation.mjs +48 -0
- package/hooks/useDeferredClick.d.ts +12 -0
- package/hooks/useDeferredClick.js +8 -0
- package/hooks/useDeferredClick.mjs +22 -0
- package/hooks/useExclusivePopover.d.ts +26 -0
- package/hooks/useExclusivePopover.js +8 -0
- package/hooks/useExclusivePopover.mjs +30 -0
- package/hooks/useRecurrenceSummary.d.ts +3 -0
- package/hooks/useRecurrenceSummary.js +1 -1
- package/hooks/useRecurrenceSummary.mjs +68 -41
- package/index.d.mts +4 -2
- package/index.d.ts +4 -2
- package/index.js +1 -1
- package/index.mjs +83 -78
- package/items/SchedulerEditItem.d.ts +116 -12
- package/items/SchedulerEditItem.js +1 -1
- package/items/SchedulerEditItem.mjs +212 -131
- package/items/SchedulerItem.d.ts +2 -1
- package/items/SchedulerItem.js +1 -1
- package/items/SchedulerItem.mjs +28 -23
- package/items/SchedulerProportionalViewItem.d.ts +1 -0
- package/items/SchedulerProportionalViewItem.js +1 -1
- package/items/SchedulerProportionalViewItem.mjs +83 -68
- package/items/SchedulerViewItem.d.ts +1 -0
- package/items/SchedulerViewItem.js +1 -1
- package/items/SchedulerViewItem.mjs +84 -75
- package/items/hooks/use-drag-item.js +1 -1
- package/items/hooks/use-drag-item.mjs +49 -48
- package/items/hooks/use-form-item.d.ts +1 -1
- package/items/hooks/use-remove-item.d.ts +1 -1
- package/items/hooks/use-resize-item.js +1 -1
- package/items/hooks/use-resize-item.mjs +74 -65
- package/messages/main.d.ts +42 -0
- package/messages/main.js +1 -1
- package/messages/main.mjs +303 -275
- package/models/InternalDataAction.d.ts +13 -0
- package/models/SchedulerView.d.ts +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +13 -12
- package/recurrence/RecurrenceEditor.js +1 -1
- package/recurrence/RecurrenceEditor.mjs +42 -42
- package/recurrence/common.d.ts +10 -0
- package/recurrence/common.js +1 -1
- package/recurrence/common.mjs +39 -35
- package/services/itemsService.d.ts +5 -2
- package/services/itemsService.js +1 -1
- package/services/itemsService.mjs +46 -33
- package/services/occurrenceService.js +1 -1
- package/services/occurrenceService.mjs +18 -18
- package/slots/SchedulerEditSlot.d.ts +70 -8
- package/slots/SchedulerEditSlot.js +1 -1
- package/slots/SchedulerEditSlot.mjs +222 -141
- package/slots/SchedulerSlot.js +1 -1
- package/slots/SchedulerSlot.mjs +20 -16
- package/slots/SchedulerViewSlot.d.ts +3 -0
- package/slots/SchedulerViewSlot.js +1 -1
- package/slots/SchedulerViewSlot.mjs +21 -15
- package/tasks/SchedulerEditTask.d.ts +13 -2
- package/tasks/SchedulerEditTask.js +1 -1
- package/tasks/SchedulerEditTask.mjs +45 -30
- package/utils/main.d.ts +27 -0
- package/utils/main.js +1 -1
- package/utils/main.mjs +172 -136
- package/views/agenda/AgendaView.d.ts +6 -2
- package/views/agenda/AgendaView.js +1 -1
- package/views/agenda/AgendaView.mjs +31 -29
- package/views/agenda/AgendaViewBody.d.ts +3 -3
- package/views/agenda/AgendaViewBody.js +1 -1
- package/views/agenda/AgendaViewBody.mjs +31 -29
- package/views/common/SchedulerDrag.d.ts +4 -2
- package/views/common/SchedulerDrag.js +1 -1
- package/views/common/SchedulerDrag.mjs +8 -7
- package/views/common/SchedulerResize.d.ts +4 -2
- package/views/common/SchedulerResize.js +1 -1
- package/views/common/SchedulerResize.mjs +14 -12
- package/views/common/VerticalResourceIterator.d.ts +3 -3
- package/views/common/VerticalResourceIterator.js +1 -1
- package/views/common/VerticalResourceIterator.mjs +34 -33
- package/views/day/DayView.d.ts +2 -0
- package/views/day/DayView.js +1 -1
- package/views/day/DayView.mjs +9 -7
- package/views/day/DayViewAllDaySlots.d.ts +7 -5
- package/views/day/DayViewAllDaySlots.js +1 -1
- package/views/day/DayViewAllDaySlots.mjs +24 -21
- package/views/day/DayViewMiddleRow.d.ts +7 -5
- package/views/day/DayViewMiddleRow.js +1 -1
- package/views/day/DayViewMiddleRow.mjs +18 -13
- package/views/day/DayViewVerticalRow.d.ts +7 -5
- package/views/day/DayViewVerticalRow.js +1 -1
- package/views/day/DayViewVerticalRow.mjs +23 -17
- package/views/day/DayViewVerticalSlotsRow.d.ts +7 -5
- package/views/day/DayViewVerticalSlotsRow.js +1 -1
- package/views/day/DayViewVerticalSlotsRow.mjs +34 -29
- package/views/day/MultiDayView.d.ts +13 -7
- package/views/day/MultiDayView.js +1 -1
- package/views/day/MultiDayView.mjs +108 -95
- package/views/month/MonthView.d.ts +15 -4
- package/views/month/MonthView.js +1 -1
- package/views/month/MonthView.mjs +105 -68
- package/views/month/MonthViewBody.d.ts +3 -3
- package/views/month/MonthViewBody.js +1 -1
- package/views/month/MonthViewBody.mjs +18 -16
- package/views/time/MultiDayTimelineView.d.ts +6 -4
- package/views/time/MultiDayTimelineView.js +1 -1
- package/views/time/MultiDayTimelineView.mjs +64 -63
- package/views/time/TimelineView.d.ts +2 -0
- package/views/time/TimelineView.js +1 -1
- package/views/time/TimelineView.mjs +5 -3
- package/views/time/TimelineViewBody.d.ts +7 -5
- package/views/time/TimelineViewBody.js +1 -1
- package/views/time/TimelineViewBody.mjs +29 -27
- package/views/week/WeekView.d.ts +2 -0
- package/views/week/WeekView.js +1 -1
- package/views/week/WeekView.mjs +11 -10
- package/views/week/WorkWeekView.d.ts +2 -0
- package/views/week/WorkWeekView.js +1 -1
- package/views/week/WorkWeekView.mjs +17 -16
|
@@ -5,24 +5,24 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as q, createVNode as a, inject as
|
|
9
|
-
import { Dialog as
|
|
8
|
+
import { defineComponent as q, createVNode as a, inject as I, isVNode as F } from "vue";
|
|
9
|
+
import { Dialog as L, DialogActionsBar as T } from "@progress/kendo-vue-dialogs";
|
|
10
10
|
import { Button as g } from "@progress/kendo-vue-buttons";
|
|
11
|
-
import { provideLocalizationService as D, provideIntlService as
|
|
12
|
-
import { NumericTextBox as v, RadioGroup as
|
|
13
|
-
import { DropDownList as
|
|
14
|
-
import { DatePicker as
|
|
11
|
+
import { provideLocalizationService as D, provideIntlService as d } from "@progress/kendo-vue-intl";
|
|
12
|
+
import { NumericTextBox as v, RadioGroup as C } from "@progress/kendo-vue-inputs";
|
|
13
|
+
import { DropDownList as s } from "@progress/kendo-vue-dropdowns";
|
|
14
|
+
import { DatePicker as K } from "@progress/kendo-vue-dateinputs";
|
|
15
15
|
import { Label as f } from "@progress/kendo-vue-labels";
|
|
16
|
-
import { FieldWrapper as
|
|
17
|
-
import { toLocalDate as
|
|
18
|
-
import { serializeRule as
|
|
19
|
-
import { editorSave as S, messages as m, editorCancel as O, editorRecurrenceDialogTitle as M, editorRecurrenceRemove as x, recurrenceEditorRepeat as
|
|
20
|
-
import { getRecurrenceSummary as
|
|
21
|
-
import { weekDayRuleFromString as W, getRepeatOnRule as
|
|
22
|
-
function
|
|
23
|
-
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !
|
|
16
|
+
import { FieldWrapper as c } from "@progress/kendo-vue-form";
|
|
17
|
+
import { toLocalDate as w, ZonedDate as j } from "@progress/kendo-date-math";
|
|
18
|
+
import { serializeRule as b, parseRule as U } from "@progress/kendo-recurrence";
|
|
19
|
+
import { editorSave as S, messages as m, editorCancel as O, editorRecurrenceDialogTitle as M, editorRecurrenceRemove as x, recurrenceEditorRepeat as _, recurrenceEditorWeeklyRepeatOn as B, recurrenceEditorWeeklyRepeatOnDays as N, recurrenceEditorMonthlyRepeatOn as P, recurrenceEditorYearlyRepeatOn as V, recurrenceEditorYearlyOf as $, recurrenceEditorEndLabel as Y, recurrenceEditorEndOccurrence as A, recurrenceEditorEndNever as G, recurrenceEditorEndAfter as Z, recurrenceEditorEndOn as H, recurrenceEditorFrequenciesDaily as J, recurrenceEditorFrequenciesWeekly as Q, recurrenceEditorFrequenciesMonthly as X, recurrenceEditorFrequenciesYearly as ee } from "../messages/main.mjs";
|
|
20
|
+
import { renderRecurrenceSummary as te, getRecurrenceSummary as ae } from "../hooks/useRecurrenceSummary.mjs";
|
|
21
|
+
import { weekDayRuleFromString as W, toUntilEndOfDay as z, getRepeatOnRule as ne, getMonthDay as re, getEndRule as le, getOffset as se, getOffsets as ie, getMonth as ue, getMonths as oe, getWeekDay as he, getExtendedWeekDays as de, getWeekDays as ce, getFrequency as ye, getRule as fe } from "../recurrence/common.mjs";
|
|
22
|
+
function i(e) {
|
|
23
|
+
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !F(e);
|
|
24
24
|
}
|
|
25
|
-
const
|
|
25
|
+
const We = /* @__PURE__ */ q({
|
|
26
26
|
name: "KendoSchedulerRecurrenceDialog",
|
|
27
27
|
props: {
|
|
28
28
|
value: {
|
|
@@ -44,95 +44,98 @@ const Oe = /* @__PURE__ */ q({
|
|
|
44
44
|
recurrenceEditor: [Object, Function]
|
|
45
45
|
},
|
|
46
46
|
inject: {
|
|
47
|
+
kendoIntlService: {
|
|
48
|
+
default: null
|
|
49
|
+
},
|
|
47
50
|
kendoLocalizationService: {
|
|
48
51
|
default: null
|
|
49
52
|
}
|
|
50
53
|
},
|
|
51
54
|
setup() {
|
|
52
55
|
return {
|
|
53
|
-
kendoLocalizationService:
|
|
56
|
+
kendoLocalizationService: I("kendoLocalizationService", {})
|
|
54
57
|
};
|
|
55
58
|
},
|
|
56
59
|
data() {
|
|
57
|
-
var
|
|
58
|
-
const e =
|
|
60
|
+
var n;
|
|
61
|
+
const e = fe((n = this.value) != null ? n : "");
|
|
59
62
|
return {
|
|
60
63
|
rrule: e.freq ? e : {
|
|
61
64
|
freq: "daily",
|
|
62
65
|
interval: 1
|
|
63
66
|
},
|
|
64
67
|
defaultCount: 1,
|
|
65
|
-
defaultUntil:
|
|
68
|
+
defaultUntil: z(this.start, this.timezone),
|
|
66
69
|
startsOn: new Date(this.start)
|
|
67
70
|
};
|
|
68
71
|
},
|
|
69
72
|
computed: {
|
|
70
73
|
frequency() {
|
|
71
|
-
return
|
|
74
|
+
return ye(this.rrule);
|
|
72
75
|
},
|
|
73
76
|
weekDays() {
|
|
74
|
-
const e =
|
|
75
|
-
return
|
|
77
|
+
const e = d(this);
|
|
78
|
+
return ce(e);
|
|
76
79
|
},
|
|
77
80
|
extendedWeekDays() {
|
|
78
|
-
const e =
|
|
79
|
-
return
|
|
81
|
+
const e = d(this);
|
|
82
|
+
return de(e, this.localizeMessage);
|
|
80
83
|
},
|
|
81
84
|
weekDay() {
|
|
82
|
-
return
|
|
85
|
+
return he(this.extendedWeekDays, this.rrule, this.startsOn);
|
|
83
86
|
},
|
|
84
87
|
months() {
|
|
85
|
-
const e =
|
|
86
|
-
return
|
|
88
|
+
const e = d(this);
|
|
89
|
+
return oe(e);
|
|
87
90
|
},
|
|
88
91
|
month() {
|
|
89
|
-
return
|
|
92
|
+
return ue(this.months, this.rrule);
|
|
90
93
|
},
|
|
91
94
|
offsets() {
|
|
92
|
-
return
|
|
95
|
+
return ie(this.localizeMessage);
|
|
93
96
|
},
|
|
94
97
|
offset() {
|
|
95
|
-
return
|
|
98
|
+
return se(this.offsets, this.rrule);
|
|
96
99
|
},
|
|
97
100
|
endRule() {
|
|
98
|
-
return
|
|
101
|
+
return le(this.rrule);
|
|
99
102
|
},
|
|
100
103
|
monthDay() {
|
|
101
|
-
return
|
|
104
|
+
return re(this.rrule, this.startsOn);
|
|
102
105
|
},
|
|
103
106
|
until() {
|
|
104
|
-
return this.rrule.until ?
|
|
107
|
+
return this.rrule.until ? w(this.rrule.until) : null;
|
|
105
108
|
},
|
|
106
109
|
repeatOnRule() {
|
|
107
|
-
return
|
|
110
|
+
return ne(this.rrule);
|
|
108
111
|
},
|
|
109
112
|
isExistingRecurrence() {
|
|
110
113
|
return !!this.value;
|
|
111
114
|
},
|
|
112
115
|
frequencyData() {
|
|
113
116
|
return [{
|
|
114
|
-
text: this.localizeMessage(
|
|
117
|
+
text: this.localizeMessage(J, !0),
|
|
115
118
|
value: "daily"
|
|
116
119
|
}, {
|
|
117
|
-
text: this.localizeMessage(
|
|
120
|
+
text: this.localizeMessage(Q, !0),
|
|
118
121
|
value: "weekly"
|
|
119
122
|
}, {
|
|
120
|
-
text: this.localizeMessage(
|
|
123
|
+
text: this.localizeMessage(X, !0),
|
|
121
124
|
value: "monthly"
|
|
122
125
|
}, {
|
|
123
|
-
text: this.localizeMessage(
|
|
126
|
+
text: this.localizeMessage(ee, !0),
|
|
124
127
|
value: "yearly"
|
|
125
128
|
}];
|
|
126
129
|
},
|
|
127
130
|
endRuleData() {
|
|
128
131
|
return [{
|
|
129
|
-
text: this.localizeMessage(
|
|
132
|
+
text: this.localizeMessage(G, !0),
|
|
130
133
|
value: "never"
|
|
131
134
|
}, {
|
|
132
|
-
text: this.localizeMessage(
|
|
135
|
+
text: this.localizeMessage(Z, !0),
|
|
133
136
|
value: "count"
|
|
134
137
|
}, {
|
|
135
|
-
text: this.localizeMessage(
|
|
138
|
+
text: this.localizeMessage(H, !0),
|
|
136
139
|
value: "until"
|
|
137
140
|
}];
|
|
138
141
|
},
|
|
@@ -143,18 +146,18 @@ const Oe = /* @__PURE__ */ q({
|
|
|
143
146
|
return this.endRuleData.find((e) => e.value === this.endRule) || this.endRuleData[0];
|
|
144
147
|
},
|
|
145
148
|
narrowWeekDays() {
|
|
146
|
-
const e =
|
|
149
|
+
const e = d(this), t = e.firstDay(), n = e.dateFormatNames({
|
|
147
150
|
type: "days",
|
|
148
151
|
nameType: "narrow"
|
|
149
152
|
}), l = e.dateFormatNames({
|
|
150
153
|
type: "days",
|
|
151
154
|
nameType: "wide"
|
|
152
|
-
}),
|
|
153
|
-
narrow:
|
|
154
|
-
wide: l[
|
|
155
|
-
value:
|
|
155
|
+
}), u = n.map((o, h) => ({
|
|
156
|
+
narrow: o,
|
|
157
|
+
wide: l[h],
|
|
158
|
+
value: h
|
|
156
159
|
}));
|
|
157
|
-
return
|
|
160
|
+
return u.slice(t).concat(u.slice(0, t));
|
|
158
161
|
},
|
|
159
162
|
selectedWeekDays() {
|
|
160
163
|
return (this.rrule.byWeekDay || []).map(({
|
|
@@ -162,24 +165,24 @@ const Oe = /* @__PURE__ */ q({
|
|
|
162
165
|
}) => e);
|
|
163
166
|
},
|
|
164
167
|
summary() {
|
|
165
|
-
if (!this.
|
|
168
|
+
if (!this.currentRuleString)
|
|
166
169
|
return "";
|
|
167
|
-
const e =
|
|
168
|
-
return
|
|
170
|
+
const e = d(this), t = D(this);
|
|
171
|
+
return ae(this.currentRuleString, this.startsOn, e, (n, l) => t.toLanguageString(n, l));
|
|
169
172
|
},
|
|
170
173
|
currentRuleString() {
|
|
171
|
-
return !this.rrule.freq || this.rrule.freq === "never" ? null :
|
|
174
|
+
return !this.rrule.freq || this.rrule.freq === "never" ? null : b(this.rrule, this.timezone);
|
|
172
175
|
},
|
|
173
176
|
parsedCurrentRule() {
|
|
174
|
-
return this.currentRuleString ?
|
|
177
|
+
return this.currentRuleString ? U({
|
|
175
178
|
recurrenceRule: this.currentRuleString
|
|
176
179
|
}) : null;
|
|
177
180
|
}
|
|
178
181
|
},
|
|
179
182
|
methods: {
|
|
180
183
|
localizeMessage(e, t) {
|
|
181
|
-
const
|
|
182
|
-
return
|
|
184
|
+
const n = D(this), l = t ? e : "scheduler.recurrenceEditor" + e;
|
|
185
|
+
return n.toLanguageString(l, m[l]);
|
|
183
186
|
},
|
|
184
187
|
renderRecurrenceSummaryTemplate() {
|
|
185
188
|
const e = this.recurrenceSummaryTemplate;
|
|
@@ -197,7 +200,7 @@ const Oe = /* @__PURE__ */ q({
|
|
|
197
200
|
handleFrequencyChange(e) {
|
|
198
201
|
const t = {};
|
|
199
202
|
t.freq = e, t.interval = 1, e === "weekly" && (t.byWeekDay = [{
|
|
200
|
-
day:
|
|
203
|
+
day: j.fromLocalDate(this.startsOn, this.timezone).getDay(),
|
|
201
204
|
offset: 0
|
|
202
205
|
}]), (e === "monthly" || e === "yearly") && (t.byMonthDay = [this.startsOn.getDate()]), e === "yearly" && (t.byMonth = [this.startsOn.getMonth() + 1]), this.updateRrule(t);
|
|
203
206
|
},
|
|
@@ -209,16 +212,16 @@ const Oe = /* @__PURE__ */ q({
|
|
|
209
212
|
});
|
|
210
213
|
},
|
|
211
214
|
handleCountChange(e) {
|
|
212
|
-
const t = e.value,
|
|
215
|
+
const t = e.value, n = t != null ? t : this.defaultCount;
|
|
213
216
|
this.updateRrule({
|
|
214
217
|
...this.rrule,
|
|
215
|
-
count:
|
|
216
|
-
}), t !== null && (this.defaultCount =
|
|
218
|
+
count: n
|
|
219
|
+
}), t !== null && (this.defaultCount = n);
|
|
217
220
|
},
|
|
218
221
|
handleUntilChange(e) {
|
|
219
222
|
if (!e.value)
|
|
220
223
|
return;
|
|
221
|
-
const t =
|
|
224
|
+
const t = z(e.value, this.timezone);
|
|
222
225
|
this.updateRrule({
|
|
223
226
|
...this.rrule,
|
|
224
227
|
until: t
|
|
@@ -227,7 +230,7 @@ const Oe = /* @__PURE__ */ q({
|
|
|
227
230
|
handleWeekDaysChange(e) {
|
|
228
231
|
this.updateRrule({
|
|
229
232
|
...this.rrule,
|
|
230
|
-
byWeekDay: this.weekDays.filter((t) => e.some((
|
|
233
|
+
byWeekDay: this.weekDays.filter((t) => e.some((n) => n === t.value)).map((t) => ({
|
|
231
234
|
offset: 0,
|
|
232
235
|
day: t.value
|
|
233
236
|
}))
|
|
@@ -236,9 +239,9 @@ const Oe = /* @__PURE__ */ q({
|
|
|
236
239
|
handleWeekDayChange(e) {
|
|
237
240
|
const t = {
|
|
238
241
|
...this.rrule
|
|
239
|
-
},
|
|
240
|
-
typeof
|
|
241
|
-
day:
|
|
242
|
+
}, n = e.value;
|
|
243
|
+
typeof n.value == "string" ? (t.byWeekDay = W(n.value), t.bySetPosition = [this.offset.value]) : (t.bySetPosition = void 0, t.byWeekDay = [{
|
|
244
|
+
day: n.value,
|
|
242
245
|
offset: this.offset.value
|
|
243
246
|
}]), this.updateRrule(t);
|
|
244
247
|
},
|
|
@@ -256,21 +259,21 @@ const Oe = /* @__PURE__ */ q({
|
|
|
256
259
|
});
|
|
257
260
|
},
|
|
258
261
|
handleEndRuleDropDownChange(e) {
|
|
259
|
-
const t = e.value.value,
|
|
262
|
+
const t = e.value.value, n = {
|
|
260
263
|
...this.rrule
|
|
261
264
|
};
|
|
262
265
|
switch (t) {
|
|
263
266
|
case "never":
|
|
264
|
-
|
|
267
|
+
n.until = void 0, n.count = void 0;
|
|
265
268
|
break;
|
|
266
269
|
case "count":
|
|
267
|
-
|
|
270
|
+
n.until = void 0, n.count = this.defaultCount;
|
|
268
271
|
break;
|
|
269
272
|
case "until":
|
|
270
|
-
|
|
273
|
+
n.until = this.defaultUntil, n.count = void 0;
|
|
271
274
|
break;
|
|
272
275
|
}
|
|
273
|
-
this.updateRrule(
|
|
276
|
+
this.updateRrule(n);
|
|
274
277
|
},
|
|
275
278
|
handleRepeatOnRuleChange(e) {
|
|
276
279
|
const t = {
|
|
@@ -284,16 +287,16 @@ const Oe = /* @__PURE__ */ q({
|
|
|
284
287
|
handleOffsetChange(e) {
|
|
285
288
|
const t = {
|
|
286
289
|
...this.rrule
|
|
287
|
-
},
|
|
290
|
+
}, n = e.value;
|
|
288
291
|
if (t.byWeekDay)
|
|
289
292
|
switch (t.byWeekDay.length) {
|
|
290
293
|
case 7:
|
|
291
294
|
case 5:
|
|
292
295
|
case 2:
|
|
293
|
-
t.bySetPosition = [
|
|
296
|
+
t.bySetPosition = [n.value];
|
|
294
297
|
break;
|
|
295
298
|
case 1:
|
|
296
|
-
t.byWeekDay[0].offset =
|
|
299
|
+
t.byWeekDay[0].offset = n.value;
|
|
297
300
|
break;
|
|
298
301
|
}
|
|
299
302
|
this.updateRrule(t);
|
|
@@ -303,36 +306,36 @@ const Oe = /* @__PURE__ */ q({
|
|
|
303
306
|
this.handleFrequencyChange(t);
|
|
304
307
|
},
|
|
305
308
|
handleWeekDayButtonClick(e) {
|
|
306
|
-
const t = this.selectedWeekDays.includes(e) ? this.selectedWeekDays.filter((
|
|
309
|
+
const t = this.selectedWeekDays.includes(e) ? this.selectedWeekDays.filter((n) => n !== e) : [...this.selectedWeekDays, e];
|
|
307
310
|
this.handleWeekDaysChange(t);
|
|
308
311
|
},
|
|
309
312
|
handleStartsOnChange(e) {
|
|
310
313
|
e.value && (this.startsOn = e.value);
|
|
311
314
|
},
|
|
312
315
|
handleSave() {
|
|
313
|
-
const e =
|
|
314
|
-
this.rrule.freq === "never" || !this.rrule.freq ? this.$emit("save", null) : (this.rrule.weekStart === void 0 && (this.rrule.weekStart = e.firstDay()), this.$emit("save",
|
|
316
|
+
const e = d(this);
|
|
317
|
+
this.rrule.freq === "never" || !this.rrule.freq ? this.$emit("save", null) : (this.rrule.weekStart === void 0 && (this.rrule.weekStart = e.firstDay()), this.$emit("save", b(this.rrule, this.timezone)));
|
|
315
318
|
},
|
|
316
319
|
handleClose(e) {
|
|
317
320
|
this.$emit("cancel");
|
|
318
321
|
}
|
|
319
322
|
},
|
|
320
323
|
render() {
|
|
321
|
-
let e, t,
|
|
322
|
-
const
|
|
323
|
-
return a(
|
|
324
|
-
title:
|
|
324
|
+
let e, t, n, l, u;
|
|
325
|
+
const o = D(this), h = o.toLanguageString(S, m[S]), p = o.toLanguageString(O, m[O]), E = o.toLanguageString(M, m[M]), k = o.toLanguageString(x, m[x]), R = this.renderRecurrenceSummaryTemplate();
|
|
326
|
+
return a(L, {
|
|
327
|
+
title: E,
|
|
325
328
|
appendTo: "body",
|
|
326
329
|
width: 540,
|
|
327
330
|
onClose: this.handleClose
|
|
328
331
|
}, {
|
|
329
332
|
default: () => [a("div", {
|
|
330
333
|
class: "k-form k-form-horizontal"
|
|
331
|
-
}, [a(
|
|
334
|
+
}, [a(c, null, {
|
|
332
335
|
default: () => [a(f, {
|
|
333
336
|
editorId: "recurrence-interval",
|
|
334
337
|
class: "k-form-label"
|
|
335
|
-
},
|
|
338
|
+
}, i(e = this.localizeMessage(_, !0)) ? e : {
|
|
336
339
|
default: () => [e]
|
|
337
340
|
}), a("div", {
|
|
338
341
|
class: "k-form-field-wrap"
|
|
@@ -345,48 +348,48 @@ const Oe = /* @__PURE__ */ q({
|
|
|
345
348
|
defaultValue: 1,
|
|
346
349
|
value: this.rrule.interval,
|
|
347
350
|
onChange: this.handleIntervalChange
|
|
348
|
-
}, null), a(
|
|
351
|
+
}, null), a(s, {
|
|
349
352
|
dataItems: this.frequencyData,
|
|
350
353
|
textField: "text",
|
|
351
354
|
dataItemKey: "value",
|
|
352
355
|
value: this.frequencyDropDownValue,
|
|
353
356
|
onChange: this.handleFrequencyDropDownChange
|
|
354
357
|
}, null)])])]
|
|
355
|
-
}), this.frequency === "weekly" && a(
|
|
358
|
+
}), this.frequency === "weekly" && a(c, null, {
|
|
356
359
|
default: () => [a(f, {
|
|
357
360
|
class: "k-form-label"
|
|
358
|
-
},
|
|
361
|
+
}, i(t = this.localizeMessage(B, !0)) ? t : {
|
|
359
362
|
default: () => [t]
|
|
360
363
|
}), a("div", {
|
|
361
364
|
class: "k-form-field-wrap"
|
|
362
365
|
}, [a("div", {
|
|
363
366
|
class: "k-scheduler-weekday-picker",
|
|
364
367
|
role: "group",
|
|
365
|
-
"aria-label": this.localizeMessage(
|
|
366
|
-
}, [this.narrowWeekDays.map((
|
|
367
|
-
key:
|
|
368
|
+
"aria-label": this.localizeMessage(N, !0)
|
|
369
|
+
}, [this.narrowWeekDays.map((r) => a(g, {
|
|
370
|
+
key: r.value,
|
|
368
371
|
type: "button",
|
|
369
372
|
themeColor: "primary",
|
|
370
373
|
fillMode: "flat",
|
|
371
374
|
rounded: "full",
|
|
372
375
|
togglable: !0,
|
|
373
|
-
selected: this.selectedWeekDays.includes(
|
|
374
|
-
"aria-label":
|
|
375
|
-
"aria-pressed": this.selectedWeekDays.includes(
|
|
376
|
-
onClick: () => this.handleWeekDayButtonClick(
|
|
376
|
+
selected: this.selectedWeekDays.includes(r.value),
|
|
377
|
+
"aria-label": r.wide,
|
|
378
|
+
"aria-pressed": this.selectedWeekDays.includes(r.value),
|
|
379
|
+
onClick: () => this.handleWeekDayButtonClick(r.value)
|
|
377
380
|
}, {
|
|
378
|
-
default: () => [
|
|
381
|
+
default: () => [r.narrow]
|
|
379
382
|
}))])])]
|
|
380
|
-
}), this.frequency === "monthly" && a(
|
|
383
|
+
}), this.frequency === "monthly" && a(c, null, {
|
|
381
384
|
default: () => {
|
|
382
|
-
var
|
|
385
|
+
var r, y;
|
|
383
386
|
return [a(f, {
|
|
384
387
|
class: "k-form-label"
|
|
385
|
-
},
|
|
386
|
-
default: () => [
|
|
388
|
+
}, i(n = this.localizeMessage(P, !0)) ? n : {
|
|
389
|
+
default: () => [n]
|
|
387
390
|
}), a("div", {
|
|
388
391
|
class: "k-form-field-wrap"
|
|
389
|
-
}, [a(
|
|
392
|
+
}, [a(C, {
|
|
390
393
|
value: this.repeatOnRule,
|
|
391
394
|
onChange: this.handleRepeatOnRuleChange,
|
|
392
395
|
class: "k-reset",
|
|
@@ -397,14 +400,14 @@ const Oe = /* @__PURE__ */ q({
|
|
|
397
400
|
label: " ",
|
|
398
401
|
content: a("div", {
|
|
399
402
|
class: "k-scheduler-recurrence-fields"
|
|
400
|
-
}, [a(
|
|
403
|
+
}, [a(s, {
|
|
401
404
|
textField: "text",
|
|
402
405
|
dataItemKey: "value",
|
|
403
406
|
disabled: this.repeatOnRule !== "weekday",
|
|
404
407
|
dataItems: this.offsets,
|
|
405
408
|
value: this.offset,
|
|
406
409
|
onChange: this.handleOffsetChange
|
|
407
|
-
}, null), a(
|
|
410
|
+
}, null), a(s, {
|
|
408
411
|
disabled: this.repeatOnRule !== "weekday",
|
|
409
412
|
value: this.weekDay,
|
|
410
413
|
dataItems: this.extendedWeekDays,
|
|
@@ -423,7 +426,7 @@ const Oe = /* @__PURE__ */ q({
|
|
|
423
426
|
min: 1,
|
|
424
427
|
max: 31,
|
|
425
428
|
disabled: this.repeatOnRule !== "monthday",
|
|
426
|
-
value: (y = (
|
|
429
|
+
value: (y = (r = this.rrule) == null ? void 0 : r.byMonthDay) == null ? void 0 : y[0],
|
|
427
430
|
onChange: this.handleMonthDayChange,
|
|
428
431
|
style: {
|
|
429
432
|
width: "auto"
|
|
@@ -432,14 +435,14 @@ const Oe = /* @__PURE__ */ q({
|
|
|
432
435
|
}]
|
|
433
436
|
}, null)])];
|
|
434
437
|
}
|
|
435
|
-
}), this.frequency === "yearly" && a(
|
|
438
|
+
}), this.frequency === "yearly" && a(c, null, {
|
|
436
439
|
default: () => [a(f, {
|
|
437
440
|
class: "k-form-label"
|
|
438
|
-
},
|
|
441
|
+
}, i(l = this.localizeMessage(V, !0)) ? l : {
|
|
439
442
|
default: () => [l]
|
|
440
443
|
}), a("div", {
|
|
441
444
|
class: "k-form-field-wrap"
|
|
442
|
-
}, [a(
|
|
445
|
+
}, [a(C, {
|
|
443
446
|
value: this.repeatOnRule,
|
|
444
447
|
onChange: this.handleRepeatOnRuleChange,
|
|
445
448
|
class: "k-reset",
|
|
@@ -450,7 +453,7 @@ const Oe = /* @__PURE__ */ q({
|
|
|
450
453
|
label: " ",
|
|
451
454
|
content: a("div", {
|
|
452
455
|
class: "k-scheduler-recurrence-fields"
|
|
453
|
-
}, [a(
|
|
456
|
+
}, [a(s, {
|
|
454
457
|
disabled: this.repeatOnRule !== "monthday",
|
|
455
458
|
value: this.month,
|
|
456
459
|
dataItems: this.months,
|
|
@@ -474,14 +477,14 @@ const Oe = /* @__PURE__ */ q({
|
|
|
474
477
|
label: " ",
|
|
475
478
|
content: a("div", {
|
|
476
479
|
class: "k-scheduler-recurrence-fields"
|
|
477
|
-
}, [a(
|
|
480
|
+
}, [a(s, {
|
|
478
481
|
textField: "text",
|
|
479
482
|
dataItemKey: "value",
|
|
480
483
|
disabled: this.repeatOnRule !== "weekday",
|
|
481
484
|
dataItems: this.offsets,
|
|
482
485
|
value: this.offset,
|
|
483
486
|
onChange: this.handleOffsetChange
|
|
484
|
-
}, null), a(
|
|
487
|
+
}, null), a(s, {
|
|
485
488
|
textField: "text",
|
|
486
489
|
dataItemKey: "value",
|
|
487
490
|
disabled: this.repeatOnRule !== "weekday",
|
|
@@ -491,7 +494,7 @@ const Oe = /* @__PURE__ */ q({
|
|
|
491
494
|
}, null), a("span", {
|
|
492
495
|
key: "of-row",
|
|
493
496
|
class: "k-scheduler-edit-form-row"
|
|
494
|
-
}, [a("span", null, [this.localizeMessage(
|
|
497
|
+
}, [a("span", null, [this.localizeMessage($, !0)]), a(s, {
|
|
495
498
|
textField: "text",
|
|
496
499
|
dataItemKey: "value",
|
|
497
500
|
disabled: this.repeatOnRule !== "weekday",
|
|
@@ -501,18 +504,18 @@ const Oe = /* @__PURE__ */ q({
|
|
|
501
504
|
}, null)])])
|
|
502
505
|
}]
|
|
503
506
|
}, null)])]
|
|
504
|
-
}), this.frequency !== "never" && a(
|
|
507
|
+
}), this.frequency !== "never" && a(c, null, {
|
|
505
508
|
default: () => {
|
|
506
|
-
var
|
|
509
|
+
var r, y;
|
|
507
510
|
return [a(f, {
|
|
508
511
|
class: "k-form-label"
|
|
509
|
-
}, u
|
|
510
|
-
default: () => [
|
|
512
|
+
}, i(u = this.localizeMessage(Y, !0)) ? u : {
|
|
513
|
+
default: () => [u]
|
|
511
514
|
}), a("div", {
|
|
512
515
|
class: "k-form-field-wrap"
|
|
513
516
|
}, [a("div", {
|
|
514
517
|
class: "k-scheduler-recurrence-fields"
|
|
515
|
-
}, [a(
|
|
518
|
+
}, [a(s, {
|
|
516
519
|
dataItems: this.endRuleData,
|
|
517
520
|
textField: "text",
|
|
518
521
|
dataItemKey: "value",
|
|
@@ -523,53 +526,45 @@ const Oe = /* @__PURE__ */ q({
|
|
|
523
526
|
style: {
|
|
524
527
|
width: "auto"
|
|
525
528
|
},
|
|
526
|
-
value: (
|
|
529
|
+
value: (r = this.rrule.count) != null ? r : this.defaultCount,
|
|
527
530
|
onChange: this.handleCountChange,
|
|
528
|
-
format: `0 '${this.localizeMessage(
|
|
529
|
-
}, null), this.endRule === "until" && a(
|
|
531
|
+
format: `0 '${this.localizeMessage(A, !0)}'`
|
|
532
|
+
}, null), this.endRule === "until" && a(K, {
|
|
530
533
|
min: this.startsOn,
|
|
531
|
-
value: (y = this.until) != null ? y :
|
|
534
|
+
value: (y = this.until) != null ? y : w(this.defaultUntil),
|
|
532
535
|
onChange: this.handleUntilChange,
|
|
533
536
|
style: {
|
|
534
537
|
width: "auto"
|
|
535
538
|
}
|
|
536
539
|
}, null)])])];
|
|
537
540
|
}
|
|
538
|
-
}),
|
|
541
|
+
}), (R || this.summary) && a(c, null, {
|
|
539
542
|
default: () => [a("div", {
|
|
540
543
|
class: "k-form-field-wrap"
|
|
541
|
-
}, [
|
|
542
|
-
|
|
543
|
-
}, [this.renderRecurrenceSummaryTemplate()])])]
|
|
544
|
-
}) : this.summary ? a(o, null, {
|
|
545
|
-
default: () => [a("div", {
|
|
546
|
-
class: "k-form-field-wrap"
|
|
547
|
-
}, [a("div", {
|
|
548
|
-
class: "k-form-hint"
|
|
549
|
-
}, [this.summary])])]
|
|
550
|
-
}) : null)]), a(L, {
|
|
544
|
+
}, [te(this.summary, R)])]
|
|
545
|
+
})]), a(T, {
|
|
551
546
|
layout: "end"
|
|
552
547
|
}, {
|
|
553
548
|
default: () => [this.isExistingRecurrence && this.onRemoveRecurrence && a(g, {
|
|
554
549
|
fillMode: "flat",
|
|
555
550
|
themeColor: "primary",
|
|
556
551
|
onClick: this.onRemoveRecurrence
|
|
557
|
-
},
|
|
552
|
+
}, i(k) ? k : {
|
|
558
553
|
default: () => [k]
|
|
559
554
|
}), a(g, {
|
|
560
555
|
onClick: () => this.$emit("cancel")
|
|
561
|
-
},
|
|
556
|
+
}, i(p) ? p : {
|
|
562
557
|
default: () => [p]
|
|
563
558
|
}), a(g, {
|
|
564
559
|
themeColor: "primary",
|
|
565
560
|
onClick: this.handleSave
|
|
566
|
-
},
|
|
567
|
-
default: () => [
|
|
561
|
+
}, i(h) ? h : {
|
|
562
|
+
default: () => [h]
|
|
568
563
|
})]
|
|
569
564
|
})]
|
|
570
565
|
});
|
|
571
566
|
}
|
|
572
567
|
});
|
|
573
568
|
export {
|
|
574
|
-
|
|
569
|
+
We as SchedulerRecurrenceDialog
|
|
575
570
|
};
|
|
@@ -7,6 +7,22 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { DatePickerChangeEvent, TimePickerChangeEvent } from '@progress/kendo-vue-dateinputs';
|
|
9
9
|
import { PropType } from 'vue';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export declare function readDateAsLocal(value: Date, timezone?: string): Date;
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
export declare function readDateAsLocal(value: Date | null | undefined, timezone?: string): Date | null;
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
21
|
+
export declare const readDateWithTimezone: (value: Date, timezone?: string) => Date;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
export declare const dayValue: (value: Date) => number;
|
|
10
26
|
/**
|
|
11
27
|
* @hidden
|
|
12
28
|
*/
|
|
@@ -38,15 +54,28 @@ declare const ZonedSplitDateTime: import('vue').DefineComponent<import('vue').Ex
|
|
|
38
54
|
fieldError: StringConstructor;
|
|
39
55
|
ariaLabel: StringConstructor;
|
|
40
56
|
timeAriaLabel: StringConstructor;
|
|
41
|
-
}>, {
|
|
57
|
+
}>, {
|
|
58
|
+
ks: any;
|
|
59
|
+
pendingValue: import('vue').Ref<Date, Date>;
|
|
60
|
+
boundAttr: (key: 'min' | 'max') => Date | undefined;
|
|
61
|
+
isInBounds: (value: Date) => boolean;
|
|
62
|
+
dateMin: () => Date | undefined;
|
|
63
|
+
timeMin: (value: Date | null) => Date | undefined;
|
|
64
|
+
timeMax: (value: Date | null) => Date | undefined;
|
|
65
|
+
modelStart: () => Date | undefined;
|
|
66
|
+
}, {}, {
|
|
42
67
|
timezone(): string | undefined;
|
|
43
68
|
localValue(): Date | null;
|
|
69
|
+
displayValue(): Date | null;
|
|
44
70
|
isInvalid(): boolean;
|
|
45
71
|
}, {
|
|
46
72
|
handleDateChange(e: DatePickerChangeEvent): void;
|
|
47
73
|
handleTimeChange(e: TimePickerChangeEvent): void;
|
|
48
|
-
|
|
49
|
-
|
|
74
|
+
commit(local: Date, event?: Event): void;
|
|
75
|
+
handleBlur(event: any): void;
|
|
76
|
+
handleKeyDown(event: KeyboardEvent): void;
|
|
77
|
+
readDateAsLocal: typeof readDateAsLocal;
|
|
78
|
+
readDateWithTimezone: (value: Date, timezone?: string) => Date;
|
|
50
79
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
51
80
|
value: PropType<Date>;
|
|
52
81
|
isAllDay: BooleanConstructor;
|