@svgrid/grid-wc 2.7.0 → 3.0.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.
Files changed (48) hide show
  1. package/README.md +110 -110
  2. package/dist/GridMenus-YwTw9Upd.js +1123 -0
  3. package/dist/SvDateRangeInput-CrxeppBV.js +196 -0
  4. package/dist/SvDateTimePicker-xAO-Pb4S.js +765 -0
  5. package/dist/{dismissable-Nx79OIVg.js → SvField-CE345DyF.js} +11 -51
  6. package/dist/{shadow/SvGrid.helpers-BZPDBcza.js → SvGrid.helpers-BdVDtjUm.js} +24 -14
  7. package/dist/SvGridCellEditor-D7SyHtff.js +550 -0
  8. package/dist/SvGridChart-CMaVmlso.js +1477 -0
  9. package/dist/SvGridChartPanel-Pc_IW0eA.js +833 -0
  10. package/dist/{SvGridChartView-ScXTF6t-.js → SvGridChartView-DLhhzmFy.js} +6 -4
  11. package/dist/{SvGridDropdown-DnAESFDu.js → SvGridDropdown-DUncHqM-.js} +2 -2
  12. package/dist/{shadow/cell-formatting-C0OsDmi_.js → cell-formatting-Eypm-id0.js} +1 -1
  13. package/dist/chart-GRBAgN1M.js +1658 -0
  14. package/dist/date-format-D_oQ5Yw0.js +1127 -0
  15. package/dist/dismissable-DvhBKm3q.js +41 -0
  16. package/dist/{export-format-B6FUgOll.js → export-format-uGayRKWM.js} +3 -3
  17. package/dist/{shadow/row-drag-touch-Ddaa-QeB.js → row-drag-touch-CycRR65n.js} +12 -10
  18. package/dist/shadow/GridMenus-YwTw9Upd.js +1123 -0
  19. package/dist/shadow/SvDateRangeInput-CrxeppBV.js +196 -0
  20. package/dist/shadow/SvDateTimePicker-xAO-Pb4S.js +765 -0
  21. package/dist/shadow/{dismissable-Nx79OIVg.js → SvField-CE345DyF.js} +11 -51
  22. package/dist/{SvGrid.helpers-BZPDBcza.js → shadow/SvGrid.helpers-BdVDtjUm.js} +24 -14
  23. package/dist/shadow/SvGridCellEditor-D7SyHtff.js +550 -0
  24. package/dist/shadow/SvGridChart-CMaVmlso.js +1477 -0
  25. package/dist/shadow/SvGridChartPanel-Pc_IW0eA.js +833 -0
  26. package/dist/shadow/{SvGridChartView-ScXTF6t-.js → SvGridChartView-DLhhzmFy.js} +6 -4
  27. package/dist/shadow/{SvGridDropdown-DnAESFDu.js → SvGridDropdown-DUncHqM-.js} +2 -2
  28. package/dist/{cell-formatting-C0OsDmi_.js → shadow/cell-formatting-Eypm-id0.js} +1 -1
  29. package/dist/shadow/chart-GRBAgN1M.js +1658 -0
  30. package/dist/shadow/date-format-D_oQ5Yw0.js +1127 -0
  31. package/dist/shadow/dismissable-DvhBKm3q.js +41 -0
  32. package/dist/shadow/{export-format-C8kZGZfz.js → export-format-DhdZREP1.js} +3 -3
  33. package/dist/{row-drag-touch-Ddaa-QeB.js → shadow/row-drag-touch-CycRR65n.js} +12 -10
  34. package/dist/shadow/sv-grid-shadow-element.js +2896 -2628
  35. package/dist/sv-grid-element.js +2894 -2626
  36. package/package.json +3 -3
  37. package/dist/GridMenus-DE0zNY_3.js +0 -1022
  38. package/dist/SvDateTimePicker-BpeEupA2.js +0 -1885
  39. package/dist/SvGridCellEditor-_rqEaig7.js +0 -531
  40. package/dist/SvGridChart-yK5Zv85y.js +0 -1199
  41. package/dist/SvGridChartPanel-B38_VjXM.js +0 -584
  42. package/dist/chart-uvs3sFJA.js +0 -1220
  43. package/dist/shadow/GridMenus-DE0zNY_3.js +0 -1022
  44. package/dist/shadow/SvDateTimePicker-BpeEupA2.js +0 -1885
  45. package/dist/shadow/SvGridCellEditor-_rqEaig7.js +0 -531
  46. package/dist/shadow/SvGridChart-yK5Zv85y.js +0 -1199
  47. package/dist/shadow/SvGridChartPanel-B38_VjXM.js +0 -584
  48. package/dist/shadow/chart-uvs3sFJA.js +0 -1220
@@ -1,1885 +0,0 @@
1
- import { $ as e, A as t, B as n, D as r, E as i, F as a, H as o, I as s, J as c, K as l, M as u, O as d, Q as f, R as p, T as m, V as h, X as g, Y as _, Z as v, a as y, c as b, d as x, et as S, f as C, h as w, j as T, k as E, n as D, q as O, rt as k, s as A, tt as j, u as M, v as N, w as P, x as F, y as I, z as L } from "./client-DjwUji8D.js";
2
- import { a as ee, i as te, t as R } from "./editor-contract-peBDxir_.js";
3
- import { n as z, r as ne, t as B } from "./popover-WsGlvtQv.js";
4
- import { r as V, t as H } from "./dismissable-Nx79OIVg.js";
5
- //#region ../grid/dist/datetime/date-core.js
6
- function U(e) {
7
- if (e == null) return null;
8
- let t = e instanceof Date ? new Date(e.getTime()) : new Date(e);
9
- return isNaN(t.getTime()) ? null : t;
10
- }
11
- function W(e) {
12
- return new Date(e.getFullYear(), e.getMonth(), e.getDate());
13
- }
14
- function re(e) {
15
- return new Date(e.getFullYear(), e.getMonth(), 1);
16
- }
17
- function ie(e) {
18
- return new Date(e.getFullYear(), e.getMonth() + 1, 0);
19
- }
20
- function ae(e) {
21
- return ie(e).getDate();
22
- }
23
- function G(e, t = 0) {
24
- let n = W(e), r = (n.getDay() - t + 7) % 7;
25
- return n.setDate(n.getDate() - r), n;
26
- }
27
- function K(e, t) {
28
- return !e || !t ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
29
- }
30
- function oe(e, t) {
31
- return !e || !t ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
32
- }
33
- function q(e, t) {
34
- let n = W(e).getTime(), r = W(t).getTime();
35
- return n < r ? -1 : +(n > r);
36
- }
37
- function J(e, t) {
38
- let n = new Date(e.getTime());
39
- return n.setDate(n.getDate() + t), n;
40
- }
41
- function se(e, t) {
42
- let n = e.getDate(), r = new Date(e.getFullYear(), e.getMonth() + t, 1, e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
43
- return r.setDate(Math.min(n, ae(r))), r;
44
- }
45
- function ce(e, t) {
46
- return se(e, t * 12);
47
- }
48
- function le(e, t, n) {
49
- return t && e.getTime() < t.getTime() ? new Date(t.getTime()) : n && e.getTime() > n.getTime() ? new Date(n.getTime()) : e;
50
- }
51
- function ue(e) {
52
- let t = W(e), n = (t.getDay() + 6) % 7;
53
- t.setDate(t.getDate() - n + 3);
54
- let r = new Date(t.getFullYear(), 0, 4), i = (r.getDay() + 6) % 7;
55
- r.setDate(r.getDate() - i + 3);
56
- let a = t.getTime() - r.getTime();
57
- return 1 + Math.round(a / 6048e5);
58
- }
59
- function de(e) {
60
- let t = Math.floor(e / 10) * 10;
61
- return {
62
- start: t,
63
- end: t + 9
64
- };
65
- }
66
- function fe(e, t = 0, n = 6) {
67
- let r = re(e), i = G(r, t), a = [], o = i;
68
- for (let e = 0; e < n; e++) {
69
- let e = [], t = ue(o);
70
- for (let n = 0; n < 7; n++) e.push({
71
- date: o,
72
- inMonth: o.getMonth() === r.getMonth() && o.getFullYear() === r.getFullYear(),
73
- week: t
74
- }), o = J(o, 1);
75
- a.push(e);
76
- }
77
- return a;
78
- }
79
- function pe(e = 0) {
80
- return Array.from({ length: 7 }, (t, n) => (e + n) % 7);
81
- }
82
- function Y(e, t) {
83
- return new Date(e.getFullYear(), e.getMonth(), e.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds());
84
- }
85
- //#endregion
86
- //#region ../grid/dist/recurrence.js
87
- var X = 864e5, Z = (e) => Math.round(W(e).getTime() / X), me = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
88
- function Q(e, t) {
89
- return t === -1 ? e.getDate() + 7 > me(e) : Math.floor((e.getDate() - 1) / 7) + 1 === t;
90
- }
91
- function he(e, t) {
92
- let n = t.count && t.count >= 1 && t.from != null ? _e(t) : t, r = W(e), i = n.from == null ? null : W(U(n.from) ?? r), a = n.until == null ? null : W(U(n.until) ?? r);
93
- if (i && r < i || a && r > a) return !1;
94
- let o = Math.max(1, Math.floor(n.interval ?? 1));
95
- switch (n.freq) {
96
- case "daily": return !i || (Z(r) - Z(i)) % o === 0;
97
- case "weekly": {
98
- let e = n.weekdays && n.weekdays.length ? n.weekdays : i ? [i.getDay()] : null;
99
- return !(!e || !e.includes(r.getDay()) || o > 1 && i && Math.round((G(r, 0).getTime() - G(i, 0).getTime()) / (X * 7)) % o !== 0);
100
- }
101
- case "monthly": return ge(r, n) ? !i || ((r.getFullYear() - i.getFullYear()) * 12 + (r.getMonth() - i.getMonth())) % o === 0 : !1;
102
- case "yearly": return n.month != null && r.getMonth() !== n.month || !ge(r, n) ? !1 : i ? (r.getFullYear() - i.getFullYear()) % o === 0 : n.month != null || n.day != null || n.weekOfMonth != null;
103
- }
104
- }
105
- function ge(e, t) {
106
- if (t.weekOfMonth != null && t.weekdays && t.weekdays.length) return t.weekdays.includes(e.getDay()) && Q(e, t.weekOfMonth);
107
- let n = t.from == null ? null : (U(t.from) ?? e).getDate(), r = t.day ?? n;
108
- if (r == null) return !1;
109
- let i = r < 0 ? me(e) + r + 1 : r;
110
- return e.getDate() === i;
111
- }
112
- function _e(e) {
113
- let t = U(e.from);
114
- if (!t) return {
115
- ...e,
116
- count: void 0
117
- };
118
- let n = {
119
- ...e,
120
- count: void 0
121
- }, r = W(t), i = 0, a = r, o = 0;
122
- for (; o++ < 48e3 && !(he(r, n) && (i++, a = r, i >= e.count));) r = new Date(r.getFullYear(), r.getMonth(), r.getDate() + 1);
123
- let s = a, c = e.until == null ? null : W(U(e.until) ?? s), l = c && c < s ? c : s;
124
- return {
125
- ...n,
126
- until: l
127
- };
128
- }
129
- function ve(e, t) {
130
- return t ? (Array.isArray(t) ? t : [t]).some((t) => he(e, t)) : !1;
131
- }
132
- //#endregion
133
- //#region ../grid/dist/datetime/date-selection.js
134
- var ye = () => ({
135
- dates: [],
136
- anchor: null,
137
- rangeStart: null
138
- });
139
- function be(e, t) {
140
- return e.some((e) => K(e, t));
141
- }
142
- function xe(e, t) {
143
- let n = q(e, t) <= 0 ? W(e) : W(t), r = q(e, t) <= 0 ? W(t) : W(e), i = [], a = n;
144
- for (; q(a, r) <= 0;) i.push(a), a = J(a, 1);
145
- return i;
146
- }
147
- function Se(e) {
148
- let t = [];
149
- for (let n of e) t.some((e) => K(e, n)) || t.push(W(n));
150
- return t.sort((e, t) => e.getTime() - t.getTime()), t;
151
- }
152
- function Ce(e, t) {
153
- return be(e, t) ? e.filter((e) => !K(e, t)) : [...e, W(t)];
154
- }
155
- function we(e, t, n, r = {}, i = 0) {
156
- let a = W(t), o = () => ({
157
- dates: [a],
158
- anchor: a,
159
- rangeStart: null
160
- });
161
- switch (n) {
162
- case "none": return { ...e };
163
- case "default":
164
- case "one": return o();
165
- case "zeroOrOne": return be(e.dates, a) && e.dates.length === 1 ? ye() : o();
166
- case "many":
167
- case "zeroOrMany": return {
168
- dates: Se(Ce(e.dates, a)),
169
- anchor: a,
170
- rangeStart: null
171
- };
172
- case "oneOrMany": {
173
- let t = Ce(e.dates, a);
174
- return {
175
- dates: Se(t.length === 0 ? [a] : t),
176
- anchor: a,
177
- rangeStart: null
178
- };
179
- }
180
- case "oneExtended": return r.shift && e.anchor ? {
181
- dates: xe(e.anchor, a),
182
- anchor: e.anchor,
183
- rangeStart: null
184
- } : r.ctrl ? {
185
- dates: Se(Ce(e.dates, a)),
186
- anchor: a,
187
- rangeStart: null
188
- } : o();
189
- case "week": {
190
- let e = G(a, i);
191
- return {
192
- dates: Array.from({ length: 7 }, (t, n) => J(e, n)),
193
- anchor: e,
194
- rangeStart: null
195
- };
196
- }
197
- case "range": return e.rangeStart ? {
198
- dates: xe(e.rangeStart, a),
199
- anchor: e.rangeStart,
200
- rangeStart: null
201
- } : {
202
- dates: [a],
203
- anchor: a,
204
- rangeStart: a
205
- };
206
- default: return o();
207
- }
208
- }
209
- //#endregion
210
- //#region ../grid/dist/datetime/date-restrict.js
211
- function Te(e) {
212
- if (!e) return [];
213
- let t = [];
214
- for (let n of e) {
215
- let e = U(n);
216
- e && t.push(e);
217
- }
218
- return t;
219
- }
220
- function Ee(e, t, n) {
221
- let r = U(t ?? null), i = U(n ?? null);
222
- return !!(r && q(e, r) < 0 || i && q(e, i) > 0);
223
- }
224
- function De(e, t) {
225
- return t ? typeof t == "function" ? t(e) : Te(t).some((t) => K(t, e)) : !1;
226
- }
227
- function Oe(e, t) {
228
- return Ee(e, t.min, t.max) || De(e, t.restrictedDates);
229
- }
230
- function ke(e, t) {
231
- return t ? typeof t == "function" ? t(e) : Te(t).some((t) => K(t, e)) : !1;
232
- }
233
- //#endregion
234
- //#region ../grid/dist/createCalendar.svelte.js
235
- var Ae = () => typeof navigator < "u" ? navigator.language : "en-US";
236
- function je(e) {
237
- if (e == null) return [];
238
- let t = Array.isArray(e) ? e : [e], n = [];
239
- for (let e of t) {
240
- let t = U(e);
241
- t && n.push(W(t));
242
- }
243
- return n;
244
- }
245
- function Me(t) {
246
- let n = () => t.selectionMode?.() ?? "one", r = () => t.firstDayOfWeek?.() ?? 0, i = () => t.weeks?.() ?? 6, a = () => Math.max(1, t.months?.() ?? 1), s = () => t.displayMode?.() ?? "month", c = () => t.disabled?.() ?? !1, l = () => t.readonly?.() ?? !1, u = () => t.locale?.() ?? Ae(), d = () => t.dayNameFormat?.() ?? "short", m = () => t.monthNameFormat?.() ?? "long", h = v(_(ye())), y = v(_(W(/* @__PURE__ */ new Date()))), b = v("month"), x = v(_(W(/* @__PURE__ */ new Date()))), S = v(null), C = "fade", w = v(0), T = e(() => ({
247
- min: t.min?.() ?? null,
248
- max: t.max?.() ?? null,
249
- restrictedDates: t.restrictedDates?.() ?? null
250
- })), E = e(() => !c() && !l()), D = "￿", O = !1;
251
- o(() => {
252
- let e = je(t.value()), n = e.map((e) => e.getTime()).join(",");
253
- if (n !== D && (D = n, g(h, {
254
- dates: e,
255
- anchor: e[e.length - 1] ?? null,
256
- rangeStart: null
257
- }, !0), !O)) {
258
- O = !0;
259
- let t = e[0] ?? W(/* @__PURE__ */ new Date());
260
- g(y, W(t), !0), g(x, W(t), !0), g(b, s(), !0);
261
- }
262
- });
263
- let k = e(() => new Intl.DateTimeFormat(u(), { weekday: d() })), A = e(() => new Intl.DateTimeFormat(u(), {
264
- month: m(),
265
- year: "numeric"
266
- })), j = e(() => new Intl.DateTimeFormat(u(), { month: "short" })), M = e(() => new Intl.DateTimeFormat(u(), {
267
- weekday: "long",
268
- year: "numeric",
269
- month: "long",
270
- day: "numeric"
271
- })), N = e(() => pe(r()).map((e) => {
272
- let t = new Date(2021, 7, 1 + e);
273
- return {
274
- label: p(k).format(t),
275
- weekday: e
276
- };
277
- })), P = e(() => Array.from({ length: a() }, (e, t) => {
278
- let n = se(p(y), t);
279
- return {
280
- month: n,
281
- title: p(A).format(n),
282
- matrix: fe(n, r(), i())
283
- };
284
- })), F = e(() => {
285
- if (n() !== "range") return null;
286
- let e = p(h).rangeStart;
287
- return !e || !p(S) ? null : xe(e, p(S));
288
- }), I = (e) => !!p(F) && p(F).some((t) => K(t, e));
289
- function L(e, n) {
290
- return {
291
- disabled: Oe(e, p(T)),
292
- selected: be(p(h).dates, e),
293
- important: ke(e, t.importantDates?.() ?? null),
294
- today: K(e, /* @__PURE__ */ new Date()),
295
- outside: !oe(e, n),
296
- focused: K(e, p(x)),
297
- preview: I(e),
298
- recurring: ve(e, t.recurrence?.() ?? null)
299
- };
300
- }
301
- let ee = e(() => p(b) === "month" ? p(A).format(p(y)) : p(b) === "year" ? String(p(y).getFullYear()) : (() => {
302
- let { start: e, end: t } = de(p(y).getFullYear());
303
- return `${e} - ${t}`;
304
- })()), te = e(() => Array.from({ length: 12 }, (e, t) => ({
305
- index: t,
306
- label: p(j).format(new Date(p(y).getFullYear(), t, 1)),
307
- current: t === (/* @__PURE__ */ new Date()).getMonth() && p(y).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear(),
308
- selected: p(h).dates.some((e) => e.getMonth() === t && e.getFullYear() === p(y).getFullYear())
309
- }))), R = e(() => {
310
- let { start: e } = de(p(y).getFullYear());
311
- return Array.from({ length: 12 }, (t, n) => {
312
- let r = e - 1 + n;
313
- return {
314
- year: r,
315
- outside: n === 0 || n === 11,
316
- current: r === (/* @__PURE__ */ new Date()).getFullYear(),
317
- selected: p(h).dates.some((e) => e.getFullYear() === r)
318
- };
319
- });
320
- }), z = e(() => n() === "zeroOrOne" || n() === "zeroOrMany" || n() === "none");
321
- function ne(e) {
322
- g(h, e, !0), D = e.dates.map((e) => e.getTime()).join(","), t.onChange?.(e.dates.map((e) => new Date(e.getTime())));
323
- }
324
- function B(e, t) {
325
- !p(E) || Oe(e, p(T)) || (g(x, W(e), !0), ne(we(p(h), e, n(), {
326
- ctrl: t?.ctrlKey || t?.metaKey,
327
- shift: t?.shiftKey
328
- }, r())));
329
- }
330
- function V(e, n = p(b)) {
331
- g(y, W(e), !0), g(b, n, !0), f(w), t.onNavigate?.(p(y), p(b));
332
- }
333
- function H() {
334
- C = "drillUp", p(b) === "month" ? V(p(y), "year") : p(b) === "year" && V(p(y), "decade");
335
- }
336
- function re(e) {
337
- C = e === 1 ? "next" : "prev", p(b) === "month" ? V(se(p(y), e)) : p(b) === "year" ? V(ce(p(y), e)) : V(ce(p(y), e * 10));
338
- }
339
- function ie(e) {
340
- C = "drillDown", V(new Date(p(y).getFullYear(), e, 1), "month"), g(x, new Date(p(y).getFullYear(), e, Math.min(p(x).getDate(), 28)), !0);
341
- }
342
- function ae(e) {
343
- C = "drillDown", V(new Date(e, p(y).getMonth(), 1), "year");
344
- }
345
- function G() {
346
- C = "fade";
347
- let e = /* @__PURE__ */ new Date();
348
- V(e, "month"), g(x, W(e), !0), p(E) && B(e);
349
- }
350
- let q = (e) => new Date(e.getFullYear(), e.getMonth(), 1);
351
- function le(e) {
352
- if (!p(E)) return;
353
- let t = typeof e.value == "function" ? e.value() : e.value, n = Array.isArray(t), r = n ? t : [t, t], i = U(r[0]), a = U(r[1]);
354
- i && (g(x, W(i), !0), C = "fade", g(y, q(i), !0), f(w), ne(n && a ? {
355
- dates: xe(i, a),
356
- anchor: W(a),
357
- rangeStart: null
358
- } : {
359
- dates: [W(i)],
360
- anchor: W(i),
361
- rangeStart: null
362
- }));
363
- }
364
- function ue() {
365
- p(E) && ne(ye());
366
- }
367
- let Y = (e) => g(S, e, !0);
368
- function X(e) {
369
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p(b) === "year" ? ie(p(x).getMonth()) : ae(p(x).getFullYear()));
370
- }
371
- function Z(e) {
372
- if (p(b) !== "month") return X(e);
373
- let t = null;
374
- switch (e.key) {
375
- case "ArrowLeft":
376
- t = J(p(x), -1);
377
- break;
378
- case "ArrowRight":
379
- t = J(p(x), 1);
380
- break;
381
- case "ArrowUp":
382
- t = J(p(x), -7);
383
- break;
384
- case "ArrowDown":
385
- t = J(p(x), 7);
386
- break;
387
- case "Home":
388
- t = J(p(x), -((p(x).getDay() - r() + 7) % 7));
389
- break;
390
- case "End":
391
- t = J(p(x), 6 - (p(x).getDay() - r() + 7) % 7);
392
- break;
393
- case "PageUp":
394
- t = e.shiftKey ? ce(p(x), -1) : se(p(x), -1);
395
- break;
396
- case "PageDown":
397
- t = e.shiftKey ? ce(p(x), 1) : se(p(x), 1);
398
- break;
399
- case "Enter":
400
- case " ":
401
- e.preventDefault(), B(p(x), e);
402
- return;
403
- default: return;
404
- }
405
- t && (e.preventDefault(), g(x, W(t), !0), oe(p(x), p(y)) || V(p(x), "month"));
406
- }
407
- return {
408
- get view() {
409
- return p(y);
410
- },
411
- get mode() {
412
- return p(b);
413
- },
414
- get title() {
415
- return p(ee);
416
- },
417
- get panels() {
418
- return p(P);
419
- },
420
- get weekdayHeaders() {
421
- return p(N);
422
- },
423
- get yearCells() {
424
- return p(te);
425
- },
426
- get decadeCells() {
427
- return p(R);
428
- },
429
- get selectedDates() {
430
- return p(h).dates;
431
- },
432
- get previewRange() {
433
- return p(F);
434
- },
435
- get focusDate() {
436
- return p(x);
437
- },
438
- get hoverDate() {
439
- return p(S);
440
- },
441
- get canClear() {
442
- return p(z);
443
- },
444
- get isInteractive() {
445
- return p(E);
446
- },
447
- get navToken() {
448
- return p(w);
449
- },
450
- get navDir() {
451
- return C;
452
- },
453
- dayState: L,
454
- inPreview: I,
455
- formatFullDate: (e) => p(M).format(e),
456
- formatMonthTitle: (e) => p(A).format(e),
457
- pickDay: B,
458
- step: re,
459
- drillUp: H,
460
- pickMonth: ie,
461
- pickYear: ae,
462
- goToday: G,
463
- applyPreset: le,
464
- clearSelection: ue,
465
- setHover: Y,
466
- onKeydown: Z,
467
- navProps(e) {
468
- return {
469
- type: "button",
470
- disabled: c(),
471
- "aria-label": e === 1 ? "Next" : "Previous",
472
- onclick: () => re(e)
473
- };
474
- },
475
- titleProps() {
476
- return {
477
- type: "button",
478
- disabled: c() || p(b) === "decade",
479
- "aria-live": "polite",
480
- onclick: H
481
- };
482
- },
483
- gridProps() {
484
- return {
485
- role: "grid",
486
- "aria-label": p(ee),
487
- tabindex: -1,
488
- onkeydown: Z
489
- };
490
- },
491
- dayProps(e, n) {
492
- let r = L(e.date, n);
493
- return {
494
- type: "button",
495
- role: "gridcell",
496
- "aria-selected": r.selected,
497
- "aria-disabled": r.disabled,
498
- "aria-current": r.today ? "date" : void 0,
499
- "aria-label": p(M).format(e.date),
500
- title: t.dateTooltip?.()?.(e.date) ?? void 0,
501
- tabindex: r.focused ? 0 : -1,
502
- disabled: r.disabled || c(),
503
- onclick: (t) => B(e.date, t),
504
- onpointerenter: () => Y(e.date),
505
- onpointerleave: () => Y(null)
506
- };
507
- },
508
- monthCellProps(e) {
509
- return {
510
- type: "button",
511
- disabled: c(),
512
- onclick: () => ie(e)
513
- };
514
- },
515
- yearCellProps(e) {
516
- return {
517
- type: "button",
518
- disabled: c(),
519
- onclick: () => ae(e)
520
- };
521
- },
522
- presetProps(e) {
523
- return {
524
- type: "button",
525
- disabled: !p(E),
526
- onclick: () => le(e)
527
- };
528
- }
529
- };
530
- }
531
- //#endregion
532
- //#region ../grid/dist/SvCalendar.svelte
533
- var Ne = T("<button> </button>"), Pe = T("<div class=\"sv-cal__presets svelte-y9pep3\" role=\"group\"></div>"), Fe = T("<div class=\"sv-cal__panel-title svelte-y9pep3\"> </div>"), Ie = T("<span class=\"sv-cal__wk-head svelte-y9pep3\" aria-hidden=\"true\">#</span>"), Le = T("<span class=\"sv-cal__weekday svelte-y9pep3\" role=\"columnheader\"> </span>"), Re = T("<div class=\"sv-cal__weekdays svelte-y9pep3\" role=\"row\"><!> <!></div>"), ze = T("<span class=\"sv-cal__wk svelte-y9pep3\" aria-hidden=\"true\"> </span>"), Be = T("<span class=\"sv-cal__day sv-cal__day--empty svelte-y9pep3\" role=\"gridcell\" aria-hidden=\"true\"></span>"), Ve = T("<span class=\"sv-cal__daybody svelte-y9pep3\"><!></span>"), He = T("<button><span class=\"sv-cal__daynum svelte-y9pep3\"> </span><!></button>"), Ue = T("<div class=\"sv-cal__week svelte-y9pep3\" role=\"row\"><!> <!></div>"), We = T("<div class=\"sv-cal__panel\"><!> <!> <!></div>"), Ge = T("<div></div>"), Ke = T("<button> </button>"), qe = T("<div></div>"), Je = T("<button> </button>"), Ye = T("<div></div>"), Xe = T("<button type=\"button\" class=\"sv-cal__foot-btn svelte-y9pep3\"> </button>"), Ze = T("<div class=\"sv-cal__footer svelte-y9pep3\"><button type=\"button\" class=\"sv-cal__foot-btn svelte-y9pep3\"> </button> <!></div>"), Qe = T("<input type=\"hidden\"/>"), $e = T("<div role=\"group\"><!> <div class=\"sv-cal__main svelte-y9pep3\"><div class=\"sv-cal__header svelte-y9pep3\"><button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-y9pep3\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button> <button> </button> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-y9pep3\"><path d=\"M9 18l6-6-6-6\"></path></svg></button></div> <div class=\"sv-cal__view svelte-y9pep3\"><!></div> <!></div> <!></div>");
534
- function et(n, a) {
535
- j(a, !0);
536
- let u = (n) => {
537
- var o = $e();
538
- let u;
539
- var f = l(o), _ = (e) => {
540
- var t = Pe();
541
- P(t, 21, () => a.presets, m, (e, t) => {
542
- var n = Ne();
543
- M(n, (e) => ({
544
- class: "sv-cal__preset",
545
- ...e
546
- }), [() => Q.presetProps(p(t))], void 0, void 0, "svelte-y9pep3");
547
- var r = l(n, !0);
548
- k(n), h(() => d(r, p(t).label)), E(e, n);
549
- }), k(t), h(() => C(t, "aria-label", p(X).shortcuts)), E(e, t);
550
- };
551
- i(f, (e) => {
552
- a.presets && a.presets.length && e(_);
553
- });
554
- var v = c(f, 2), S = l(v), D = l(S);
555
- M(D, (e) => ({
556
- class: "sv-cal__nav",
557
- ...e
558
- }), [() => Q.navProps(-1)], void 0, void 0, "svelte-y9pep3");
559
- var A = c(D, 2);
560
- M(A, (e) => ({
561
- class: "sv-cal__title",
562
- ...e
563
- }), [() => Q.titleProps()], void 0, void 0, "svelte-y9pep3");
564
- var j = l(A, !0);
565
- k(A);
566
- var N = c(A, 2);
567
- M(N, (e) => ({
568
- class: "sv-cal__nav",
569
- ...e
570
- }), [() => Q.navProps(1)], void 0, void 0, "svelte-y9pep3"), k(S);
571
- var L = c(S, 2), ee = l(L), te = (n) => {
572
- var o = Ge();
573
- M(o, (e) => ({
574
- class: "sv-cal__panels",
575
- ...e
576
- }), [() => Q.gridProps()], void 0, void 0, "svelte-y9pep3"), P(o, 21, () => Q.panels, (e) => e.month.getTime(), (n, o) => {
577
- var s = We(), u = l(s), f = (e) => {
578
- var t = Fe(), n = l(t, !0);
579
- k(t), h(() => d(n, p(o).title)), E(e, t);
580
- };
581
- i(u, (e) => {
582
- U() > 1 && e(f);
583
- });
584
- var g = c(u, 2), _ = (e) => {
585
- var t = Re(), n = l(t), r = (e) => {
586
- var t = Ie();
587
- E(e, t);
588
- };
589
- i(n, (e) => {
590
- H() && e(r);
591
- });
592
- var a = c(n, 2);
593
- P(a, 17, () => Q.weekdayHeaders, (e) => e.weekday, (e, t) => {
594
- var n = Le(), r = l(n, !0);
595
- k(n), h(() => d(r, p(t).label)), E(e, n);
596
- }), k(t), E(e, t);
597
- };
598
- i(g, (e) => {
599
- W() || e(_);
600
- });
601
- var v = c(g, 2);
602
- P(v, 17, () => p(o).matrix, m, (n, s) => {
603
- var u = Ue(), f = l(u), m = (e) => {
604
- var t = ze(), n = l(t, !0);
605
- k(t), h(() => d(n, p(s)[0]?.week)), E(e, t);
606
- };
607
- i(f, (e) => {
608
- H() && e(m);
609
- });
610
- var g = c(f, 2);
611
- P(g, 17, () => p(s), (e) => e.date.getTime(), (n, s) => {
612
- let u = e(() => Q.dayState(p(s).date, p(o).month));
613
- var f = t(), m = O(f), g = (e) => {
614
- var t = Be();
615
- E(e, t);
616
- }, _ = (e) => {
617
- var t = He();
618
- M(t, (e) => ({
619
- class: "sv-cal__day",
620
- ...e,
621
- [b]: {
622
- "is-selected": p(u).selected,
623
- "is-today": p(u).today,
624
- "is-outside": p(u).outside,
625
- "is-important": p(u).important,
626
- "is-preview": p(u).preview,
627
- "is-focused": p(u).focused,
628
- "is-recurring": p(u).recurring
629
- }
630
- }), [() => Q.dayProps(p(s), p(o).month)], void 0, void 0, "svelte-y9pep3");
631
- var n = l(t), f = l(n, !0);
632
- k(n);
633
- var m = c(n), g = (e) => {
634
- var t = Ve(), n = l(t);
635
- r(n, () => a.day, () => p(s).date, () => p(u)), k(t), E(e, t);
636
- };
637
- i(m, (e) => {
638
- a.day && e(g);
639
- }), k(t), h((e) => d(f, e), [() => p(s).date.getDate()]), E(e, t);
640
- };
641
- i(m, (e) => {
642
- p(u).outside && p(me) ? e(g) : e(_, -1);
643
- }), E(n, f);
644
- }), k(u), E(n, u);
645
- }), k(s), E(n, s);
646
- }), k(o), E(n, o);
647
- }, R = (e) => {
648
- var t = qe();
649
- M(t, (e) => ({
650
- class: "sv-cal__grid-mode",
651
- ...e
652
- }), [() => Q.gridProps()], void 0, void 0, "svelte-y9pep3"), P(t, 21, () => Q.yearCells, (e) => e.index, (e, t) => {
653
- var n = Ke();
654
- M(n, (e) => ({
655
- class: "sv-cal__cell",
656
- ...e,
657
- [b]: {
658
- "is-today": p(t).current,
659
- "is-selected": p(t).selected
660
- }
661
- }), [() => Q.monthCellProps(p(t).index)], void 0, void 0, "svelte-y9pep3");
662
- var r = l(n, !0);
663
- k(n), h(() => d(r, p(t).label)), E(e, n);
664
- }), k(t), E(e, t);
665
- }, z = (e) => {
666
- var t = Ye();
667
- M(t, (e) => ({
668
- class: "sv-cal__grid-mode",
669
- ...e
670
- }), [() => Q.gridProps()], void 0, void 0, "svelte-y9pep3"), P(t, 21, () => Q.decadeCells, (e) => e.year, (e, t) => {
671
- var n = Je();
672
- M(n, (e) => ({
673
- class: "sv-cal__cell",
674
- ...e,
675
- [b]: {
676
- "is-outside": p(t).outside,
677
- "is-today": p(t).current,
678
- "is-selected": p(t).selected
679
- }
680
- }), [() => Q.yearCellProps(p(t).year)], void 0, void 0, "svelte-y9pep3");
681
- var r = l(n, !0);
682
- k(n), h(() => d(r, p(t).year)), E(e, n);
683
- }), k(t), E(e, t);
684
- };
685
- i(ee, (e) => {
686
- Q.mode === "month" ? e(te) : Q.mode === "year" ? e(R, 1) : e(z, -1);
687
- }), k(L), y(L, (e) => g(ge, e), () => p(ge));
688
- var ne = c(L, 2), B = (e) => {
689
- var t = Ze(), n = l(t), r = l(n, !0);
690
- k(n);
691
- var a = c(n, 2), o = (e) => {
692
- var t = Xe(), n = l(t, !0);
693
- k(t), h(() => {
694
- t.disabled = K(), d(n, p(X).clear);
695
- }), s("click", t, function(...e) {
696
- Q.clearSelection?.apply(this, e);
697
- }), E(e, t);
698
- };
699
- i(a, (e) => {
700
- Q.canClear && e(o);
701
- }), k(t), h(() => {
702
- n.disabled = K(), d(r, p(X).today);
703
- }), s("click", n, function(...e) {
704
- Q.goToday?.apply(this, e);
705
- }), E(e, t);
706
- };
707
- i(ne, (e) => {
708
- G() && e(B);
709
- }), k(v), F(v, (e) => ye?.(e));
710
- var V = c(v, 2), re = (e) => {
711
- var t = Qe();
712
- x(t), h((e) => {
713
- C(t, "name", a.name), w(t, e);
714
- }, [() => Q.selectedDates.map((e) => e.toISOString()).join(",")]), E(e, t);
715
- };
716
- i(V, (e) => {
717
- a.name && e(re);
718
- }), k(o), h(() => {
719
- u = I(o, 1, "sv-cal svelte-y9pep3", null, u, {
720
- "sv-cal--disabled": K(),
721
- "sv-cal--invalid": de(),
722
- "sv-cal--with-presets": a.presets && a.presets.length,
723
- "sv-cal--band": T() === "range" || T() === "week",
724
- "sv-cal--rich": !!a.day
725
- }), C(o, "id", p(pe)), C(o, "aria-label", a.label ?? p(X).label), C(o, "aria-disabled", K()), C(o, "dir", p(Z)), d(j, Q.title), o.dir = o.dir;
726
- }), E(n, o);
727
- }, f = {
728
- label: "Calendar",
729
- shortcuts: "Shortcuts",
730
- today: "Today",
731
- clear: "Clear",
732
- prev: "Previous",
733
- next: "Next"
734
- }, _ = D(a, "value", 3, null), T = D(a, "selectionMode", 3, "one"), A = D(a, "min", 3, null), N = D(a, "max", 3, null), R = D(a, "restrictedDates", 3, null), z = D(a, "importantDates", 3, null), ne = D(a, "firstDayOfWeek", 3, 0), B = D(a, "weeks", 3, 6), H = D(a, "weekNumbers", 3, !1), U = D(a, "months", 3, 1), W = D(a, "hideDayNames", 3, !1), re = D(a, "hideOtherMonthDays", 3, !1), ie = D(a, "dayNameFormat", 3, "short"), ae = D(a, "monthNameFormat", 3, "long"), G = D(a, "footer", 3, !1), K = D(a, "disabled", 3, !1), oe = D(a, "readonly", 3, !1), q = D(a, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), J = D(a, "displayMode", 3, "month"), se = D(a, "animate", 3, !1), ce = D(a, "wheelNavigation", 3, !1), le = D(a, "recurrence", 3, null), ue = D(a, "required", 3, !1), de = D(a, "invalid", 3, !1), fe = te("sv-cal"), pe = e(() => a.id ?? fe), Y = e(() => !!(a.label || a.hint || a.error)), X = e(() => ee(f, a.messages)), Z = e(() => a.dir === "ltr" || a.dir === "rtl" ? a.dir : void 0), me = e(() => re() || U() > 1), Q = Me({
735
- value: () => _(),
736
- onChange: (e) => a.onChange?.(e),
737
- onNavigate: (e, t) => a.onNavigate?.(e, t),
738
- selectionMode: () => T(),
739
- min: () => A(),
740
- max: () => N(),
741
- restrictedDates: () => R(),
742
- importantDates: () => z(),
743
- firstDayOfWeek: () => ne(),
744
- weeks: () => B(),
745
- months: () => U(),
746
- displayMode: () => J(),
747
- disabled: () => K(),
748
- readonly: () => oe(),
749
- locale: () => q(),
750
- dayNameFormat: () => ie(),
751
- monthNameFormat: () => ae(),
752
- dateTooltip: () => a.dateTooltip,
753
- recurrence: () => le()
754
- }), he = e(() => se() === !0 ? "slide" : se() || "none"), ge = v(void 0), _e = !1;
755
- function ve() {
756
- if (p(he) === "none" || !p(ge) || typeof p(ge).animate != "function") return;
757
- let e = p(he) === "slide", t = Q.navDir, n = e ? t === "next" ? {
758
- transform: "translateX(34px)",
759
- opacity: 0
760
- } : t === "prev" ? {
761
- transform: "translateX(-34px)",
762
- opacity: 0
763
- } : t === "drillDown" ? {
764
- transform: "scale(0.85)",
765
- opacity: 0
766
- } : t === "drillUp" ? {
767
- transform: "scale(1.14)",
768
- opacity: 0
769
- } : { opacity: 0 } : {
770
- opacity: 0,
771
- transform: "scale(0.98)"
772
- };
773
- p(ge).animate([n, {
774
- transform: "none",
775
- opacity: 1
776
- }], {
777
- duration: e && (t === "next" || t === "prev") ? 300 : 220,
778
- easing: "cubic-bezier(0.16, 1, 0.3, 1)"
779
- });
780
- }
781
- o(() => {
782
- if (Q.navToken, !_e) {
783
- _e = !0;
784
- return;
785
- }
786
- L(ve);
787
- });
788
- function ye(e) {
789
- let t = (e) => {
790
- !ce() || K() || (e.preventDefault(), Q.step(e.deltaY > 0 || e.deltaX > 0 ? 1 : -1));
791
- };
792
- return e.addEventListener("wheel", t, { passive: !1 }), { destroy: () => e.removeEventListener("wheel", t) };
793
- }
794
- var be = t(), xe = O(be), Se = (e) => {
795
- V(e, {
796
- get id() {
797
- return p(pe);
798
- },
799
- get label() {
800
- return a.label;
801
- },
802
- get hint() {
803
- return a.hint;
804
- },
805
- get error() {
806
- return a.error;
807
- },
808
- get required() {
809
- return ue();
810
- },
811
- get dir() {
812
- return a.dir;
813
- },
814
- children: (e, t) => {
815
- u(e);
816
- },
817
- $$slots: { default: !0 }
818
- });
819
- }, Ce = (e) => {
820
- u(e);
821
- };
822
- i(xe, (e) => {
823
- p(Y) ? e(Se) : e(Ce, -1);
824
- }), E(n, be), S();
825
- }
826
- a(["click"]);
827
- //#endregion
828
- //#region ../grid/dist/createTimePicker.svelte.js
829
- var tt = 240, nt = tt / 2, rt = 98, it = 62;
830
- function at(e, t) {
831
- let n = (e - 90) * Math.PI / 180;
832
- return {
833
- x: nt + t * Math.cos(n),
834
- y: nt + t * Math.sin(n)
835
- };
836
- }
837
- function ot(e) {
838
- if (e == null) {
839
- let e = /* @__PURE__ */ new Date();
840
- return {
841
- h: e.getHours(),
842
- m: e.getMinutes()
843
- };
844
- }
845
- if (typeof e == "string") {
846
- let t = e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?/);
847
- if (t) return {
848
- h: Math.min(23, +t[1]),
849
- m: Math.min(59, +t[2])
850
- };
851
- let n = new Date(e);
852
- if (!isNaN(n.getTime())) return {
853
- h: n.getHours(),
854
- m: n.getMinutes()
855
- };
856
- let r = /* @__PURE__ */ new Date();
857
- return {
858
- h: r.getHours(),
859
- m: r.getMinutes()
860
- };
861
- }
862
- let t = new Date(e);
863
- return {
864
- h: t.getHours(),
865
- m: t.getMinutes()
866
- };
867
- }
868
- function st(t) {
869
- let n = () => t.format?.() ?? "24-hour", r = () => t.minuteInterval?.() ?? 1, i = () => t.autoSwitchToMinutes?.() ?? !0, a = () => t.disabled?.() ?? !1, s = () => t.readonly?.() ?? !1, c = e(() => n() === "12-hour"), l = e(() => !a() && !s()), u = v(0), d = v(0), f = v("hour"), m = !1, h = "￿";
870
- o(() => {
871
- let { h: e, m: n } = ot(t.value()), r = `${e}:${n}`;
872
- r !== h && (h = r, g(u, e, !0), g(d, n, !0), m || (m = !0, g(f, t.selection?.() ?? "hour", !0)));
873
- });
874
- let _ = e(() => p(c) ? p(u) % 12 == 0 ? 12 : p(u) % 12 : p(u)), y = e(() => p(u) >= 12), b = e(() => String(p(d)).padStart(2, "0")), x = e(() => {
875
- let e = [];
876
- if (p(c)) for (let t = 0; t < 12; t++) {
877
- let n = t === 0 ? 12 : t, r = at(t * 30, rt);
878
- e.push({
879
- label: String(n),
880
- x: r.x,
881
- y: r.y,
882
- value: n,
883
- ring: "outer"
884
- });
885
- }
886
- else for (let t = 0; t < 12; t++) {
887
- let n = at(t * 30, rt), r = at(t * 30, it), i = t + 12, a = t;
888
- e.push({
889
- label: String(i).padStart(2, "0"),
890
- x: n.x,
891
- y: n.y,
892
- value: i,
893
- ring: "outer"
894
- }), e.push({
895
- label: a === 0 ? "00" : String(a).padStart(2, "0"),
896
- x: r.x,
897
- y: r.y,
898
- value: a,
899
- ring: "inner"
900
- });
901
- }
902
- return e;
903
- }), S = e(() => Array.from({ length: 12 }, (e, t) => {
904
- let n = t * 5, r = at(t * 30, rt);
905
- return {
906
- label: String(n).padStart(2, "0"),
907
- x: r.x,
908
- y: r.y,
909
- value: n,
910
- ring: "outer"
911
- };
912
- })), C = e(() => p(f) === "hour" ? p(c) ? p(_) % 12 * 30 : p(u) % 12 * 30 : p(d) * 6), w = e(() => p(f) === "hour" && !p(c) && p(u) % 12 === p(u) && p(u) < 12 ? it : rt), T = e(() => at(p(C), p(w)));
913
- function E() {
914
- let e = /* @__PURE__ */ new Date();
915
- e.setHours(p(u), p(d), 0, 0), t.onChange?.(e);
916
- }
917
- let D = (e) => {
918
- let t = Math.max(1, Math.floor(r()));
919
- return Math.round(e / t) * t % 60;
920
- };
921
- function O(e) {
922
- g(f, e, !0);
923
- }
924
- function k(e) {
925
- g(d, D(e), !0), h = `${p(u)}:${p(d)}`, E();
926
- }
927
- function A(e) {
928
- e !== p(y) && (g(u, e ? p(u) % 12 + 12 : p(u) % 12, !0), h = `${p(u)}:${p(d)}`, E());
929
- }
930
- function j(e, t) {
931
- if (p(l)) {
932
- if (p(f) === "hour") {
933
- let n = Math.round(e / 30) % 12;
934
- if (p(c)) {
935
- let e = (n === 0 ? 12 : n) % 12;
936
- g(u, p(y) ? e + 12 : e, !0);
937
- } else g(u, t < 80 ? n : n + 12, !0);
938
- h = `${p(u)}:${p(d)}`, E();
939
- } else k(Math.round(e / 6) % 60);
940
- }
941
- }
942
- function M() {
943
- p(f) === "hour" && i() && g(f, "minute");
944
- }
945
- function N(e) {
946
- if (!p(l)) return;
947
- let t = p(f) === "minute" ? Math.max(1, Math.floor(r())) : 1;
948
- e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), p(f) === "hour" ? g(u, (p(u) + 1) % 24) : g(d, (p(d) + t) % 60), h = `${p(u)}:${p(d)}`, E()) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), p(f) === "hour" ? g(u, (p(u) + 23) % 24) : g(d, (p(d) - t + 60) % 60), h = `${p(u)}:${p(d)}`, E()) : e.key === "Tab" && !e.shiftKey && p(f) === "hour" && g(f, "minute");
949
- }
950
- function P() {
951
- let e = /* @__PURE__ */ new Date();
952
- g(u, e.getHours(), !0), g(d, e.getMinutes(), !0), h = `${p(u)}:${p(d)}`, E();
953
- }
954
- function F(e) {
955
- return p(c) ? e.value === p(_) : e.value === p(u);
956
- }
957
- return {
958
- SIZE: tt,
959
- C: nt,
960
- get hours() {
961
- return p(u);
962
- },
963
- get minutes() {
964
- return p(d);
965
- },
966
- get selection() {
967
- return p(f);
968
- },
969
- get is12() {
970
- return p(c);
971
- },
972
- get isInteractive() {
973
- return p(l);
974
- },
975
- get displayHour() {
976
- return p(_);
977
- },
978
- get isPm() {
979
- return p(y);
980
- },
981
- get mm() {
982
- return p(b);
983
- },
984
- get hourTicks() {
985
- return p(x);
986
- },
987
- get minuteTicks() {
988
- return p(S);
989
- },
990
- get handEnd() {
991
- return p(T);
992
- },
993
- isActiveHour: F,
994
- setSelection: O,
995
- setMinute: k,
996
- setAmPm: A,
997
- pointerSelect: j,
998
- endPointer: M,
999
- onKeydown: N,
1000
- now: P,
1001
- segProps(e) {
1002
- return {
1003
- type: "button",
1004
- disabled: a(),
1005
- onclick: () => O(e)
1006
- };
1007
- },
1008
- ampmProps(e) {
1009
- return {
1010
- type: "button",
1011
- disabled: a(),
1012
- onclick: () => A(e)
1013
- };
1014
- },
1015
- dialProps() {
1016
- return {
1017
- role: "slider",
1018
- tabindex: a() ? -1 : 0,
1019
- "aria-label": p(f) === "hour" ? "Hour" : "Minute",
1020
- "aria-valuenow": p(f) === "hour" ? p(u) : p(d),
1021
- "aria-valuemin": 0,
1022
- "aria-valuemax": p(f) === "hour" ? 23 : 59,
1023
- onkeydown: N
1024
- };
1025
- },
1026
- nowProps() {
1027
- return {
1028
- type: "button",
1029
- disabled: a(),
1030
- onclick: P
1031
- };
1032
- }
1033
- };
1034
- }
1035
- //#endregion
1036
- //#region ../grid/dist/SvTimePicker.svelte
1037
- var ct = T("<div class=\"sv-tp__ampm svelte-qdm31c\"><button> </button> <button> </button></div>"), lt = u("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ut = u("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), dt = T("<div class=\"sv-tp__footer svelte-qdm31c\"><button> </button></div>"), ft = T("<input type=\"hidden\"/>"), pt = T("<div role=\"group\"><div class=\"sv-tp__head svelte-qdm31c\"><button> </button> <span class=\"sv-tp__colon svelte-qdm31c\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-qdm31c\"></circle><line class=\"sv-tp__hand svelte-qdm31c\"></line><circle class=\"sv-tp__hub svelte-qdm31c\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-qdm31c\" r=\"15\"></circle><!></svg> <!> <!></div>");
1038
- function mt(n, r) {
1039
- j(r, !0);
1040
- let a = (e) => {
1041
- var n = pt();
1042
- let a;
1043
- var o = l(n), s = l(o);
1044
- M(s, (e) => ({
1045
- class: "sv-tp__seg",
1046
- ...e,
1047
- [b]: { "is-active": B.selection === "hour" }
1048
- }), [() => B.segProps("hour")], void 0, void 0, "svelte-qdm31c");
1049
- var u = l(s, !0);
1050
- k(s);
1051
- var f = c(s, 4);
1052
- M(f, (e) => ({
1053
- class: "sv-tp__seg",
1054
- ...e,
1055
- [b]: { "is-active": B.selection === "minute" }
1056
- }), [() => B.segProps("minute")], void 0, void 0, "svelte-qdm31c");
1057
- var m = l(f, !0);
1058
- k(f);
1059
- var v = c(f, 2), S = (e) => {
1060
- var t = ct(), n = l(t);
1061
- M(n, (e) => ({
1062
- ...e,
1063
- [b]: { "is-active": !B.isPm }
1064
- }), [() => B.ampmProps(!1)], void 0, void 0, "svelte-qdm31c");
1065
- var r = l(n, !0);
1066
- k(n);
1067
- var i = c(n, 2);
1068
- M(i, (e) => ({
1069
- ...e,
1070
- [b]: { "is-active": B.isPm }
1071
- }), [() => B.ampmProps(!0)], void 0, void 0, "svelte-qdm31c");
1072
- var a = l(i, !0);
1073
- k(i), k(t), h(() => {
1074
- d(r, p(z).am), d(a, p(z).pm);
1075
- }), E(e, t);
1076
- };
1077
- i(v, (e) => {
1078
- B.is12 && e(S);
1079
- }), k(o);
1080
- var T = c(o, 2);
1081
- M(T, (e) => ({
1082
- class: "sv-tp__dial",
1083
- viewBox: `0 0 ${B.SIZE} ${B.SIZE}`,
1084
- width: "100%",
1085
- ...e,
1086
- onpointerdown: re,
1087
- onpointermove: ie,
1088
- onpointerup: ae,
1089
- onpointercancel: ae
1090
- }), [() => B.dialProps()], void 0, void 0, "svelte-qdm31c");
1091
- var D = l(T), A = c(D), j = c(A), F = c(j), ee = c(F), te = (e) => {
1092
- var n = t(), r = O(n);
1093
- P(r, 17, () => B.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
1094
- var n = lt();
1095
- let r;
1096
- var i = l(n, !0);
1097
- k(n), h((e) => {
1098
- r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, e), C(n, "x", p(t).x), C(n, "y", p(t).y), d(i, p(t).label);
1099
- }, [() => ({
1100
- "is-active": B.isActiveHour(p(t)),
1101
- "is-inner": p(t).ring === "inner"
1102
- })]), E(e, n);
1103
- }), E(e, n);
1104
- }, R = (e) => {
1105
- var n = t(), r = O(n);
1106
- P(r, 17, () => B.minuteTicks, (e) => e.value, (e, t) => {
1107
- var n = ut();
1108
- let r;
1109
- var i = l(n, !0);
1110
- k(n), h(() => {
1111
- r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, { "is-active": p(t).value === B.minutes }), C(n, "x", p(t).x), C(n, "y", p(t).y), d(i, p(t).label);
1112
- }), E(e, n);
1113
- }), E(e, n);
1114
- };
1115
- i(ee, (e) => {
1116
- B.selection === "hour" ? e(te) : e(R, -1);
1117
- }), k(T), y(T, (e) => H = e, () => H);
1118
- var V = c(T, 2), U = (e) => {
1119
- var t = dt(), n = l(t);
1120
- M(n, (e) => ({
1121
- class: "sv-tp__now",
1122
- ...e
1123
- }), [() => B.nowProps()], void 0, void 0, "svelte-qdm31c");
1124
- var r = l(n, !0);
1125
- k(n), k(t), h(() => d(r, p(z).now)), E(e, t);
1126
- };
1127
- i(V, (e) => {
1128
- g() && e(U);
1129
- });
1130
- var W = c(V, 2), G = (e) => {
1131
- var t = ft();
1132
- x(t), h((e) => {
1133
- C(t, "name", r.name), w(t, e);
1134
- }, [() => `${String(B.hours).padStart(2, "0")}:${B.mm}`]), E(e, t);
1135
- };
1136
- i(W, (e) => {
1137
- r.name && e(G);
1138
- }), k(n), h((e) => {
1139
- a = I(n, 1, "sv-tp svelte-qdm31c", null, a, {
1140
- "sv-tp--disabled": _(),
1141
- "sv-tp--invalid": N()
1142
- }), C(n, "id", p(L)), C(n, "aria-label", r.label ?? p(z).label), C(n, "dir", p(ne)), d(u, e), d(m, B.mm), C(D, "cx", B.C), C(D, "cy", B.C), C(D, "r", B.C - 4), C(A, "x1", B.C), C(A, "y1", B.C), C(A, "x2", B.handEnd.x), C(A, "y2", B.handEnd.y), C(j, "cx", B.C), C(j, "cy", B.C), C(F, "cx", B.handEnd.x), C(F, "cy", B.handEnd.y), n.dir = n.dir;
1143
- }, [() => String(B.displayHour).padStart(2, "0")]), E(e, n);
1144
- }, o = {
1145
- label: "Time picker",
1146
- am: "AM",
1147
- pm: "PM",
1148
- now: "Now"
1149
- }, s = D(r, "value", 3, null), u = D(r, "format", 3, "24-hour"), f = D(r, "minuteInterval", 3, 1), m = D(r, "autoSwitchToMinutes", 3, !0), g = D(r, "footer", 3, !1), _ = D(r, "disabled", 3, !1), v = D(r, "readonly", 3, !1), T = D(r, "selection", 3, "hour"), A = D(r, "required", 3, !1), N = D(r, "invalid", 3, !1), F = te("sv-tp"), L = e(() => r.id ?? F), R = e(() => !!(r.label || r.hint || r.error)), z = e(() => ee(o, r.messages)), ne = e(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), B = st({
1150
- value: () => s(),
1151
- onChange: (e) => r.onChange?.(e),
1152
- format: () => u(),
1153
- minuteInterval: () => f(),
1154
- autoSwitchToMinutes: () => m(),
1155
- disabled: () => _(),
1156
- readonly: () => v(),
1157
- selection: () => T()
1158
- }), H = null, U = !1;
1159
- function W(e) {
1160
- let t = H.getBoundingClientRect(), n = B.SIZE / t.width, r = (e.clientX - t.left) * n - B.C, i = (e.clientY - t.top) * n - B.C, a = Math.atan2(i, r) * 180 / Math.PI + 90;
1161
- return a < 0 && (a += 360), {
1162
- angle: a,
1163
- dist: Math.hypot(r, i)
1164
- };
1165
- }
1166
- function re(e) {
1167
- if (!B.isInteractive) return;
1168
- U = !0, H?.setPointerCapture(e.pointerId);
1169
- let { angle: t, dist: n } = W(e);
1170
- B.pointerSelect(t, n);
1171
- }
1172
- function ie(e) {
1173
- if (!U) return;
1174
- let { angle: t, dist: n } = W(e);
1175
- B.pointerSelect(t, n);
1176
- }
1177
- function ae(e) {
1178
- U && (U = !1, H?.releasePointerCapture(e.pointerId), B.endPointer());
1179
- }
1180
- var G = t(), K = O(G), oe = (e) => {
1181
- V(e, {
1182
- get id() {
1183
- return p(L);
1184
- },
1185
- get label() {
1186
- return r.label;
1187
- },
1188
- get hint() {
1189
- return r.hint;
1190
- },
1191
- get error() {
1192
- return r.error;
1193
- },
1194
- get required() {
1195
- return A();
1196
- },
1197
- get dir() {
1198
- return r.dir;
1199
- },
1200
- children: (e, t) => {
1201
- a(e);
1202
- },
1203
- $$slots: { default: !0 }
1204
- });
1205
- }, q = (e) => {
1206
- a(e);
1207
- };
1208
- i(K, (e) => {
1209
- p(R) ? e(oe) : e(q, -1);
1210
- }), E(n, G), S();
1211
- }
1212
- //#endregion
1213
- //#region ../grid/dist/datetime/date-format.js
1214
- var ht = [
1215
- "dddd",
1216
- "ddd",
1217
- "dd",
1218
- "d",
1219
- "MMMM",
1220
- "MMM",
1221
- "MM",
1222
- "M",
1223
- "yyyy",
1224
- "yy",
1225
- "HH",
1226
- "H",
1227
- "hh",
1228
- "h",
1229
- "mm",
1230
- "m",
1231
- "ss",
1232
- "s",
1233
- "fff",
1234
- "ff",
1235
- "f",
1236
- "tt",
1237
- "t"
1238
- ];
1239
- function gt(e) {
1240
- let t = [], n = 0;
1241
- for (; n < e.length;) {
1242
- let r = e[n];
1243
- if (r === "\\" && n + 1 < e.length) {
1244
- t.push({ literal: e[n + 1] }), n += 2;
1245
- continue;
1246
- }
1247
- if (r === "'") {
1248
- let r = n + 1, i = "";
1249
- for (; r < e.length && e[r] !== "'";) i += e[r], r++;
1250
- t.push({ literal: i }), n = r + 1;
1251
- continue;
1252
- }
1253
- let i = null;
1254
- for (let t of ht) if (e.startsWith(t, n)) {
1255
- i = t;
1256
- break;
1257
- }
1258
- i ? (t.push({ token: i }), n += i.length) : (t.push({ literal: r }), n += 1);
1259
- }
1260
- return t;
1261
- }
1262
- var $ = (e, t) => String(Math.abs(e)).padStart(t, "0"), _t = /* @__PURE__ */ new Map(), vt = /* @__PURE__ */ new Map(), yt = /* @__PURE__ */ new Map();
1263
- function bt(e) {
1264
- let t = _t.get(e);
1265
- if (!t) {
1266
- let n = new Intl.DateTimeFormat(e, { month: "long" }), r = new Intl.DateTimeFormat(e, { month: "short" });
1267
- t = {
1268
- long: Array.from({ length: 12 }, (e, t) => n.format(new Date(2021, t, 1))),
1269
- short: Array.from({ length: 12 }, (e, t) => r.format(new Date(2021, t, 1)))
1270
- }, _t.set(e, t);
1271
- }
1272
- return t;
1273
- }
1274
- function xt(e) {
1275
- let t = vt.get(e);
1276
- if (!t) {
1277
- let n = new Intl.DateTimeFormat(e, { weekday: "long" }), r = new Intl.DateTimeFormat(e, { weekday: "short" });
1278
- t = {
1279
- long: Array.from({ length: 7 }, (e, t) => n.format(new Date(2021, 7, 1 + t))),
1280
- short: Array.from({ length: 7 }, (e, t) => r.format(new Date(2021, 7, 1 + t)))
1281
- }, vt.set(e, t);
1282
- }
1283
- return t;
1284
- }
1285
- function St(e) {
1286
- let t = yt.get(e);
1287
- if (!t) {
1288
- let n = new Intl.DateTimeFormat(e, {
1289
- hour: "numeric",
1290
- hour12: !0
1291
- });
1292
- t = {
1293
- am: n.formatToParts(new Date(2021, 0, 1, 9)).find((e) => e.type === "dayPeriod")?.value ?? "AM",
1294
- pm: n.formatToParts(new Date(2021, 0, 1, 21)).find((e) => e.type === "dayPeriod")?.value ?? "PM"
1295
- }, yt.set(e, t);
1296
- }
1297
- return t;
1298
- }
1299
- function Ct(e, t, n = "en-US") {
1300
- let r = gt(t), i = e.getHours(), a = i % 12 == 0 ? 12 : i % 12, o = e.getMilliseconds(), s = "";
1301
- for (let t of r) {
1302
- if ("literal" in t) {
1303
- s += t.literal;
1304
- continue;
1305
- }
1306
- switch (t.token) {
1307
- case "d":
1308
- s += String(e.getDate());
1309
- break;
1310
- case "dd":
1311
- s += $(e.getDate(), 2);
1312
- break;
1313
- case "ddd":
1314
- s += xt(n).short[e.getDay()];
1315
- break;
1316
- case "dddd":
1317
- s += xt(n).long[e.getDay()];
1318
- break;
1319
- case "M":
1320
- s += String(e.getMonth() + 1);
1321
- break;
1322
- case "MM":
1323
- s += $(e.getMonth() + 1, 2);
1324
- break;
1325
- case "MMM":
1326
- s += bt(n).short[e.getMonth()];
1327
- break;
1328
- case "MMMM":
1329
- s += bt(n).long[e.getMonth()];
1330
- break;
1331
- case "yy":
1332
- s += $(e.getFullYear() % 100, 2);
1333
- break;
1334
- case "yyyy":
1335
- s += $(e.getFullYear(), 4);
1336
- break;
1337
- case "H":
1338
- s += String(i);
1339
- break;
1340
- case "HH":
1341
- s += $(i, 2);
1342
- break;
1343
- case "h":
1344
- s += String(a);
1345
- break;
1346
- case "hh":
1347
- s += $(a, 2);
1348
- break;
1349
- case "m":
1350
- s += String(e.getMinutes());
1351
- break;
1352
- case "mm":
1353
- s += $(e.getMinutes(), 2);
1354
- break;
1355
- case "s":
1356
- s += String(e.getSeconds());
1357
- break;
1358
- case "ss":
1359
- s += $(e.getSeconds(), 2);
1360
- break;
1361
- case "f":
1362
- s += $(o, 3).slice(0, 1);
1363
- break;
1364
- case "ff":
1365
- s += $(o, 3).slice(0, 2);
1366
- break;
1367
- case "fff":
1368
- s += $(o, 3);
1369
- break;
1370
- case "t":
1371
- s += (i < 12 ? St(n).am : St(n).pm).slice(0, 1);
1372
- break;
1373
- case "tt":
1374
- s += i < 12 ? St(n).am : St(n).pm;
1375
- break;
1376
- default: s += t.token;
1377
- }
1378
- }
1379
- return s;
1380
- }
1381
- var wt = {
1382
- d: 2,
1383
- dd: 2,
1384
- M: 2,
1385
- MM: 2,
1386
- yy: 2,
1387
- yyyy: 4,
1388
- H: 2,
1389
- HH: 2,
1390
- h: 2,
1391
- hh: 2,
1392
- m: 2,
1393
- mm: 2,
1394
- s: 2,
1395
- ss: 2,
1396
- f: 1,
1397
- ff: 2,
1398
- fff: 3
1399
- };
1400
- function Tt(e, t, n) {
1401
- let r = 0;
1402
- for (; r < n && t + r < e.length && e[t + r] >= "0" && e[t + r] <= "9";) r++;
1403
- return r === 0 ? null : {
1404
- value: parseInt(e.slice(t, t + r), 10),
1405
- len: r
1406
- };
1407
- }
1408
- function Et(e, t, n) {
1409
- let r = n.map((e, t) => ({
1410
- name: e,
1411
- index: t
1412
- })).sort((e, t) => t.name.length - e.name.length), i = e.slice(t).toLowerCase();
1413
- for (let { name: e, index: t } of r) if (e && i.startsWith(e.toLowerCase())) return {
1414
- index: t,
1415
- len: e.length
1416
- };
1417
- return null;
1418
- }
1419
- function Dt(e, t, n = "en-US", r = 2029, i) {
1420
- let a = gt(t), o = {}, s = 0, c = e;
1421
- for (let e of a) {
1422
- if ("literal" in e) {
1423
- for (let t of e.literal) {
1424
- if (t === " ") {
1425
- for (; c[s] === " ";) s++;
1426
- continue;
1427
- }
1428
- if (c[s] !== t) return null;
1429
- s++;
1430
- }
1431
- continue;
1432
- }
1433
- let t = e.token;
1434
- switch (t) {
1435
- case "ddd":
1436
- case "dddd": {
1437
- let e = Et(c, s, xt(n)[t === "ddd" ? "short" : "long"]);
1438
- if (!e) return null;
1439
- s += e.len;
1440
- break;
1441
- }
1442
- case "MMM":
1443
- case "MMMM": {
1444
- let e = Et(c, s, bt(n)[t === "MMM" ? "short" : "long"]);
1445
- if (!e) return null;
1446
- o.month = e.index, s += e.len;
1447
- break;
1448
- }
1449
- case "t":
1450
- case "tt": {
1451
- let e = St(n), t = c.slice(s).toLowerCase();
1452
- if (t.startsWith(e.pm.toLowerCase())) o.isPm = !0, s += e.pm.length;
1453
- else if (t.startsWith(e.am.toLowerCase())) o.isPm = !1, s += e.am.length;
1454
- else if (t.startsWith(e.pm.slice(0, 1).toLowerCase())) o.isPm = !0, s += 1;
1455
- else if (t.startsWith(e.am.slice(0, 1).toLowerCase())) o.isPm = !1, s += 1;
1456
- else return null;
1457
- break;
1458
- }
1459
- default: {
1460
- let e = Tt(c, s, wt[t] ?? 2);
1461
- if (!e) return null;
1462
- s += e.len;
1463
- let n = e.value;
1464
- switch (t) {
1465
- case "d":
1466
- case "dd":
1467
- o.day = n;
1468
- break;
1469
- case "M":
1470
- case "MM":
1471
- o.month = n - 1;
1472
- break;
1473
- case "yy":
1474
- o.year = n <= r % 100 ? 2e3 + n : 1900 + n;
1475
- break;
1476
- case "yyyy":
1477
- o.year = n;
1478
- break;
1479
- case "H":
1480
- case "HH":
1481
- o.hour = n;
1482
- break;
1483
- case "h":
1484
- case "hh":
1485
- o.hour12 = n;
1486
- break;
1487
- case "m":
1488
- case "mm":
1489
- o.minute = n;
1490
- break;
1491
- case "s":
1492
- case "ss":
1493
- o.second = n;
1494
- break;
1495
- case "f":
1496
- o.ms = n * 100;
1497
- break;
1498
- case "ff":
1499
- o.ms = n * 10;
1500
- break;
1501
- case "fff": o.ms = n;
1502
- }
1503
- }
1504
- }
1505
- }
1506
- if (s !== c.length && c.slice(s).trim() !== "") return null;
1507
- let l = i ?? new Date(1970, 0, 1), u = o.hour;
1508
- u == null && o.hour12 != null && (u = o.hour12 % 12, o.isPm && (u += 12));
1509
- let d = o.year ?? l.getFullYear(), f = o.month ?? l.getMonth(), p = o.day ?? l.getDate(), m = new Date(d, f, p, u ?? l.getHours(), o.minute ?? l.getMinutes(), o.second ?? l.getSeconds(), o.ms ?? l.getMilliseconds());
1510
- return o.day != null && m.getDate() !== p || o.month != null && m.getMonth() !== f || isNaN(m.getTime()) ? null : m;
1511
- }
1512
- //#endregion
1513
- //#region ../grid/dist/createDateTimePicker.svelte.js
1514
- var Ot = () => typeof navigator < "u" ? navigator.language : "en-US";
1515
- function kt(t) {
1516
- let n = () => t.formatString?.() ?? "yyyy-MM-dd HH:mm", r = () => t.nullable?.() ?? !0, i = () => t.locale?.() ?? Ot(), a = () => t.dropDownDisplayMode?.() ?? "both", s = () => t.spinButtons?.() ?? !1, c = () => t.stepMinutes?.() ?? 1, l = () => t.disabled?.() ?? !1, u = () => t.readonly?.() ?? !1, d = e(() => !l() && !u()), f = e(() => U(t.min?.() ?? null)), m = e(() => U(t.max?.() ?? null)), h = v(null), _ = v(""), y = "￿";
1517
- o(() => {
1518
- let e = U(t.value()), r = e ? String(e.getTime()) : "null";
1519
- r !== y && (y = r, g(h, e, !0), g(_, e ? Ct(e, n(), i()) : "", !0));
1520
- });
1521
- let b = v(!1), x = v("date"), S = e(() => a() !== "time"), C = e(() => a() !== "calendar");
1522
- function w(e) {
1523
- let r = e ? le(e, p(f), p(m)) : null;
1524
- g(h, r, !0), y = r ? String(r.getTime()) : "null", g(_, r ? Ct(r, n(), i()) : "", !0), t.onChange?.(r);
1525
- }
1526
- function T() {
1527
- let e = p(_).trim();
1528
- if (!e) {
1529
- r() ? w(null) : g(_, p(h) ? Ct(p(h), n(), i()) : "", !0);
1530
- return;
1531
- }
1532
- let t = Dt(e, n(), i(), 2029, p(h) ?? /* @__PURE__ */ new Date());
1533
- t ? w(t) : g(_, p(h) ? Ct(p(h), n(), i()) : "", !0);
1534
- }
1535
- function E(e) {
1536
- let t = p(h) ?? /* @__PURE__ */ new Date();
1537
- w(new Date(t.getTime() + e * 6e4));
1538
- }
1539
- function D(e) {
1540
- let n = e[0];
1541
- n && (w(Y(n, p(h) ?? W(n))), a() === "calendar" ? (g(b, !1), t.onCommit?.(p(h))) : a() === "both" && g(x, "time"));
1542
- }
1543
- function O(e) {
1544
- w(Y(p(h) ?? /* @__PURE__ */ new Date(), e));
1545
- }
1546
- function k() {
1547
- !p(d) || p(b) || (g(x, a() === "time" ? "time" : "date", !0), g(b, !0));
1548
- }
1549
- function A() {
1550
- g(b, !1);
1551
- }
1552
- function j() {
1553
- (p(b) ? A : k)();
1554
- }
1555
- function M(e) {
1556
- g(x, e, !0);
1557
- }
1558
- function N(e) {
1559
- e.key === "Enter" ? (e.preventDefault(), T(), A(), t.onCommit?.(p(h))) : e.key === "Escape" ? (A(), t.onCancel?.()) : e.key === "ArrowDown" && (e.altKey || !p(_)) ? (e.preventDefault(), k()) : s() && e.key === "ArrowUp" ? (e.preventDefault(), E(c())) : s() && e.key === "ArrowDown" && (e.preventDefault(), E(-c()));
1560
- }
1561
- return {
1562
- get current() {
1563
- return p(h);
1564
- },
1565
- get text() {
1566
- return p(_);
1567
- },
1568
- set text(e) {
1569
- g(_, e, !0);
1570
- },
1571
- get open() {
1572
- return p(b);
1573
- },
1574
- get tab() {
1575
- return p(x);
1576
- },
1577
- get isInteractive() {
1578
- return p(d);
1579
- },
1580
- get showDateTab() {
1581
- return p(S);
1582
- },
1583
- get showTimeTab() {
1584
- return p(C);
1585
- },
1586
- commit: w,
1587
- commitFromText: T,
1588
- bump: E,
1589
- onCalendarChange: D,
1590
- onTimeChange: O,
1591
- openPanel: k,
1592
- closePanel: A,
1593
- toggle: j,
1594
- setTab: M,
1595
- onInputKeydown: N,
1596
- inputProps() {
1597
- return {
1598
- id: t.id?.(),
1599
- type: "text",
1600
- disabled: l(),
1601
- readonly: u(),
1602
- ...R({
1603
- id: t.id?.(),
1604
- invalid: t.invalid?.(),
1605
- required: t.required?.(),
1606
- error: t.error?.(),
1607
- hint: t.hint?.(),
1608
- ariaLabel: t.ariaLabel?.()
1609
- }),
1610
- onblur: T,
1611
- onkeydown: N
1612
- };
1613
- },
1614
- toggleProps() {
1615
- return {
1616
- type: "button",
1617
- "aria-label": t.toggleLabel?.() ?? "Open picker",
1618
- "aria-haspopup": "dialog",
1619
- "aria-expanded": p(b),
1620
- disabled: !p(d),
1621
- tabindex: -1,
1622
- onclick: j
1623
- };
1624
- },
1625
- clearProps() {
1626
- return {
1627
- type: "button",
1628
- "aria-label": t.clearLabel?.() ?? "Clear",
1629
- onclick: () => w(null)
1630
- };
1631
- },
1632
- spinProps(e) {
1633
- return {
1634
- type: "button",
1635
- tabindex: -1,
1636
- "aria-label": e === 1 ? "Increment" : "Decrement",
1637
- disabled: !p(d),
1638
- onclick: () => E(e * c())
1639
- };
1640
- },
1641
- tabProps(e) {
1642
- return {
1643
- type: "button",
1644
- role: "tab",
1645
- "aria-selected": p(x) === e,
1646
- onclick: () => M(e)
1647
- };
1648
- }
1649
- };
1650
- }
1651
- //#endregion
1652
- //#region ../grid/dist/SvDateTimePicker.svelte
1653
- var At = T("<div class=\"sv-dtp__spin svelte-8dgo1g\"><button>▲</button> <button>▼</button></div>"), jt = T("<button>&times;</button>"), Mt = T("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), Nt = T("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), Pt = T("<input type=\"hidden\"/>"), Ft = T("<div><div><!> <input/> <!> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg></button></div> <!> <!></div>");
1654
- function It(t, r) {
1655
- j(r, !0);
1656
- let a = {
1657
- dialog: "Choose date and time",
1658
- date: "DATE",
1659
- time: "TIME",
1660
- clear: "Clear",
1661
- open: "Open picker"
1662
- }, u = D(r, "value", 3, null), f = D(r, "formatString", 3, "yyyy-MM-dd HH:mm"), m = D(r, "min", 3, null), T = D(r, "max", 3, null), O = D(r, "nullable", 3, !0), P = D(r, "placeholder", 3, "Select date & time"), L = D(r, "disabled", 3, !1), R = D(r, "readonly", 3, !1), U = D(r, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), W = D(r, "firstDayOfWeek", 3, 0), re = D(r, "weekNumbers", 3, !1), ie = D(r, "hourFormat", 3, "24-hour"), ae = D(r, "minuteInterval", 3, 1), G = D(r, "dropDownDisplayMode", 3, "both"), K = D(r, "spinButtons", 3, !1), oe = D(r, "stepMinutes", 3, 1), q = D(r, "autoOpen", 3, !1), J = D(r, "block", 3, !1), se = D(r, "animate", 3, !1), ce = D(r, "invalid", 3, !1), le = D(r, "required", 3, !1), ue = te("sv-dtp"), de = e(() => r.id ?? ue), fe = e(() => ee(a, r.messages)), pe = e(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), Y = kt({
1663
- value: () => u(),
1664
- onChange: (e) => r.onChange?.(e),
1665
- onCommit: (e) => r.onCommit?.(e),
1666
- onCancel: () => r.onCancel?.(),
1667
- formatString: () => f(),
1668
- min: () => m(),
1669
- max: () => T(),
1670
- nullable: () => O(),
1671
- locale: () => U(),
1672
- dropDownDisplayMode: () => G(),
1673
- spinButtons: () => K(),
1674
- stepMinutes: () => oe(),
1675
- disabled: () => L(),
1676
- readonly: () => R(),
1677
- toggleLabel: () => p(fe).open,
1678
- clearLabel: () => p(fe).clear,
1679
- id: () => p(de),
1680
- invalid: () => ce(),
1681
- required: () => le(),
1682
- error: () => r.error,
1683
- hint: () => r.hint,
1684
- ariaLabel: () => r.ariaLabel
1685
- }), X = v(null), Z = v(null), me = v(_({
1686
- top: 0,
1687
- left: 0,
1688
- width: 0,
1689
- openUpward: !1,
1690
- maxHeight: 0,
1691
- availHeight: 0
1692
- }));
1693
- function Q() {
1694
- p(X) && g(me, B(p(X).getBoundingClientRect(), {
1695
- estimatedHeight: 360,
1696
- minWidth: 300
1697
- }), !0);
1698
- }
1699
- o(() => {
1700
- if (!Y.open) return;
1701
- Q();
1702
- let e = () => Q();
1703
- window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
1704
- let t = H({
1705
- element: () => [p(X), p(Z)],
1706
- onDismiss: () => Y.closePanel(),
1707
- closeOnEscape: !1
1708
- });
1709
- return t.activate(), () => {
1710
- window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), t.release();
1711
- };
1712
- });
1713
- function he(e) {
1714
- q() && (e.focus(), Y.openPanel());
1715
- }
1716
- function ge(e) {
1717
- let t = e.relatedTarget;
1718
- t && (p(X)?.contains(t) || p(Z)?.contains(t)) || r.onCommit?.(Y.current);
1719
- }
1720
- V(t, {
1721
- get id() {
1722
- return p(de);
1723
- },
1724
- get label() {
1725
- return r.label;
1726
- },
1727
- get hint() {
1728
- return r.hint;
1729
- },
1730
- get error() {
1731
- return r.error;
1732
- },
1733
- get required() {
1734
- return le();
1735
- },
1736
- get dir() {
1737
- return r.dir;
1738
- },
1739
- get block() {
1740
- return J();
1741
- },
1742
- children: (e, t) => {
1743
- var a = Ft();
1744
- let o;
1745
- var u = l(a);
1746
- let f;
1747
- var _ = l(u), v = (e) => {
1748
- var t = At(), n = l(t);
1749
- M(n, (e) => ({ ...e }), [() => Y.spinProps(1)], void 0, void 0, "svelte-8dgo1g");
1750
- var r = c(n, 2);
1751
- M(r, (e) => ({ ...e }), [() => Y.spinProps(-1)], void 0, void 0, "svelte-8dgo1g"), k(t), E(e, t);
1752
- };
1753
- i(_, (e) => {
1754
- K() && e(v);
1755
- });
1756
- var S = c(_, 2);
1757
- M(S, (e) => ({
1758
- class: "sv-dtp__input",
1759
- placeholder: P(),
1760
- ...e
1761
- }), [() => Y.inputProps()], void 0, void 0, "svelte-8dgo1g", !0), n(() => A(S, () => Y.text, (e) => Y.text = e)), F(S, (e) => he?.(e));
1762
- var D = c(S, 2), j = (e) => {
1763
- var t = jt();
1764
- M(t, (e) => ({
1765
- class: "sv-dtp__clear",
1766
- ...e
1767
- }), [() => Y.clearProps()], void 0, void 0, "svelte-8dgo1g"), E(e, t);
1768
- };
1769
- i(D, (e) => {
1770
- O() && Y.current && Y.isInteractive && e(j);
1771
- });
1772
- var ee = c(D, 2);
1773
- M(ee, (e) => ({
1774
- class: "sv-dtp__toggle",
1775
- ...e
1776
- }), [() => Y.toggleProps()], void 0, void 0, "svelte-8dgo1g"), k(u), y(u, (e) => g(X, e), () => p(X));
1777
- var te = c(u, 2), R = (e) => {
1778
- var t = Nt();
1779
- let n;
1780
- var r = l(t), a = (e) => {
1781
- var t = Mt(), n = l(t);
1782
- M(n, (e) => ({
1783
- ...e,
1784
- [b]: { "is-active": Y.tab === "date" }
1785
- }), [() => Y.tabProps("date")], void 0, void 0, "svelte-8dgo1g");
1786
- var r = l(n, !0);
1787
- k(n);
1788
- var i = c(n, 2);
1789
- M(i, (e) => ({
1790
- ...e,
1791
- [b]: { "is-active": Y.tab === "time" }
1792
- }), [() => Y.tabProps("time")], void 0, void 0, "svelte-8dgo1g");
1793
- var a = l(i, !0);
1794
- k(i), k(t), h(() => {
1795
- d(r, p(fe).date), d(a, p(fe).time);
1796
- }), E(e, t);
1797
- };
1798
- i(r, (e) => {
1799
- Y.showDateTab && Y.showTimeTab && e(a);
1800
- });
1801
- var o = c(r, 2), s = l(o), u = (e) => {
1802
- et(e, {
1803
- get value() {
1804
- return Y.current;
1805
- },
1806
- selectionMode: "one",
1807
- get min() {
1808
- return m();
1809
- },
1810
- get max() {
1811
- return T();
1812
- },
1813
- get firstDayOfWeek() {
1814
- return W();
1815
- },
1816
- get weekNumbers() {
1817
- return re();
1818
- },
1819
- get locale() {
1820
- return U();
1821
- },
1822
- get animate() {
1823
- return se();
1824
- },
1825
- get dir() {
1826
- return p(pe);
1827
- },
1828
- get onChange() {
1829
- return Y.onCalendarChange;
1830
- }
1831
- });
1832
- }, f = (e) => {
1833
- mt(e, {
1834
- get value() {
1835
- return Y.current;
1836
- },
1837
- get format() {
1838
- return ie();
1839
- },
1840
- get minuteInterval() {
1841
- return ae();
1842
- },
1843
- footer: !0,
1844
- get dir() {
1845
- return p(pe);
1846
- },
1847
- get onChange() {
1848
- return Y.onTimeChange;
1849
- }
1850
- });
1851
- };
1852
- i(s, (e) => {
1853
- Y.tab === "date" && Y.showDateTab ? e(u) : Y.showTimeTab && e(f, 1);
1854
- }), k(o), k(t), y(t, (e) => g(Z, e), () => p(Z)), F(t, (e) => ne?.(e)), F(t, (e, t) => z?.(e, t), () => ({ up: p(me).openUpward })), h(() => {
1855
- C(t, "aria-label", p(fe).dialog), C(t, "dir", p(pe)), n = N(t, "", n, {
1856
- position: "fixed",
1857
- top: `${p(me).top}px`,
1858
- left: `${p(me).left}px`
1859
- }), t.dir = t.dir;
1860
- }), E(e, t);
1861
- };
1862
- i(te, (e) => {
1863
- Y.open && e(R);
1864
- });
1865
- var B = c(te, 2), V = (e) => {
1866
- var t = Pt();
1867
- x(t), h((e) => {
1868
- C(t, "name", r.name), w(t, e);
1869
- }, [() => Y.current ? Y.current.toISOString() : ""]), E(e, t);
1870
- };
1871
- i(B, (e) => {
1872
- r.name && e(V);
1873
- }), k(a), h(() => {
1874
- o = I(a, 1, "sv-dtp svelte-8dgo1g", null, o, {
1875
- "sv-dtp--disabled": L(),
1876
- "sv-dtp--block": J()
1877
- }), C(a, "dir", p(pe)), f = I(u, 1, "sv-dtp__field svelte-8dgo1g", null, f, { "is-invalid": ce() }), a.dir = a.dir;
1878
- }), s("focusout", a, ge), E(e, a);
1879
- },
1880
- $$slots: { default: !0 }
1881
- }), S();
1882
- }
1883
- a(["focusout"]);
1884
- //#endregion
1885
- export { It as default };