@serendie/ui 3.5.1-dev.202606091509 → 3.5.1
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/dist/components/BottomNavigation/BottomNavigation.d.ts +1 -1
- package/dist/components/DataTable/DataTableComponent.d.ts +1 -1
- package/dist/components/DataTable/table/BodyCheckbox.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/List/List.d.ts +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.d.ts +1 -1
- package/dist/components/Tabs/TabItem.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/i18n/provider.d.ts +1 -1
- package/dist/node_modules/@zag-js/accordion/dist/accordion.connect.js +50 -49
- package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js +68 -70
- package/dist/node_modules/@zag-js/combobox/dist/combobox.machine.js +1 -1
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js +308 -322
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.machine.js +79 -93
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.utils.js +43 -35
- package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js +35 -36
- package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js +37 -27
- package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js +41 -56
- package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js +31 -51
- package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js +25 -46
- package/dist/node_modules/@zag-js/dom-query/dist/controller.js +5 -5
- package/dist/node_modules/@zag-js/dom-query/dist/overflow.js +21 -13
- package/dist/node_modules/@zag-js/live-region/dist/index.js +19 -29
- package/dist/node_modules/@zag-js/menu/dist/menu.connect.js +135 -138
- package/dist/node_modules/@zag-js/menu/dist/menu.dom.js +24 -24
- package/dist/node_modules/@zag-js/menu/dist/menu.machine.js +1 -1
- package/dist/node_modules/@zag-js/popper/dist/get-placement.js +71 -82
- package/dist/node_modules/@zag-js/react/dist/machine.js +96 -105
- package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +26 -34
- package/dist/node_modules/@zag-js/select/dist/select.connect.js +101 -104
- package/dist/node_modules/@zag-js/select/dist/select.machine.js +1 -1
- package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js +60 -63
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.connect.js +25 -27
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js +14 -15
- package/dist/theme/initColorScheme.d.ts +1 -1
- package/package.json +8 -8
- package/dist/node_modules/@zag-js/date-utils/dist/locale.js +0 -12
- package/dist/node_modules/@zag-js/dom-query/dist/scroll.js +0 -11
|
@@ -1,260 +1,258 @@
|
|
|
1
|
-
import { toCalendarDateTime as
|
|
2
|
-
import { isEqualYear as
|
|
1
|
+
import { toCalendarDateTime as ke } from "../../../@internationalized/date/dist/conversion.js";
|
|
2
|
+
import { isEqualYear as U, isEqualMonth as $, isEqualDay as Ve, isSameDay as N, isWeekend as Ae, isToday as Oe } from "../../../@internationalized/date/dist/queries.js";
|
|
3
3
|
import { DateFormatter as He } from "../../../@internationalized/date/dist/DateFormatter.js";
|
|
4
|
-
import { getNativeEvent as
|
|
4
|
+
import { getNativeEvent as xe, getEventKey as Ne, isComposingEvent as Me } from "../../dom-query/dist/event.js";
|
|
5
5
|
import { dataAttr as n, ariaAttr as I } from "../../dom-query/dist/shared.js";
|
|
6
|
-
import { getPlacementStyles as
|
|
7
|
-
import { getPlacementSide as $e } from "../../popper/dist/placement.js";
|
|
6
|
+
import { getPlacementStyles as We } from "../../popper/dist/get-styles.js";
|
|
8
7
|
import { parts as o } from "./date-picker.anatomy.js";
|
|
9
|
-
import { getPositionerId as
|
|
10
|
-
import { adjustStartAndEndDate as
|
|
11
|
-
import { getLocaleSeparator as rt, ensureValidCharacters as nt, isValidCharacter as lt } from "../../date-utils/dist/locale.js";
|
|
8
|
+
import { getPositionerId as Ue, getYearSelectId as $e, getMonthSelectId as Be, getInputId as pe, getViewTriggerId as Fe, getContentId as ye, getTriggerId as Ge, getClearTriggerId as Ye, getPrevTriggerId as _e, getNextTriggerId as Ke, getCellTriggerId as re, getTableId as qe, getControlId as je, getLabelId as Xe, getRootId as Ze } from "./date-picker.dom.js";
|
|
9
|
+
import { adjustStartAndEndDate as Je, getLocaleSeparator as Qe, defaultTranslations as ze, ensureValidCharacters as et, isValidCharacter as tt, getInputPlaceholder as at, getRoleDescription as rt, isDateWithinRange as M } from "./date-picker.utils.js";
|
|
12
10
|
import { getDateRangePreset as Re } from "../../date-utils/dist/preset.js";
|
|
13
|
-
import { getWeekOfYear as
|
|
14
|
-
import { chunk as
|
|
15
|
-
import { getDecadeRange as ne, getDefaultYearRange as
|
|
11
|
+
import { getWeekOfYear as me, getWeekDays as nt, getDaysInWeek as lt, getMonthNames as it, getMonthDays as st } from "../../date-utils/dist/date-month.js";
|
|
12
|
+
import { chunk as Te } from "../../utils/dist/array.js";
|
|
13
|
+
import { getDecadeRange as ne, getDefaultYearRange as ot, getYearsRange as dt } from "../../date-utils/dist/date-year.js";
|
|
16
14
|
import { isValueWithinRange as le } from "../../utils/dist/number.js";
|
|
17
15
|
import { constrainValue as ie } from "../../date-utils/dist/constrain.js";
|
|
18
16
|
import { getTodayDate as se } from "../../date-utils/dist/mutation.js";
|
|
19
|
-
import { getMonthFormatter as
|
|
20
|
-
import { isDateOutsideRange as
|
|
21
|
-
import { getUnitDuration as
|
|
22
|
-
function
|
|
23
|
-
const { state:
|
|
17
|
+
import { getMonthFormatter as Ie, getDayFormatter as ct } from "../../date-utils/dist/formatter.js";
|
|
18
|
+
import { isDateOutsideRange as B, isDateUnavailable as he } from "../../date-utils/dist/assertion.js";
|
|
19
|
+
import { getUnitDuration as ut } from "../../date-utils/dist/duration.js";
|
|
20
|
+
function Vt(Pe, s) {
|
|
21
|
+
const { state: X, context: S, prop: l, send: i, computed: w, scope: g } = Pe, E = S.get("startValue"), Ee = w("endValue"), c = S.get("value"), u = S.get("focusedValue"), D = S.get("hoveredValue"), y = D ? Je([c[0], D]) : [], f = !!l("disabled"), W = !!l("readOnly"), Z = !!l("invalid"), F = w("isInteractive"), G = c.length === 0, v = l("min"), b = l("max"), R = l("locale"), p = l("timeZone"), J = l("startOfWeek"), Ce = X.matches("focused"), L = X.matches("open"), m = l("selectionMode") === "range", we = l("selectionMode") === "multiple", oe = l("isDateUnavailable"), Q = l("maxSelectedDates"), de = we && Q != null && c.length >= Q, z = S.get("currentPlacement"), Se = We({
|
|
24
22
|
...l("positioning"),
|
|
25
|
-
placement:
|
|
26
|
-
}),
|
|
27
|
-
function ee(
|
|
23
|
+
placement: z
|
|
24
|
+
}), ce = Qe(R), h = { ...ze, ...l("translations") };
|
|
25
|
+
function ee(t = E) {
|
|
28
26
|
const e = l("fixedWeeks") ? 6 : void 0;
|
|
29
|
-
return
|
|
27
|
+
return st(t, R, e, J);
|
|
30
28
|
}
|
|
31
|
-
function
|
|
32
|
-
const { format: e } =
|
|
33
|
-
return
|
|
34
|
-
const d = r + 1, P = u.set({ month: d }), T =
|
|
35
|
-
return { label:
|
|
29
|
+
function ue(t = {}) {
|
|
30
|
+
const { format: e } = t;
|
|
31
|
+
return it(R, e, u).map((a, r) => {
|
|
32
|
+
const d = r + 1, P = u.set({ month: d }), T = B(P, v, b);
|
|
33
|
+
return { label: a, value: d, disabled: T };
|
|
36
34
|
});
|
|
37
35
|
}
|
|
38
|
-
function
|
|
39
|
-
const
|
|
40
|
-
return
|
|
41
|
-
label:
|
|
42
|
-
value:
|
|
43
|
-
disabled: !le(
|
|
36
|
+
function De() {
|
|
37
|
+
const t = ot(u, v, b);
|
|
38
|
+
return dt(t).map((a) => ({
|
|
39
|
+
label: a.toString(),
|
|
40
|
+
value: a,
|
|
41
|
+
disabled: !le(a, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
|
|
44
42
|
}));
|
|
45
43
|
}
|
|
46
|
-
function te(
|
|
47
|
-
return
|
|
44
|
+
function te(t) {
|
|
45
|
+
return he(t, oe, R, v, b);
|
|
48
46
|
}
|
|
49
|
-
function
|
|
47
|
+
function ge(t) {
|
|
50
48
|
const e = E ?? se(p, u.calendar);
|
|
51
|
-
i({ type: "FOCUS.SET", value: e.set({ month:
|
|
49
|
+
i({ type: "FOCUS.SET", value: e.set({ month: t }) });
|
|
52
50
|
}
|
|
53
|
-
function
|
|
51
|
+
function fe(t) {
|
|
54
52
|
const e = E ?? se(p, u.calendar);
|
|
55
|
-
i({ type: "FOCUS.SET", value: e.set({ year:
|
|
53
|
+
i({ type: "FOCUS.SET", value: e.set({ year: t }) });
|
|
56
54
|
}
|
|
57
|
-
function
|
|
58
|
-
const { value: e, disabled:
|
|
59
|
-
focused: u.year ===
|
|
55
|
+
function Y(t) {
|
|
56
|
+
const { value: e, disabled: a } = t, r = u.set({ year: e }), P = !ne(E.year, { strict: !0 }).includes(e), T = le(e, v == null ? void 0 : v.year, b == null ? void 0 : b.year), C = m && M(r, c), k = m && c[0] && U(r, c[0]), H = m && c[1] && U(r, c[1]), O = m && y.length > 0, x = O && M(r, y), V = O && y[0] && U(r, y[0]), A = O && y[1] && U(r, y[1]), K = {
|
|
57
|
+
focused: u.year === t.value,
|
|
60
58
|
selectable: !P && T,
|
|
61
59
|
outsideRange: P,
|
|
62
|
-
selected: !!c.find((
|
|
60
|
+
selected: !!c.find((q) => q && q.year === e),
|
|
63
61
|
valueText: e.toString(),
|
|
64
|
-
inRange: C ||
|
|
62
|
+
inRange: C || x,
|
|
65
63
|
firstInRange: !!k,
|
|
66
|
-
lastInRange: !!
|
|
67
|
-
inHoveredRange: !!
|
|
64
|
+
lastInRange: !!H,
|
|
65
|
+
inHoveredRange: !!x,
|
|
68
66
|
firstInHoveredRange: !!V,
|
|
69
67
|
lastInHoveredRange: !!A,
|
|
70
68
|
value: r,
|
|
71
69
|
get disabled() {
|
|
72
|
-
return
|
|
70
|
+
return a || !K.selectable;
|
|
73
71
|
}
|
|
74
72
|
};
|
|
75
|
-
return
|
|
73
|
+
return K;
|
|
76
74
|
}
|
|
77
|
-
function
|
|
78
|
-
const { value: e, disabled:
|
|
79
|
-
focused: u.month ===
|
|
80
|
-
selectable: !
|
|
75
|
+
function _(t) {
|
|
76
|
+
const { value: e, disabled: a } = t, r = u.set({ month: e }), d = Ie(R, p, u), P = m && M(r, c), T = m && c[0] && $(r, c[0]), C = m && c[1] && $(r, c[1]), k = m && y.length > 0, H = k && M(r, y), O = k && y[0] && $(r, y[0]), x = k && y[1] && $(r, y[1]), V = {
|
|
77
|
+
focused: u.month === t.value,
|
|
78
|
+
selectable: !B(r, v, b),
|
|
81
79
|
selected: !!c.find((A) => A && A.month === e && A.year === u.year),
|
|
82
80
|
valueText: d.format(r.toDate(p)),
|
|
83
|
-
inRange: P ||
|
|
81
|
+
inRange: P || H,
|
|
84
82
|
firstInRange: !!T,
|
|
85
83
|
lastInRange: !!C,
|
|
86
|
-
inHoveredRange: !!
|
|
84
|
+
inHoveredRange: !!H,
|
|
87
85
|
firstInHoveredRange: !!O,
|
|
88
|
-
lastInHoveredRange: !!
|
|
86
|
+
lastInHoveredRange: !!x,
|
|
89
87
|
outsideRange: !1,
|
|
90
88
|
value: r,
|
|
91
89
|
get disabled() {
|
|
92
|
-
return
|
|
90
|
+
return a || !V.selectable;
|
|
93
91
|
}
|
|
94
92
|
};
|
|
95
93
|
return V;
|
|
96
94
|
}
|
|
97
|
-
function ae(
|
|
98
|
-
const { value: e, disabled:
|
|
99
|
-
invalid:
|
|
100
|
-
disabled:
|
|
101
|
-
de && !
|
|
102
|
-
selected:
|
|
103
|
-
unavailable:
|
|
95
|
+
function ae(t) {
|
|
96
|
+
const { value: e, disabled: a, visibleRange: r = w("visibleRange") } = t, d = ct(R, p, u), P = ut(w("visibleDuration")), T = l("outsideDaySelectable"), C = r.start.add(P).subtract({ days: 1 }), k = B(e, r.start, C), H = m && M(e, c), O = m && c[0] && N(e, c[0]), x = m && c[1] && N(e, c[1]), V = m && y.length > 0, A = V && M(e, y), K = V && y[0] && N(e, y[0]), q = V && y[1] && N(e, y[1]), ve = c.some((be) => be != null && N(e, be)), j = {
|
|
97
|
+
invalid: B(e, v, b),
|
|
98
|
+
disabled: a || !T && k || B(e, v, b) || // Disable unselected dates when max is reached in multiple selection mode
|
|
99
|
+
de && !ve,
|
|
100
|
+
selected: ve,
|
|
101
|
+
unavailable: he(e, oe, R, v, b) && !a,
|
|
104
102
|
outsideRange: k,
|
|
105
|
-
today:
|
|
106
|
-
weekend:
|
|
103
|
+
today: Oe(e, p),
|
|
104
|
+
weekend: Ae(e, R),
|
|
107
105
|
value: e,
|
|
108
106
|
valueText: d.format(e.toDate(p)),
|
|
109
107
|
get focused() {
|
|
110
|
-
return u != null && N(e, u) && (!
|
|
108
|
+
return u != null && N(e, u) && (!j.outsideRange || T);
|
|
111
109
|
},
|
|
112
110
|
get selectable() {
|
|
113
|
-
return !
|
|
111
|
+
return !j.disabled && !j.unavailable;
|
|
114
112
|
},
|
|
115
113
|
// Range states
|
|
116
|
-
inRange:
|
|
114
|
+
inRange: H || A,
|
|
117
115
|
firstInRange: O,
|
|
118
|
-
lastInRange:
|
|
116
|
+
lastInRange: x,
|
|
119
117
|
// Preview range states
|
|
120
118
|
inHoveredRange: A,
|
|
121
|
-
firstInHoveredRange:
|
|
122
|
-
lastInHoveredRange:
|
|
119
|
+
firstInHoveredRange: K,
|
|
120
|
+
lastInHoveredRange: q
|
|
123
121
|
};
|
|
124
|
-
return
|
|
122
|
+
return j;
|
|
125
123
|
}
|
|
126
|
-
function
|
|
127
|
-
const { view: e = "day", id:
|
|
128
|
-
return [e,
|
|
124
|
+
function Le(t) {
|
|
125
|
+
const { view: e = "day", id: a } = t;
|
|
126
|
+
return [e, a].filter(Boolean).join(" ");
|
|
129
127
|
}
|
|
130
128
|
return {
|
|
131
|
-
focused:
|
|
132
|
-
open:
|
|
129
|
+
focused: Ce,
|
|
130
|
+
open: L,
|
|
133
131
|
disabled: f,
|
|
134
|
-
invalid:
|
|
132
|
+
invalid: Z,
|
|
135
133
|
readOnly: W,
|
|
136
134
|
inline: !!l("inline"),
|
|
137
135
|
numOfMonths: l("numOfMonths"),
|
|
138
136
|
showWeekNumbers: !!l("showWeekNumbers"),
|
|
139
137
|
selectionMode: l("selectionMode"),
|
|
140
|
-
maxSelectedDates:
|
|
138
|
+
maxSelectedDates: Q,
|
|
141
139
|
isMaxSelected: de,
|
|
142
|
-
view:
|
|
143
|
-
getRangePresetValue(
|
|
144
|
-
return Re(
|
|
140
|
+
view: S.get("view"),
|
|
141
|
+
getRangePresetValue(t) {
|
|
142
|
+
return Re(t, R, p);
|
|
145
143
|
},
|
|
146
|
-
getWeekNumber(
|
|
147
|
-
const e =
|
|
148
|
-
return e ?
|
|
144
|
+
getWeekNumber(t) {
|
|
145
|
+
const e = t[0];
|
|
146
|
+
return e ? me(e, R) : 0;
|
|
149
147
|
},
|
|
150
|
-
getDaysInWeek(
|
|
151
|
-
return
|
|
148
|
+
getDaysInWeek(t, e = E) {
|
|
149
|
+
return lt(t, e, R, J);
|
|
152
150
|
},
|
|
153
|
-
getOffset(
|
|
154
|
-
const e = E.add(
|
|
151
|
+
getOffset(t) {
|
|
152
|
+
const e = E.add(t), a = Ee.add(t), r = Ie(R, p, u);
|
|
155
153
|
return {
|
|
156
|
-
visibleRange: { start: e, end:
|
|
154
|
+
visibleRange: { start: e, end: a },
|
|
157
155
|
weeks: ee(e),
|
|
158
156
|
visibleRangeText: {
|
|
159
157
|
start: r.format(e.toDate(p)),
|
|
160
|
-
end: r.format(
|
|
158
|
+
end: r.format(a.toDate(p))
|
|
161
159
|
}
|
|
162
160
|
};
|
|
163
161
|
},
|
|
164
162
|
getMonthWeeks: ee,
|
|
165
163
|
isUnavailable: te,
|
|
166
164
|
weeks: ee(),
|
|
167
|
-
weekDays:
|
|
168
|
-
visibleRangeText:
|
|
165
|
+
weekDays: nt(E, J, p, R),
|
|
166
|
+
visibleRangeText: w("visibleRangeText"),
|
|
169
167
|
value: c,
|
|
170
|
-
valueAsDate: c.filter((
|
|
171
|
-
valueAsString:
|
|
168
|
+
valueAsDate: c.filter((t) => t != null).map((t) => t.toDate(p)),
|
|
169
|
+
valueAsString: w("valueAsString"),
|
|
172
170
|
focusedValue: u,
|
|
173
171
|
focusedValueAsDate: u == null ? void 0 : u.toDate(p),
|
|
174
|
-
focusedValueAsString: l("format")(u, { locale:
|
|
175
|
-
visibleRange:
|
|
172
|
+
focusedValueAsString: l("format")(u, { locale: R, timeZone: p }),
|
|
173
|
+
visibleRange: w("visibleRange"),
|
|
176
174
|
selectToday() {
|
|
177
|
-
const
|
|
178
|
-
i({ type: "VALUE.SET", value: [
|
|
175
|
+
const t = ie(se(p, u.calendar), v, b);
|
|
176
|
+
i({ type: "VALUE.SET", value: [t] });
|
|
179
177
|
},
|
|
180
|
-
setValue(
|
|
181
|
-
const e =
|
|
178
|
+
setValue(t) {
|
|
179
|
+
const e = t.map((a) => ie(a, v, b));
|
|
182
180
|
i({ type: "VALUE.SET", value: e });
|
|
183
181
|
},
|
|
184
|
-
setTime(
|
|
185
|
-
const
|
|
186
|
-
let r =
|
|
187
|
-
r && ("hour" in r || (r =
|
|
188
|
-
hour:
|
|
189
|
-
minute:
|
|
190
|
-
second:
|
|
191
|
-
millisecond:
|
|
192
|
-
}),
|
|
193
|
-
},
|
|
194
|
-
clearValue(
|
|
195
|
-
const { focus: e = !0 } =
|
|
182
|
+
setTime(t, e = 0) {
|
|
183
|
+
const a = Array.from(c);
|
|
184
|
+
let r = a[e];
|
|
185
|
+
r && ("hour" in r || (r = ke(r)), r = r.set({
|
|
186
|
+
hour: t.hour ?? ("hour" in r ? r.hour : 0),
|
|
187
|
+
minute: t.minute ?? ("minute" in r ? r.minute : 0),
|
|
188
|
+
second: t.second ?? ("second" in r ? r.second : 0),
|
|
189
|
+
millisecond: t.millisecond ?? ("millisecond" in r ? r.millisecond : 0)
|
|
190
|
+
}), a[e] = ie(r, v, b), i({ type: "VALUE.SET", value: a }));
|
|
191
|
+
},
|
|
192
|
+
clearValue(t = {}) {
|
|
193
|
+
const { focus: e = !0 } = t;
|
|
196
194
|
i({ type: "VALUE.CLEAR", focus: e });
|
|
197
195
|
},
|
|
198
|
-
setFocusedValue(
|
|
199
|
-
i({ type: "FOCUS.SET", value:
|
|
196
|
+
setFocusedValue(t) {
|
|
197
|
+
i({ type: "FOCUS.SET", value: t });
|
|
200
198
|
},
|
|
201
|
-
setOpen(
|
|
202
|
-
l("inline") ||
|
|
199
|
+
setOpen(t) {
|
|
200
|
+
l("inline") || X.matches("open") === t || i({ type: t ? "OPEN" : "CLOSE" });
|
|
203
201
|
},
|
|
204
|
-
focusMonth:
|
|
205
|
-
focusYear:
|
|
206
|
-
getYears:
|
|
207
|
-
getMonths:
|
|
208
|
-
getYearsGrid(
|
|
209
|
-
const { columns: e = 1 } =
|
|
202
|
+
focusMonth: ge,
|
|
203
|
+
focusYear: fe,
|
|
204
|
+
getYears: De,
|
|
205
|
+
getMonths: ue,
|
|
206
|
+
getYearsGrid(t = {}) {
|
|
207
|
+
const { columns: e = 1 } = t, a = ne(E.year, { strict: !0 }).map((r) => ({
|
|
210
208
|
label: r.toString(),
|
|
211
209
|
value: r,
|
|
212
210
|
disabled: !le(r, v == null ? void 0 : v.year, b == null ? void 0 : b.year)
|
|
213
211
|
}));
|
|
214
|
-
return
|
|
212
|
+
return Te(a, e);
|
|
215
213
|
},
|
|
216
214
|
getDecade() {
|
|
217
|
-
const
|
|
218
|
-
return { start:
|
|
215
|
+
const t = ne(E.year, { strict: !0 });
|
|
216
|
+
return { start: t.at(0), end: t.at(-1) };
|
|
219
217
|
},
|
|
220
|
-
getMonthsGrid(
|
|
221
|
-
const { columns: e = 1, format:
|
|
222
|
-
return
|
|
218
|
+
getMonthsGrid(t = {}) {
|
|
219
|
+
const { columns: e = 1, format: a } = t;
|
|
220
|
+
return Te(ue({ format: a }), e);
|
|
223
221
|
},
|
|
224
|
-
format(
|
|
225
|
-
return new He(
|
|
222
|
+
format(t, e = { month: "long", year: "numeric" }) {
|
|
223
|
+
return new He(R, {
|
|
226
224
|
...e,
|
|
227
|
-
calendar:
|
|
228
|
-
}).format(
|
|
225
|
+
calendar: t.calendar.identifier
|
|
226
|
+
}).format(t.toDate(p));
|
|
229
227
|
},
|
|
230
|
-
setView(
|
|
231
|
-
i({ type: "VIEW.SET", view:
|
|
228
|
+
setView(t) {
|
|
229
|
+
i({ type: "VIEW.SET", view: t });
|
|
232
230
|
},
|
|
233
231
|
goToNext() {
|
|
234
|
-
i({ type: "GOTO.NEXT", view:
|
|
232
|
+
i({ type: "GOTO.NEXT", view: S.get("view") });
|
|
235
233
|
},
|
|
236
234
|
goToPrev() {
|
|
237
|
-
i({ type: "GOTO.PREV", view:
|
|
235
|
+
i({ type: "GOTO.PREV", view: S.get("view") });
|
|
238
236
|
},
|
|
239
237
|
getRootProps() {
|
|
240
238
|
return s.element({
|
|
241
239
|
...o.root.attrs,
|
|
242
240
|
dir: l("dir"),
|
|
243
|
-
id:
|
|
244
|
-
"data-state":
|
|
241
|
+
id: Ze(g),
|
|
242
|
+
"data-state": L ? "open" : "closed",
|
|
245
243
|
"data-disabled": n(f),
|
|
246
244
|
"data-readonly": n(W),
|
|
247
|
-
"data-empty": n(
|
|
245
|
+
"data-empty": n(G)
|
|
248
246
|
});
|
|
249
247
|
},
|
|
250
|
-
getLabelProps(
|
|
251
|
-
const { index: e = 0 } =
|
|
248
|
+
getLabelProps(t = {}) {
|
|
249
|
+
const { index: e = 0 } = t;
|
|
252
250
|
return s.label({
|
|
253
251
|
...o.label.attrs,
|
|
254
|
-
id:
|
|
252
|
+
id: Xe(g, e),
|
|
255
253
|
dir: l("dir"),
|
|
256
|
-
htmlFor:
|
|
257
|
-
"data-state":
|
|
254
|
+
htmlFor: pe(g, e),
|
|
255
|
+
"data-state": L ? "open" : "closed",
|
|
258
256
|
"data-index": e,
|
|
259
257
|
"data-disabled": n(f),
|
|
260
258
|
"data-readonly": n(W)
|
|
@@ -264,9 +262,9 @@ function Ht(Ee, s) {
|
|
|
264
262
|
return s.element({
|
|
265
263
|
...o.control.attrs,
|
|
266
264
|
dir: l("dir"),
|
|
267
|
-
id:
|
|
265
|
+
id: je(g),
|
|
268
266
|
"data-disabled": n(f),
|
|
269
|
-
"data-placeholder-shown": n(
|
|
267
|
+
"data-placeholder-shown": n(G)
|
|
270
268
|
});
|
|
271
269
|
},
|
|
272
270
|
getRangeTextProps() {
|
|
@@ -278,27 +276,26 @@ function Ht(Ee, s) {
|
|
|
278
276
|
getContentProps() {
|
|
279
277
|
return s.element({
|
|
280
278
|
...o.content.attrs,
|
|
281
|
-
hidden: !
|
|
279
|
+
hidden: !L,
|
|
282
280
|
dir: l("dir"),
|
|
283
|
-
"data-state":
|
|
284
|
-
"data-placement":
|
|
285
|
-
"data-side": ce,
|
|
281
|
+
"data-state": L ? "open" : "closed",
|
|
282
|
+
"data-placement": z,
|
|
286
283
|
"data-inline": n(l("inline")),
|
|
287
|
-
id:
|
|
284
|
+
id: ye(g),
|
|
288
285
|
tabIndex: -1,
|
|
289
286
|
role: "application",
|
|
290
287
|
"aria-roledescription": "datepicker",
|
|
291
288
|
"aria-label": h.content
|
|
292
289
|
});
|
|
293
290
|
},
|
|
294
|
-
getTableProps(
|
|
295
|
-
const { view: e = "day", columns:
|
|
291
|
+
getTableProps(t = {}) {
|
|
292
|
+
const { view: e = "day", columns: a = e === "day" ? 7 : 4 } = t, r = Le(t);
|
|
296
293
|
return s.element({
|
|
297
294
|
...o.table.attrs,
|
|
298
295
|
role: "grid",
|
|
299
|
-
"data-columns":
|
|
300
|
-
"aria-roledescription":
|
|
301
|
-
id:
|
|
296
|
+
"data-columns": a,
|
|
297
|
+
"aria-roledescription": rt(e),
|
|
298
|
+
id: qe(g, r),
|
|
302
299
|
"aria-readonly": I(W),
|
|
303
300
|
"aria-disabled": I(f),
|
|
304
301
|
"aria-multiselectable": I(l("selectionMode") !== "single"),
|
|
@@ -309,33 +306,33 @@ function Ht(Ee, s) {
|
|
|
309
306
|
if (d.defaultPrevented) return;
|
|
310
307
|
const T = {
|
|
311
308
|
Enter() {
|
|
312
|
-
e === "day" && te(u) || e === "month" && !
|
|
309
|
+
e === "day" && te(u) || e === "month" && !_({ value: u.month }).selectable || e === "year" && !Y({ value: u.year }).selectable || i({ type: "TABLE.ENTER", view: e, columns: a, focus: !0 });
|
|
313
310
|
},
|
|
314
311
|
ArrowLeft() {
|
|
315
|
-
i({ type: "TABLE.ARROW_LEFT", view: e, columns:
|
|
312
|
+
i({ type: "TABLE.ARROW_LEFT", view: e, columns: a, focus: !0 });
|
|
316
313
|
},
|
|
317
314
|
ArrowRight() {
|
|
318
|
-
i({ type: "TABLE.ARROW_RIGHT", view: e, columns:
|
|
315
|
+
i({ type: "TABLE.ARROW_RIGHT", view: e, columns: a, focus: !0 });
|
|
319
316
|
},
|
|
320
317
|
ArrowUp() {
|
|
321
|
-
i({ type: "TABLE.ARROW_UP", view: e, columns:
|
|
318
|
+
i({ type: "TABLE.ARROW_UP", view: e, columns: a, focus: !0 });
|
|
322
319
|
},
|
|
323
320
|
ArrowDown() {
|
|
324
|
-
i({ type: "TABLE.ARROW_DOWN", view: e, columns:
|
|
321
|
+
i({ type: "TABLE.ARROW_DOWN", view: e, columns: a, focus: !0 });
|
|
325
322
|
},
|
|
326
323
|
PageUp(C) {
|
|
327
|
-
i({ type: "TABLE.PAGE_UP", larger: C.shiftKey, view: e, columns:
|
|
324
|
+
i({ type: "TABLE.PAGE_UP", larger: C.shiftKey, view: e, columns: a, focus: !0 });
|
|
328
325
|
},
|
|
329
326
|
PageDown(C) {
|
|
330
|
-
i({ type: "TABLE.PAGE_DOWN", larger: C.shiftKey, view: e, columns:
|
|
327
|
+
i({ type: "TABLE.PAGE_DOWN", larger: C.shiftKey, view: e, columns: a, focus: !0 });
|
|
331
328
|
},
|
|
332
329
|
Home() {
|
|
333
|
-
i({ type: "TABLE.HOME", view: e, columns:
|
|
330
|
+
i({ type: "TABLE.HOME", view: e, columns: a, focus: !0 });
|
|
334
331
|
},
|
|
335
332
|
End() {
|
|
336
|
-
i({ type: "TABLE.END", view: e, columns:
|
|
333
|
+
i({ type: "TABLE.END", view: e, columns: a, focus: !0 });
|
|
337
334
|
}
|
|
338
|
-
}[
|
|
335
|
+
}[Ne(d, {
|
|
339
336
|
dir: l("dir")
|
|
340
337
|
})];
|
|
341
338
|
T && (T(d), d.preventDefault(), d.stopPropagation());
|
|
@@ -351,8 +348,8 @@ function Ht(Ee, s) {
|
|
|
351
348
|
}
|
|
352
349
|
});
|
|
353
350
|
},
|
|
354
|
-
getTableHeadProps(
|
|
355
|
-
const { view: e = "day" } =
|
|
351
|
+
getTableHeadProps(t = {}) {
|
|
352
|
+
const { view: e = "day" } = t;
|
|
356
353
|
return s.element({
|
|
357
354
|
...o.tableHead.attrs,
|
|
358
355
|
"aria-hidden": !0,
|
|
@@ -361,8 +358,8 @@ function Ht(Ee, s) {
|
|
|
361
358
|
"data-disabled": n(f)
|
|
362
359
|
});
|
|
363
360
|
},
|
|
364
|
-
getTableHeaderProps(
|
|
365
|
-
const { view: e = "day" } =
|
|
361
|
+
getTableHeaderProps(t = {}) {
|
|
362
|
+
const { view: e = "day" } = t;
|
|
366
363
|
return s.element({
|
|
367
364
|
...o.tableHeader.attrs,
|
|
368
365
|
dir: l("dir"),
|
|
@@ -370,16 +367,16 @@ function Ht(Ee, s) {
|
|
|
370
367
|
"data-disabled": n(f)
|
|
371
368
|
});
|
|
372
369
|
},
|
|
373
|
-
getTableBodyProps(
|
|
374
|
-
const { view: e = "day" } =
|
|
370
|
+
getTableBodyProps(t = {}) {
|
|
371
|
+
const { view: e = "day" } = t;
|
|
375
372
|
return s.element({
|
|
376
373
|
...o.tableBody.attrs,
|
|
377
374
|
"data-view": e,
|
|
378
375
|
"data-disabled": n(f)
|
|
379
376
|
});
|
|
380
377
|
},
|
|
381
|
-
getTableRowProps(
|
|
382
|
-
const { view: e = "day" } =
|
|
378
|
+
getTableRowProps(t = {}) {
|
|
379
|
+
const { view: e = "day" } = t;
|
|
383
380
|
return s.element({
|
|
384
381
|
...o.tableRow.attrs,
|
|
385
382
|
"aria-disabled": I(f),
|
|
@@ -387,8 +384,8 @@ function Ht(Ee, s) {
|
|
|
387
384
|
"data-view": e
|
|
388
385
|
});
|
|
389
386
|
},
|
|
390
|
-
getWeekNumberHeaderCellProps(
|
|
391
|
-
const { view: e = "day" } =
|
|
387
|
+
getWeekNumberHeaderCellProps(t = {}) {
|
|
388
|
+
const { view: e = "day" } = t;
|
|
392
389
|
return s.element({
|
|
393
390
|
...o.tableCell.attrs,
|
|
394
391
|
scope: "col",
|
|
@@ -398,9 +395,9 @@ function Ht(Ee, s) {
|
|
|
398
395
|
"data-disabled": n(f)
|
|
399
396
|
});
|
|
400
397
|
},
|
|
401
|
-
getWeekNumberCellProps(
|
|
398
|
+
getWeekNumberCellProps(t) {
|
|
402
399
|
var d;
|
|
403
|
-
const { weekIndex: e, week:
|
|
400
|
+
const { weekIndex: e, week: a } = t, r = a[0] ? me(a[0], R) : 0;
|
|
404
401
|
return s.element({
|
|
405
402
|
...o.tableCell.attrs,
|
|
406
403
|
role: "rowheader",
|
|
@@ -412,68 +409,61 @@ function Ht(Ee, s) {
|
|
|
412
409
|
});
|
|
413
410
|
},
|
|
414
411
|
getDayTableCellState: ae,
|
|
415
|
-
getDayTableCellProps(
|
|
416
|
-
const { value: e } =
|
|
412
|
+
getDayTableCellProps(t) {
|
|
413
|
+
const { value: e } = t, a = ae(t);
|
|
417
414
|
return s.element({
|
|
418
415
|
...o.tableCell.attrs,
|
|
419
416
|
role: "gridcell",
|
|
420
|
-
"aria-disabled": I(!
|
|
421
|
-
"aria-selected":
|
|
422
|
-
"aria-invalid": I(
|
|
423
|
-
"aria-current":
|
|
417
|
+
"aria-disabled": I(!a.selectable),
|
|
418
|
+
"aria-selected": a.selected || a.inRange,
|
|
419
|
+
"aria-invalid": I(a.invalid),
|
|
420
|
+
"aria-current": a.today ? "date" : void 0,
|
|
424
421
|
"data-value": e.toString()
|
|
425
422
|
});
|
|
426
423
|
},
|
|
427
|
-
getDayTableCellTriggerProps(
|
|
428
|
-
const { value: e } =
|
|
424
|
+
getDayTableCellTriggerProps(t) {
|
|
425
|
+
const { value: e } = t, a = ae(t);
|
|
429
426
|
return s.element({
|
|
430
427
|
...o.tableCellTrigger.attrs,
|
|
431
428
|
id: re(g, e.toString()),
|
|
432
429
|
role: "button",
|
|
433
430
|
dir: l("dir"),
|
|
434
|
-
tabIndex:
|
|
435
|
-
"aria-label": h.dayCell(
|
|
436
|
-
"aria-disabled": I(!
|
|
437
|
-
"aria-invalid": I(
|
|
438
|
-
"data-disabled": n(!
|
|
439
|
-
"data-
|
|
440
|
-
"data-selected": n(t.selected),
|
|
431
|
+
tabIndex: a.focused ? 0 : -1,
|
|
432
|
+
"aria-label": h.dayCell(a),
|
|
433
|
+
"aria-disabled": I(!a.selectable),
|
|
434
|
+
"aria-invalid": I(a.invalid),
|
|
435
|
+
"data-disabled": n(!a.selectable),
|
|
436
|
+
"data-selected": n(a.selected),
|
|
441
437
|
"data-value": e.toString(),
|
|
442
438
|
"data-view": "day",
|
|
443
|
-
"data-today": n(
|
|
444
|
-
"data-focus": n(
|
|
445
|
-
"data-unavailable": n(
|
|
446
|
-
"data-range-start": n(
|
|
447
|
-
"data-range-end": n(
|
|
448
|
-
"data-in-range": n(
|
|
449
|
-
"data-outside-range": n(
|
|
450
|
-
"data-weekend": n(
|
|
451
|
-
"data-in-hover-range": n(
|
|
452
|
-
"data-hover-range-start": n(
|
|
453
|
-
"data-hover-range-end": n(
|
|
439
|
+
"data-today": n(a.today),
|
|
440
|
+
"data-focus": n(a.focused),
|
|
441
|
+
"data-unavailable": n(a.unavailable),
|
|
442
|
+
"data-range-start": n(a.firstInRange),
|
|
443
|
+
"data-range-end": n(a.lastInRange),
|
|
444
|
+
"data-in-range": n(a.inRange),
|
|
445
|
+
"data-outside-range": n(a.outsideRange),
|
|
446
|
+
"data-weekend": n(a.weekend),
|
|
447
|
+
"data-in-hover-range": n(a.inHoveredRange),
|
|
448
|
+
"data-hover-range-start": n(a.firstInHoveredRange),
|
|
449
|
+
"data-hover-range-end": n(a.lastInHoveredRange),
|
|
454
450
|
onClick(r) {
|
|
455
|
-
r.defaultPrevented ||
|
|
451
|
+
r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "day", value: e });
|
|
456
452
|
},
|
|
457
|
-
onPointerMove:
|
|
458
|
-
if (r.pointerType === "touch" || !
|
|
453
|
+
onPointerMove: m ? (r) => {
|
|
454
|
+
if (r.pointerType === "touch" || !a.selectable) return;
|
|
459
455
|
const d = !g.isActiveElement(r.currentTarget);
|
|
460
|
-
|
|
461
|
-
type: "CELL.POINTER_MOVE",
|
|
462
|
-
cell: "day",
|
|
463
|
-
value: e,
|
|
464
|
-
focus: d,
|
|
465
|
-
outsideRange: t.outsideRange
|
|
466
|
-
});
|
|
456
|
+
D && Ve(e, D) || i({ type: "CELL.POINTER_MOVE", cell: "day", value: e, focus: d });
|
|
467
457
|
} : void 0
|
|
468
458
|
});
|
|
469
459
|
},
|
|
470
|
-
getMonthTableCellState:
|
|
471
|
-
getMonthTableCellProps(
|
|
472
|
-
const { value: e, columns:
|
|
460
|
+
getMonthTableCellState: _,
|
|
461
|
+
getMonthTableCellProps(t) {
|
|
462
|
+
const { value: e, columns: a } = t, r = _(t);
|
|
473
463
|
return s.element({
|
|
474
464
|
...o.tableCell.attrs,
|
|
475
465
|
dir: l("dir"),
|
|
476
|
-
colSpan:
|
|
466
|
+
colSpan: a,
|
|
477
467
|
role: "gridcell",
|
|
478
468
|
"aria-selected": I(r.selected || r.inRange),
|
|
479
469
|
"data-selected": n(r.selected),
|
|
@@ -481,46 +471,45 @@ function Ht(Ee, s) {
|
|
|
481
471
|
"data-value": e
|
|
482
472
|
});
|
|
483
473
|
},
|
|
484
|
-
getMonthTableCellTriggerProps(
|
|
485
|
-
const { value: e } =
|
|
474
|
+
getMonthTableCellTriggerProps(t) {
|
|
475
|
+
const { value: e } = t, a = _(t);
|
|
486
476
|
return s.element({
|
|
487
477
|
...o.tableCellTrigger.attrs,
|
|
488
478
|
id: re(g, e.toString()),
|
|
489
479
|
role: "button",
|
|
490
480
|
dir: l("dir"),
|
|
491
|
-
tabIndex:
|
|
492
|
-
"aria-label":
|
|
493
|
-
"aria-disabled": I(!
|
|
494
|
-
"data-disabled": n(!
|
|
495
|
-
"data-
|
|
496
|
-
"data-selected": n(t.selected),
|
|
481
|
+
tabIndex: a.focused ? 0 : -1,
|
|
482
|
+
"aria-label": a.valueText,
|
|
483
|
+
"aria-disabled": I(!a.selectable),
|
|
484
|
+
"data-disabled": n(!a.selectable),
|
|
485
|
+
"data-selected": n(a.selected),
|
|
497
486
|
"data-value": e,
|
|
498
487
|
"data-view": "month",
|
|
499
|
-
"data-focus": n(
|
|
500
|
-
"data-outside-range": n(
|
|
501
|
-
"data-range-start": n(
|
|
502
|
-
"data-range-end": n(
|
|
503
|
-
"data-in-range": n(
|
|
504
|
-
"data-in-hover-range": n(
|
|
505
|
-
"data-hover-range-start": n(
|
|
506
|
-
"data-hover-range-end": n(
|
|
488
|
+
"data-focus": n(a.focused),
|
|
489
|
+
"data-outside-range": n(a.outsideRange),
|
|
490
|
+
"data-range-start": n(a.firstInRange),
|
|
491
|
+
"data-range-end": n(a.lastInRange),
|
|
492
|
+
"data-in-range": n(a.inRange),
|
|
493
|
+
"data-in-hover-range": n(a.inHoveredRange),
|
|
494
|
+
"data-hover-range-start": n(a.firstInHoveredRange),
|
|
495
|
+
"data-hover-range-end": n(a.lastInHoveredRange),
|
|
507
496
|
onClick(r) {
|
|
508
|
-
r.defaultPrevented ||
|
|
497
|
+
r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "month", value: e });
|
|
509
498
|
},
|
|
510
|
-
onPointerMove:
|
|
511
|
-
if (r.pointerType === "touch" || !
|
|
499
|
+
onPointerMove: m ? (r) => {
|
|
500
|
+
if (r.pointerType === "touch" || !a.selectable) return;
|
|
512
501
|
const d = !g.isActiveElement(r.currentTarget);
|
|
513
|
-
|
|
502
|
+
D && a.value && $(a.value, D) || i({ type: "CELL.POINTER_MOVE", cell: "month", value: a.value, focus: d });
|
|
514
503
|
} : void 0
|
|
515
504
|
});
|
|
516
505
|
},
|
|
517
|
-
getYearTableCellState:
|
|
518
|
-
getYearTableCellProps(
|
|
519
|
-
const { value: e, columns:
|
|
506
|
+
getYearTableCellState: Y,
|
|
507
|
+
getYearTableCellProps(t) {
|
|
508
|
+
const { value: e, columns: a } = t, r = Y(t);
|
|
520
509
|
return s.element({
|
|
521
510
|
...o.tableCell.attrs,
|
|
522
511
|
dir: l("dir"),
|
|
523
|
-
colSpan:
|
|
512
|
+
colSpan: a,
|
|
524
513
|
role: "gridcell",
|
|
525
514
|
"aria-selected": I(r.selected || r.inRange),
|
|
526
515
|
"data-selected": n(r.selected),
|
|
@@ -528,64 +517,63 @@ function Ht(Ee, s) {
|
|
|
528
517
|
"data-value": e
|
|
529
518
|
});
|
|
530
519
|
},
|
|
531
|
-
getYearTableCellTriggerProps(
|
|
532
|
-
const { value: e } =
|
|
520
|
+
getYearTableCellTriggerProps(t) {
|
|
521
|
+
const { value: e } = t, a = Y(t);
|
|
533
522
|
return s.element({
|
|
534
523
|
...o.tableCellTrigger.attrs,
|
|
535
524
|
id: re(g, e.toString()),
|
|
536
525
|
role: "button",
|
|
537
526
|
dir: l("dir"),
|
|
538
|
-
tabIndex:
|
|
539
|
-
"aria-label":
|
|
540
|
-
"aria-disabled": I(!
|
|
541
|
-
"data-disabled": n(!
|
|
542
|
-
"data-
|
|
543
|
-
"data-selected": n(t.selected),
|
|
527
|
+
tabIndex: a.focused ? 0 : -1,
|
|
528
|
+
"aria-label": a.valueText,
|
|
529
|
+
"aria-disabled": I(!a.selectable),
|
|
530
|
+
"data-disabled": n(!a.selectable),
|
|
531
|
+
"data-selected": n(a.selected),
|
|
544
532
|
"data-value": e,
|
|
545
533
|
"data-view": "year",
|
|
546
|
-
"data-focus": n(
|
|
547
|
-
"data-outside-range": n(
|
|
548
|
-
"data-range-start": n(
|
|
549
|
-
"data-range-end": n(
|
|
550
|
-
"data-in-range": n(
|
|
551
|
-
"data-in-hover-range": n(
|
|
552
|
-
"data-hover-range-start": n(
|
|
553
|
-
"data-hover-range-end": n(
|
|
534
|
+
"data-focus": n(a.focused),
|
|
535
|
+
"data-outside-range": n(a.outsideRange),
|
|
536
|
+
"data-range-start": n(a.firstInRange),
|
|
537
|
+
"data-range-end": n(a.lastInRange),
|
|
538
|
+
"data-in-range": n(a.inRange),
|
|
539
|
+
"data-in-hover-range": n(a.inHoveredRange),
|
|
540
|
+
"data-hover-range-start": n(a.firstInHoveredRange),
|
|
541
|
+
"data-hover-range-end": n(a.lastInHoveredRange),
|
|
554
542
|
onClick(r) {
|
|
555
|
-
r.defaultPrevented ||
|
|
543
|
+
r.defaultPrevented || a.selectable && i({ type: "CELL.CLICK", cell: "year", value: e });
|
|
556
544
|
},
|
|
557
|
-
onPointerMove:
|
|
558
|
-
if (r.pointerType === "touch" || !
|
|
545
|
+
onPointerMove: m ? (r) => {
|
|
546
|
+
if (r.pointerType === "touch" || !a.selectable) return;
|
|
559
547
|
const d = !g.isActiveElement(r.currentTarget);
|
|
560
|
-
|
|
548
|
+
D && a.value && U(a.value, D) || i({ type: "CELL.POINTER_MOVE", cell: "year", value: a.value, focus: d });
|
|
561
549
|
} : void 0
|
|
562
550
|
});
|
|
563
551
|
},
|
|
564
|
-
getNextTriggerProps(
|
|
565
|
-
const { view: e = "day" } =
|
|
552
|
+
getNextTriggerProps(t = {}) {
|
|
553
|
+
const { view: e = "day" } = t, a = f || !w("isNextVisibleRangeValid");
|
|
566
554
|
return s.button({
|
|
567
555
|
...o.nextTrigger.attrs,
|
|
568
556
|
dir: l("dir"),
|
|
569
|
-
id:
|
|
557
|
+
id: Ke(g, e),
|
|
570
558
|
type: "button",
|
|
571
559
|
"aria-label": h.nextTrigger(e),
|
|
572
|
-
disabled:
|
|
573
|
-
"data-disabled": n(
|
|
560
|
+
disabled: a,
|
|
561
|
+
"data-disabled": n(a),
|
|
574
562
|
onClick(r) {
|
|
575
563
|
r.defaultPrevented || i({ type: "GOTO.NEXT", view: e });
|
|
576
564
|
}
|
|
577
565
|
});
|
|
578
566
|
},
|
|
579
|
-
getPrevTriggerProps(
|
|
580
|
-
const { view: e = "day" } =
|
|
567
|
+
getPrevTriggerProps(t = {}) {
|
|
568
|
+
const { view: e = "day" } = t, a = f || !w("isPrevVisibleRangeValid");
|
|
581
569
|
return s.button({
|
|
582
570
|
...o.prevTrigger.attrs,
|
|
583
571
|
dir: l("dir"),
|
|
584
|
-
id:
|
|
572
|
+
id: _e(g, e),
|
|
585
573
|
type: "button",
|
|
586
574
|
"aria-label": h.prevTrigger(e),
|
|
587
|
-
disabled:
|
|
588
|
-
"data-disabled": n(
|
|
575
|
+
disabled: a,
|
|
576
|
+
"data-disabled": n(a),
|
|
589
577
|
onClick(r) {
|
|
590
578
|
r.defaultPrevented || i({ type: "GOTO.PREV", view: e });
|
|
591
579
|
}
|
|
@@ -594,155 +582,153 @@ function Ht(Ee, s) {
|
|
|
594
582
|
getClearTriggerProps() {
|
|
595
583
|
return s.button({
|
|
596
584
|
...o.clearTrigger.attrs,
|
|
597
|
-
id:
|
|
585
|
+
id: Ye(g),
|
|
598
586
|
dir: l("dir"),
|
|
599
587
|
type: "button",
|
|
600
588
|
"aria-label": h.clearTrigger,
|
|
601
589
|
hidden: !c.length,
|
|
602
|
-
onClick(
|
|
603
|
-
|
|
590
|
+
onClick(t) {
|
|
591
|
+
t.defaultPrevented || i({ type: "VALUE.CLEAR" });
|
|
604
592
|
}
|
|
605
593
|
});
|
|
606
594
|
},
|
|
607
595
|
getTriggerProps() {
|
|
608
596
|
return s.button({
|
|
609
597
|
...o.trigger.attrs,
|
|
610
|
-
id:
|
|
598
|
+
id: Ge(g),
|
|
611
599
|
dir: l("dir"),
|
|
612
600
|
type: "button",
|
|
613
|
-
"data-placement":
|
|
614
|
-
"
|
|
615
|
-
"aria-
|
|
616
|
-
"
|
|
617
|
-
"
|
|
618
|
-
"data-state": D ? "open" : "closed",
|
|
619
|
-
"data-placeholder-shown": n(Y),
|
|
601
|
+
"data-placement": z,
|
|
602
|
+
"aria-label": h.trigger(L),
|
|
603
|
+
"aria-controls": ye(g),
|
|
604
|
+
"data-state": L ? "open" : "closed",
|
|
605
|
+
"data-placeholder-shown": n(G),
|
|
620
606
|
"aria-haspopup": "grid",
|
|
621
607
|
disabled: f,
|
|
622
|
-
onClick(
|
|
623
|
-
|
|
608
|
+
onClick(t) {
|
|
609
|
+
t.defaultPrevented || F && i({ type: "TRIGGER.CLICK" });
|
|
624
610
|
}
|
|
625
611
|
});
|
|
626
612
|
},
|
|
627
|
-
getViewProps(
|
|
628
|
-
const { view: e = "day" } =
|
|
613
|
+
getViewProps(t = {}) {
|
|
614
|
+
const { view: e = "day" } = t;
|
|
629
615
|
return s.element({
|
|
630
616
|
...o.view.attrs,
|
|
631
617
|
"data-view": e,
|
|
632
|
-
hidden:
|
|
618
|
+
hidden: S.get("view") !== e
|
|
633
619
|
});
|
|
634
620
|
},
|
|
635
|
-
getViewTriggerProps(
|
|
636
|
-
const { view: e = "day" } =
|
|
621
|
+
getViewTriggerProps(t = {}) {
|
|
622
|
+
const { view: e = "day" } = t;
|
|
637
623
|
return s.button({
|
|
638
624
|
...o.viewTrigger.attrs,
|
|
639
625
|
"data-view": e,
|
|
640
626
|
dir: l("dir"),
|
|
641
|
-
id:
|
|
627
|
+
id: Fe(g, e),
|
|
642
628
|
type: "button",
|
|
643
629
|
disabled: f,
|
|
644
630
|
"aria-label": h.viewTrigger(e),
|
|
645
|
-
onClick(
|
|
646
|
-
|
|
631
|
+
onClick(a) {
|
|
632
|
+
a.defaultPrevented || F && i({ type: "VIEW.TOGGLE", src: "viewTrigger" });
|
|
647
633
|
}
|
|
648
634
|
});
|
|
649
635
|
},
|
|
650
|
-
getViewControlProps(
|
|
651
|
-
const { view: e = "day" } =
|
|
636
|
+
getViewControlProps(t = {}) {
|
|
637
|
+
const { view: e = "day" } = t;
|
|
652
638
|
return s.element({
|
|
653
639
|
...o.viewControl.attrs,
|
|
654
640
|
"data-view": e,
|
|
655
641
|
dir: l("dir")
|
|
656
642
|
});
|
|
657
643
|
},
|
|
658
|
-
getInputProps(
|
|
659
|
-
const { index: e = 0, fixOnBlur:
|
|
644
|
+
getInputProps(t = {}) {
|
|
645
|
+
const { index: e = 0, fixOnBlur: a = !0 } = t;
|
|
660
646
|
return s.input({
|
|
661
647
|
...o.input.attrs,
|
|
662
|
-
id:
|
|
648
|
+
id: pe(g, e),
|
|
663
649
|
autoComplete: "off",
|
|
664
650
|
autoCorrect: "off",
|
|
665
651
|
spellCheck: "false",
|
|
666
652
|
dir: l("dir"),
|
|
667
653
|
name: l("name"),
|
|
668
654
|
"data-index": e,
|
|
669
|
-
"data-state":
|
|
670
|
-
"data-placeholder-shown": n(
|
|
655
|
+
"data-state": L ? "open" : "closed",
|
|
656
|
+
"data-placeholder-shown": n(G),
|
|
671
657
|
readOnly: W,
|
|
672
658
|
disabled: f,
|
|
673
659
|
required: l("required"),
|
|
674
|
-
"aria-invalid": I(
|
|
675
|
-
"data-invalid": n(
|
|
676
|
-
placeholder: l("placeholder") ||
|
|
677
|
-
defaultValue:
|
|
660
|
+
"aria-invalid": I(Z),
|
|
661
|
+
"data-invalid": n(Z),
|
|
662
|
+
placeholder: l("placeholder") || at(R),
|
|
663
|
+
defaultValue: w("valueAsString")[e],
|
|
678
664
|
onBeforeInput(r) {
|
|
679
|
-
const { data: d } =
|
|
680
|
-
|
|
665
|
+
const { data: d } = xe(r);
|
|
666
|
+
tt(d, ce) || r.preventDefault();
|
|
681
667
|
},
|
|
682
668
|
onClick(r) {
|
|
683
|
-
r.defaultPrevented || l("openOnClick") &&
|
|
669
|
+
r.defaultPrevented || l("openOnClick") && F && i({ type: "OPEN", src: "input.click" });
|
|
684
670
|
},
|
|
685
671
|
onFocus() {
|
|
686
672
|
i({ type: "INPUT.FOCUS", index: e });
|
|
687
673
|
},
|
|
688
674
|
onBlur(r) {
|
|
689
675
|
const d = r.currentTarget.value.trim();
|
|
690
|
-
i({ type: "INPUT.BLUR", value: d, index: e, fixOnBlur:
|
|
676
|
+
i({ type: "INPUT.BLUR", value: d, index: e, fixOnBlur: a });
|
|
691
677
|
},
|
|
692
678
|
onKeyDown(r) {
|
|
693
|
-
if (r.defaultPrevented || !
|
|
679
|
+
if (r.defaultPrevented || !F) return;
|
|
694
680
|
const P = {
|
|
695
681
|
Enter(T) {
|
|
696
|
-
|
|
682
|
+
Me(T) || te(u) || T.currentTarget.value.trim() !== "" && i({ type: "INPUT.ENTER", value: T.currentTarget.value, index: e });
|
|
697
683
|
}
|
|
698
684
|
}[r.key];
|
|
699
685
|
P && (P(r), r.preventDefault());
|
|
700
686
|
},
|
|
701
687
|
onInput(r) {
|
|
702
688
|
const d = r.currentTarget.value;
|
|
703
|
-
i({ type: "INPUT.CHANGE", value:
|
|
689
|
+
i({ type: "INPUT.CHANGE", value: et(d, ce), index: e });
|
|
704
690
|
}
|
|
705
691
|
});
|
|
706
692
|
},
|
|
707
693
|
getMonthSelectProps() {
|
|
708
694
|
return s.select({
|
|
709
695
|
...o.monthSelect.attrs,
|
|
710
|
-
id:
|
|
696
|
+
id: Be(g),
|
|
711
697
|
"aria-label": h.monthSelect,
|
|
712
698
|
disabled: f,
|
|
713
699
|
dir: l("dir"),
|
|
714
700
|
defaultValue: E.month,
|
|
715
|
-
onChange(
|
|
716
|
-
|
|
701
|
+
onChange(t) {
|
|
702
|
+
ge(Number(t.currentTarget.value));
|
|
717
703
|
}
|
|
718
704
|
});
|
|
719
705
|
},
|
|
720
706
|
getYearSelectProps() {
|
|
721
707
|
return s.select({
|
|
722
708
|
...o.yearSelect.attrs,
|
|
723
|
-
id:
|
|
709
|
+
id: $e(g),
|
|
724
710
|
disabled: f,
|
|
725
711
|
"aria-label": h.yearSelect,
|
|
726
712
|
dir: l("dir"),
|
|
727
713
|
defaultValue: E.year,
|
|
728
|
-
onChange(
|
|
729
|
-
|
|
714
|
+
onChange(t) {
|
|
715
|
+
fe(Number(t.currentTarget.value));
|
|
730
716
|
}
|
|
731
717
|
});
|
|
732
718
|
},
|
|
733
719
|
getPositionerProps() {
|
|
734
720
|
return s.element({
|
|
735
|
-
id:
|
|
721
|
+
id: Ue(g),
|
|
736
722
|
...o.positioner.attrs,
|
|
737
723
|
dir: l("dir"),
|
|
738
|
-
style:
|
|
724
|
+
style: Se.floating
|
|
739
725
|
});
|
|
740
726
|
},
|
|
741
|
-
getPresetTriggerProps(
|
|
742
|
-
const e = Array.isArray(
|
|
727
|
+
getPresetTriggerProps(t) {
|
|
728
|
+
const e = Array.isArray(t.value) ? t.value : Re(t.value, R, p), a = e.filter((r) => r != null).map((r) => r.toDate(p).toDateString());
|
|
743
729
|
return s.button({
|
|
744
730
|
...o.presetTrigger.attrs,
|
|
745
|
-
"aria-label": h.presetTrigger(
|
|
731
|
+
"aria-label": h.presetTrigger(a),
|
|
746
732
|
type: "button",
|
|
747
733
|
onClick(r) {
|
|
748
734
|
r.defaultPrevented || i({ type: "PRESET.CLICK", value: e });
|
|
@@ -752,5 +738,5 @@ function Ht(Ee, s) {
|
|
|
752
738
|
};
|
|
753
739
|
}
|
|
754
740
|
export {
|
|
755
|
-
|
|
741
|
+
Vt as connect
|
|
756
742
|
};
|