@tempots/beatui 0.91.0 → 0.93.0
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/auth/index.cjs.js +1 -1
- package/dist/auth/index.es.js +1 -1
- package/dist/{auth-divider-VzrKnv2d.cjs → auth-divider-C3E16pml.cjs} +1 -1
- package/dist/{auth-divider-B4n8lGx5.js → auth-divider-Rt0WDKAe.js} +3 -3
- package/dist/beatui.css +271 -262
- package/dist/beatui.tailwind.css +271 -262
- package/dist/better-auth/index.cjs.js +1 -1
- package/dist/better-auth/index.es.js +2 -2
- package/dist/deep-merge-Blrucd-E.cjs +1 -0
- package/dist/{deep-merge-BdRgguFO.js → deep-merge-CoLO4id0.js} +593 -587
- package/dist/duration-input-47x7nbGh.cjs +1 -0
- package/dist/{duration-input-BZhzeELL.js → duration-input-DrVonjKK.js} +42 -42
- package/dist/index.cjs.js +2 -2
- package/dist/index.es.js +692 -691
- package/dist/json-schema/index.cjs.js +1 -1
- package/dist/json-schema/index.es.js +5 -5
- package/dist/json-structure/index.cjs.js +1 -1
- package/dist/json-structure/index.es.js +3 -3
- package/dist/lexical/index.cjs.js +25 -25
- package/dist/lexical/index.es.js +1820 -1812
- package/dist/lexical.css +51 -49
- package/dist/{modal-C-d5Btti.cjs → modal-DUlqGUW7.cjs} +1 -1
- package/dist/{modal-DTz98Dk7.js → modal-ZitwUeXx.js} +1 -1
- package/dist/{notice-BDTfBGtx.cjs → notice-DAVOTnfA.cjs} +1 -1
- package/dist/{notice-CZuh-h6a.js → notice-E_p2hg1G.js} +1 -1
- package/dist/styles-url-BIeImEjl.js +4 -0
- package/dist/styles-url-CkPTI32j.cjs +1 -0
- package/dist/types/lexical/types.d.ts +5 -0
- package/dist/{use-form-Cd8YFWaN.js → use-form-BQRVnIp9.js} +167 -166
- package/dist/use-form-DTyNw0kM.cjs +2 -0
- package/dist/{widget-customization-BY4Ox_4e.js → widget-customization-C-fSx3RB.js} +307 -306
- package/dist/widget-customization-xEBfEPhQ.cjs +1 -0
- package/package.json +1 -1
- package/dist/deep-merge-CI1g9sjh.cjs +0 -1
- package/dist/duration-input-a1fCTfKl.cjs +0 -1
- package/dist/styles-url-4g2WnNJ8.js +0 -4
- package/dist/styles-url-mlDYoWbF.cjs +0 -1
- package/dist/use-form-DQVN_Zjb.cjs +0 -2
- package/dist/widget-customization-eyQ2pxvu.cjs +0 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { Use as q, coalesce as G, aria as V, attr as c, on as
|
|
1
|
+
import { Use as q, coalesce as G, aria as V, attr as c, on as E, html as m, Value as C, Empty as T, computedOf as k, When as A, dataAttr as P, TextNode as J, prop as w, Fragment as $, emitValueAsNumber as Q, emitValue as X } from "@tempots/dom";
|
|
2
2
|
import { B as Y, I as z } from "./translations-CiBhB2FV.js";
|
|
3
3
|
import { B as Z, I as ee } from "./input-container-9r1F3KuX.js";
|
|
4
4
|
import { M as te, L as se, i as g } from "./stack-Bm-UZosx.js";
|
|
5
5
|
import { s as j } from "./session-id-3KiilioY.js";
|
|
6
|
-
const
|
|
6
|
+
const S = (s, e) => s === e || s !== s && e !== e;
|
|
7
7
|
function we({
|
|
8
8
|
size: s = "sm",
|
|
9
9
|
icon: e = "line-md:close",
|
|
10
10
|
disabled: t,
|
|
11
11
|
roundedness: n = "full",
|
|
12
12
|
color: i = "base",
|
|
13
|
-
onClick:
|
|
14
|
-
label:
|
|
13
|
+
onClick: o,
|
|
14
|
+
label: a
|
|
15
15
|
}, ...r) {
|
|
16
16
|
return q(Y, (l) => {
|
|
17
|
-
const d = G(
|
|
17
|
+
const d = G(a, l.$.closeModal);
|
|
18
18
|
return Z(
|
|
19
19
|
{
|
|
20
20
|
variant: "text",
|
|
@@ -22,7 +22,7 @@ function we({
|
|
|
22
22
|
roundedness: n,
|
|
23
23
|
disabled: t,
|
|
24
24
|
color: i,
|
|
25
|
-
onClick:
|
|
25
|
+
onClick: o
|
|
26
26
|
},
|
|
27
27
|
c.title(d),
|
|
28
28
|
V.label(d),
|
|
@@ -36,18 +36,19 @@ const De = (s) => {
|
|
|
36
36
|
value: e,
|
|
37
37
|
onBlur: t,
|
|
38
38
|
onChange: n,
|
|
39
|
-
|
|
39
|
+
onInput: i,
|
|
40
|
+
placeholder: o,
|
|
40
41
|
disabled: a,
|
|
41
|
-
id:
|
|
42
|
-
checkedIcon:
|
|
43
|
-
uncheckedIcon:
|
|
44
|
-
iconSize:
|
|
45
|
-
} = s,
|
|
42
|
+
id: r,
|
|
43
|
+
checkedIcon: l,
|
|
44
|
+
uncheckedIcon: d,
|
|
45
|
+
iconSize: u = "lg"
|
|
46
|
+
} = s, p = r ?? j("checkbox"), v = `${p}-label`, y = () => {
|
|
46
47
|
if (C.get(a ?? !1)) return;
|
|
47
|
-
const
|
|
48
|
-
n?.(!
|
|
49
|
-
},
|
|
50
|
-
C.get(a ?? !1) || (
|
|
48
|
+
const h = C.get(e);
|
|
49
|
+
n?.(!h), i?.(!h);
|
|
50
|
+
}, f = (h) => {
|
|
51
|
+
C.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), y());
|
|
51
52
|
};
|
|
52
53
|
return ee(
|
|
53
54
|
{
|
|
@@ -61,49 +62,49 @@ const De = (s) => {
|
|
|
61
62
|
c.class(
|
|
62
63
|
C.map(
|
|
63
64
|
e,
|
|
64
|
-
(
|
|
65
|
+
(h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
|
|
65
66
|
)
|
|
66
67
|
),
|
|
67
68
|
c.class(
|
|
68
69
|
C.map(
|
|
69
70
|
a ?? !1,
|
|
70
|
-
(
|
|
71
|
+
(h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
|
|
71
72
|
)
|
|
72
73
|
),
|
|
73
|
-
c.id(
|
|
74
|
+
c.id(p),
|
|
74
75
|
c.role("checkbox"),
|
|
75
76
|
c.tabindex(
|
|
76
77
|
C.map(
|
|
77
78
|
a ?? !1,
|
|
78
|
-
(
|
|
79
|
+
(h) => h ? -1 : 0
|
|
79
80
|
)
|
|
80
81
|
),
|
|
81
82
|
V.checked(e),
|
|
82
83
|
V.disabled(a),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
t != null ?
|
|
84
|
+
o != null ? V.labelledby(v) : T,
|
|
85
|
+
E.keydown(f),
|
|
86
|
+
t != null ? E.blur(t) : T,
|
|
86
87
|
z({
|
|
87
|
-
icon:
|
|
88
|
+
icon: k(
|
|
88
89
|
e,
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
l,
|
|
91
|
+
d
|
|
91
92
|
)(
|
|
92
|
-
(
|
|
93
|
+
(h, D, I) => h ? D ?? "akar-icons/check-box-fill" : I ?? "akar-icons/box"
|
|
93
94
|
),
|
|
94
95
|
accessibility: "decorative",
|
|
95
|
-
size:
|
|
96
|
+
size: u
|
|
96
97
|
})
|
|
97
98
|
),
|
|
98
|
-
|
|
99
|
+
o != null ? m.label(
|
|
99
100
|
c.class("bc-checkbox-input__label"),
|
|
100
|
-
c.id(
|
|
101
|
-
c.for(
|
|
102
|
-
te(
|
|
101
|
+
c.id(v),
|
|
102
|
+
c.for(p),
|
|
103
|
+
te(o)
|
|
103
104
|
) : T
|
|
104
105
|
)
|
|
105
106
|
},
|
|
106
|
-
|
|
107
|
+
E.click(y)
|
|
107
108
|
);
|
|
108
109
|
}, ne = m.span(
|
|
109
110
|
c.class("bc-input-wrapper__required"),
|
|
@@ -127,19 +128,19 @@ const L = ({
|
|
|
127
128
|
label: t,
|
|
128
129
|
labelChildren: n,
|
|
129
130
|
context: i,
|
|
130
|
-
description:
|
|
131
|
-
content:
|
|
131
|
+
description: o,
|
|
132
|
+
content: a,
|
|
132
133
|
error: r,
|
|
133
134
|
labelFor: l,
|
|
134
135
|
hasError: d,
|
|
135
|
-
disabled:
|
|
136
|
+
disabled: u,
|
|
136
137
|
layout: p,
|
|
137
138
|
labelWidth: v
|
|
138
|
-
}, ...
|
|
139
|
-
const
|
|
139
|
+
}, ...y) => {
|
|
140
|
+
const f = d ?? r != null, h = u ?? !1, D = p ?? "vertical", I = j("input-wrapper"), x = o ? `${I}-description` : void 0, O = r != null ? `${I}-error` : void 0, H = k(D)((b) => b !== "vertical"), K = k(
|
|
140
141
|
D,
|
|
141
142
|
v ?? void 0
|
|
142
|
-
)((b,
|
|
143
|
+
)((b, M) => ae(b, M));
|
|
143
144
|
return m.div(
|
|
144
145
|
c.class(C.map(D, (b) => ie(b))),
|
|
145
146
|
c.class(
|
|
@@ -158,13 +159,13 @@ const L = ({
|
|
|
158
159
|
l != null ? c.for(l) : T,
|
|
159
160
|
m.span(
|
|
160
161
|
c.class(
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
k(
|
|
163
|
+
f,
|
|
164
|
+
h
|
|
164
165
|
)(
|
|
165
|
-
(b,
|
|
166
|
+
(b, M) => re(
|
|
166
167
|
b ?? !1,
|
|
167
|
-
|
|
168
|
+
M ?? !1
|
|
168
169
|
)
|
|
169
170
|
)
|
|
170
171
|
),
|
|
@@ -174,16 +175,16 @@ const L = ({
|
|
|
174
175
|
),
|
|
175
176
|
// Show description under label when horizontal
|
|
176
177
|
A(
|
|
177
|
-
|
|
178
|
+
k(
|
|
178
179
|
H,
|
|
179
|
-
|
|
180
|
-
)((b,
|
|
180
|
+
o
|
|
181
|
+
)((b, M) => b && M != null),
|
|
181
182
|
() => m.div(
|
|
182
183
|
c.class(
|
|
183
184
|
"bc-input-wrapper__description bc-input-wrapper__description--under-label"
|
|
184
185
|
),
|
|
185
186
|
c.id(x),
|
|
186
|
-
|
|
187
|
+
o
|
|
187
188
|
)
|
|
188
189
|
)
|
|
189
190
|
),
|
|
@@ -197,20 +198,20 @@ const L = ({
|
|
|
197
198
|
[x, O].filter(Boolean).join(" ")
|
|
198
199
|
) : T,
|
|
199
200
|
e ? P.required("true") : T,
|
|
200
|
-
A(
|
|
201
|
-
|
|
201
|
+
A(f, () => P.invalid("true")),
|
|
202
|
+
a
|
|
202
203
|
),
|
|
203
204
|
// Show description at bottom only when not horizontal
|
|
204
205
|
A(
|
|
205
|
-
|
|
206
|
+
k(H, o)((b, M) => !b && M != null),
|
|
206
207
|
() => m.div(
|
|
207
208
|
c.class("bc-input-wrapper__description"),
|
|
208
209
|
c.id(x),
|
|
209
|
-
|
|
210
|
+
o
|
|
210
211
|
)
|
|
211
212
|
),
|
|
212
213
|
A(
|
|
213
|
-
|
|
214
|
+
f,
|
|
214
215
|
() => m.div(
|
|
215
216
|
c.class("bc-input-wrapper__error"),
|
|
216
217
|
c.id(O),
|
|
@@ -221,7 +222,7 @@ const L = ({
|
|
|
221
222
|
r
|
|
222
223
|
)
|
|
223
224
|
),
|
|
224
|
-
...
|
|
225
|
+
...y
|
|
225
226
|
);
|
|
226
227
|
}, oe = (
|
|
227
228
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -232,30 +233,30 @@ const L = ({
|
|
|
232
233
|
s.change(t), e?.(t);
|
|
233
234
|
};
|
|
234
235
|
function W(s, e) {
|
|
235
|
-
const { controller: t, onBlur: n, onChange: i, id:
|
|
236
|
+
const { controller: t, onBlur: n, onChange: i, id: o, triggerOn: a, ...r } = e;
|
|
236
237
|
return s({
|
|
237
|
-
id:
|
|
238
|
+
id: o ?? t.name,
|
|
238
239
|
disabled: t.disabled,
|
|
239
240
|
value: t.signal,
|
|
240
241
|
hasError: t.errorVisible,
|
|
241
242
|
name: t.name,
|
|
242
243
|
...r,
|
|
243
|
-
onInput:
|
|
244
|
-
onChange:
|
|
244
|
+
onInput: a === "input" ? F(t, i) : void 0,
|
|
245
|
+
onChange: a !== "input" ? F(t, i) : void 0,
|
|
245
246
|
onBlur: oe(t, n)
|
|
246
247
|
});
|
|
247
248
|
}
|
|
248
249
|
function Ce(s, { id: e, labelFor: t, ...n }, ...i) {
|
|
249
|
-
const
|
|
250
|
+
const o = e ?? n.controller.name ?? j("control"), a = t ?? o;
|
|
250
251
|
return L(
|
|
251
252
|
{
|
|
252
253
|
...n,
|
|
253
254
|
hasError: n.controller.errorVisible,
|
|
254
255
|
// TODO: Remove Primitive annotation once @tempots/dom TextNode is generic
|
|
255
256
|
error: J(n.controller.error.map((r) => r ?? "")),
|
|
256
|
-
labelFor:
|
|
257
|
+
labelFor: a,
|
|
257
258
|
content: W(
|
|
258
|
-
(r) => s({ ...r, id:
|
|
259
|
+
(r) => s({ ...r, id: o }),
|
|
259
260
|
n
|
|
260
261
|
)
|
|
261
262
|
},
|
|
@@ -263,10 +264,10 @@ function Ce(s, { id: e, labelFor: t, ...n }, ...i) {
|
|
|
263
264
|
);
|
|
264
265
|
}
|
|
265
266
|
function le(s, e) {
|
|
266
|
-
const { toInput: t, fromInput: n, controller: i, ...
|
|
267
|
+
const { toInput: t, fromInput: n, controller: i, ...o } = e, a = i.transform(t, n);
|
|
267
268
|
return W(s, {
|
|
268
|
-
...
|
|
269
|
-
controller:
|
|
269
|
+
...o,
|
|
270
|
+
controller: a
|
|
270
271
|
});
|
|
271
272
|
}
|
|
272
273
|
function Te(s, {
|
|
@@ -274,14 +275,14 @@ function Te(s, {
|
|
|
274
275
|
labelFor: t,
|
|
275
276
|
...n
|
|
276
277
|
}, ...i) {
|
|
277
|
-
const
|
|
278
|
+
const o = e ?? n.controller.name ?? j("control");
|
|
278
279
|
return L(
|
|
279
280
|
{
|
|
280
281
|
...n,
|
|
281
|
-
labelFor: t ??
|
|
282
|
+
labelFor: t ?? o,
|
|
282
283
|
content: le(s, {
|
|
283
284
|
...n,
|
|
284
|
-
id:
|
|
285
|
+
id: o
|
|
285
286
|
})
|
|
286
287
|
},
|
|
287
288
|
...i
|
|
@@ -361,11 +362,11 @@ class _ {
|
|
|
361
362
|
/** Reactive signal containing nested field errors for child controllers. */
|
|
362
363
|
dependencyErrors;
|
|
363
364
|
#e = {
|
|
364
|
-
disabled:
|
|
365
|
-
touched:
|
|
365
|
+
disabled: w(!1),
|
|
366
|
+
touched: w(!1)
|
|
366
367
|
};
|
|
367
368
|
#s;
|
|
368
|
-
#t =
|
|
369
|
+
#t = w(void 0);
|
|
369
370
|
/** Parent controller context providing disabled state and optional validation mode. */
|
|
370
371
|
parent;
|
|
371
372
|
/** Reactive signal indicating whether this field is disabled (combines local and parent disabled state). */
|
|
@@ -383,25 +384,25 @@ class _ {
|
|
|
383
384
|
* @param parent - Parent context with disabled state and optional validation mode
|
|
384
385
|
* @param equals - Equality function for dirty tracking (defaults to strictEqual)
|
|
385
386
|
*/
|
|
386
|
-
constructor(e, t, n, i,
|
|
387
|
-
this.path = e, this.change = t, this.signal = n, this.status = i, this.#s =
|
|
387
|
+
constructor(e, t, n, i, o, a = S) {
|
|
388
|
+
this.path = e, this.change = t, this.signal = n, this.status = i, this.#s = a, this.#t.set(n.value), this.error = i.map(
|
|
388
389
|
(r) => r?.type === "invalid" ? r.error?.message : void 0
|
|
389
|
-
), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched,
|
|
390
|
+
), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched, o.validationMode ? this.errorVisible = k(
|
|
390
391
|
this.hasError,
|
|
391
392
|
this.touched,
|
|
392
|
-
|
|
393
|
-
)((r, l, d) => d === "eager" ? !!r : !!r && !!l) : this.errorVisible =
|
|
393
|
+
o.validationMode
|
|
394
|
+
)((r, l, d) => d === "eager" ? !!r : !!r && !!l) : this.errorVisible = k(
|
|
394
395
|
this.hasError,
|
|
395
396
|
this.touched
|
|
396
|
-
)((r, l) => !!r && !!l), this.dirty =
|
|
397
|
+
)((r, l) => !!r && !!l), this.dirty = k(
|
|
397
398
|
this.signal,
|
|
398
399
|
this.#t
|
|
399
400
|
)((r, l) => !this.#s(r, l)), this.dependencyErrors = i.map(
|
|
400
401
|
(r) => r?.type === "invalid" ? r.error?.dependencies : void 0
|
|
401
|
-
), this.parent =
|
|
402
|
+
), this.parent = o, this.disabled = k(
|
|
402
403
|
this.#e.disabled,
|
|
403
|
-
|
|
404
|
-
)((r, l) => r || l), this.disabledOrHasErrors =
|
|
404
|
+
o.disabled
|
|
405
|
+
)((r, l) => r || l), this.disabledOrHasErrors = k(
|
|
405
406
|
this.disabled,
|
|
406
407
|
this.hasError
|
|
407
408
|
)((r, l) => r || l), this.onDispose(() => {
|
|
@@ -481,7 +482,7 @@ class _ {
|
|
|
481
482
|
* @param equals - Equality function for array comparison (defaults to strictEqual)
|
|
482
483
|
* @returns An ArrayController instance
|
|
483
484
|
*/
|
|
484
|
-
array = (e =
|
|
485
|
+
array = (e = S) => new de(
|
|
485
486
|
this.path,
|
|
486
487
|
this.change,
|
|
487
488
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -496,7 +497,7 @@ class _ {
|
|
|
496
497
|
* @param equals - Equality function for object comparison (defaults to strictEqual)
|
|
497
498
|
* @returns An ObjectController instance
|
|
498
499
|
*/
|
|
499
|
-
object = (e =
|
|
500
|
+
object = (e = S) => new ue(
|
|
500
501
|
this.path,
|
|
501
502
|
this.change,
|
|
502
503
|
this.signal,
|
|
@@ -524,9 +525,9 @@ class _ {
|
|
|
524
525
|
* )
|
|
525
526
|
* ```
|
|
526
527
|
*/
|
|
527
|
-
transform = (e, t, n = [], i =
|
|
528
|
+
transform = (e, t, n = [], i = S) => new _(
|
|
528
529
|
[...this.path, ...n],
|
|
529
|
-
(
|
|
530
|
+
(o) => this.change(t(o)),
|
|
530
531
|
this.signal.map(e, i),
|
|
531
532
|
this.status.map(B(n)),
|
|
532
533
|
this.parent,
|
|
@@ -544,27 +545,27 @@ class _ {
|
|
|
544
545
|
* @param equals - Equality function for the transformed type
|
|
545
546
|
* @returns A new Controller instance managing the async-transformed value
|
|
546
547
|
*/
|
|
547
|
-
asyncTransform = (e, t, n, i = [],
|
|
548
|
+
asyncTransform = (e, t, n, i = [], o = S) => new _(
|
|
548
549
|
[...this.path, ...i],
|
|
549
|
-
(
|
|
550
|
-
t(
|
|
550
|
+
(a) => {
|
|
551
|
+
t(a).then((r) => this.change(r));
|
|
551
552
|
},
|
|
552
|
-
this.signal.mapAsync(e, n, void 0,
|
|
553
|
+
this.signal.mapAsync(e, n, void 0, o),
|
|
553
554
|
this.status.map(B(i)),
|
|
554
555
|
this.parent,
|
|
555
|
-
|
|
556
|
+
o
|
|
556
557
|
);
|
|
557
558
|
}
|
|
558
559
|
class ue extends _ {
|
|
559
560
|
#e = /* @__PURE__ */ new Map();
|
|
560
561
|
#s = /* @__PURE__ */ new Map();
|
|
561
562
|
#t = /* @__PURE__ */ new Map();
|
|
562
|
-
#n =
|
|
563
|
+
#n = w(!1);
|
|
563
564
|
/** Reactive signal indicating whether this field or any child field is touched. */
|
|
564
565
|
touchedDeep = this.#n;
|
|
565
566
|
#r = /* @__PURE__ */ new Map();
|
|
566
567
|
#i = /* @__PURE__ */ new Map();
|
|
567
|
-
#o =
|
|
568
|
+
#o = w(!1);
|
|
568
569
|
/** Reactive signal indicating whether this field or any child field is dirty. */
|
|
569
570
|
dirtyDeep = this.#o;
|
|
570
571
|
#c;
|
|
@@ -578,14 +579,14 @@ class ue extends _ {
|
|
|
578
579
|
}
|
|
579
580
|
this.#n.set(this.touched.value || e);
|
|
580
581
|
};
|
|
581
|
-
constructor(e, t, n, i,
|
|
582
|
+
constructor(e, t, n, i, o, a) {
|
|
582
583
|
super(
|
|
583
584
|
e,
|
|
584
585
|
t,
|
|
585
|
-
n.map((l) => l ?? {},
|
|
586
|
+
n.map((l) => l ?? {}, a),
|
|
586
587
|
i,
|
|
587
|
-
|
|
588
|
-
|
|
588
|
+
o,
|
|
589
|
+
a
|
|
589
590
|
), this.#c = this.touched.on(() => {
|
|
590
591
|
this.#l();
|
|
591
592
|
}), this.#h = this.dirty.on(() => {
|
|
@@ -619,15 +620,15 @@ class ue extends _ {
|
|
|
619
620
|
field = (e) => {
|
|
620
621
|
if (this.#e.has(e))
|
|
621
622
|
return this.#e.get(e);
|
|
622
|
-
const t = async (
|
|
623
|
+
const t = async (a) => {
|
|
623
624
|
this.change({
|
|
624
625
|
...this.signal.value,
|
|
625
|
-
[e]:
|
|
626
|
+
[e]: a
|
|
626
627
|
});
|
|
627
628
|
}, n = new _(
|
|
628
629
|
[...this.path, e],
|
|
629
630
|
t,
|
|
630
|
-
this.signal.map((
|
|
631
|
+
this.signal.map((a) => a[e]),
|
|
631
632
|
this.status.map(B([e])),
|
|
632
633
|
{
|
|
633
634
|
disabled: this.disabled,
|
|
@@ -636,14 +637,14 @@ class ue extends _ {
|
|
|
636
637
|
}
|
|
637
638
|
);
|
|
638
639
|
this.#e.set(e, n);
|
|
639
|
-
const i = n.touched.on((
|
|
640
|
-
this.#s.set(e,
|
|
640
|
+
const i = n.touched.on((a) => {
|
|
641
|
+
this.#s.set(e, a), this.#l();
|
|
641
642
|
});
|
|
642
643
|
this.#t.set(e, i);
|
|
643
|
-
const
|
|
644
|
-
this.#r.set(e,
|
|
644
|
+
const o = n.dirty.on((a) => {
|
|
645
|
+
this.#r.set(e, a), this.#a();
|
|
645
646
|
});
|
|
646
|
-
return this.#i.set(e,
|
|
647
|
+
return this.#i.set(e, o), n;
|
|
647
648
|
};
|
|
648
649
|
/**
|
|
649
650
|
* Marks this field and all child fields as touched recursively.
|
|
@@ -684,12 +685,12 @@ class de extends _ {
|
|
|
684
685
|
length;
|
|
685
686
|
#s = /* @__PURE__ */ new Map();
|
|
686
687
|
#t = /* @__PURE__ */ new Map();
|
|
687
|
-
#n =
|
|
688
|
+
#n = w(!1);
|
|
688
689
|
/** Reactive signal indicating whether this array or any item is touched. */
|
|
689
690
|
touchedDeep = this.#n;
|
|
690
691
|
#r = /* @__PURE__ */ new Map();
|
|
691
692
|
#i = /* @__PURE__ */ new Map();
|
|
692
|
-
#o =
|
|
693
|
+
#o = w(!1);
|
|
693
694
|
/** Reactive signal indicating whether this array or any item is dirty. */
|
|
694
695
|
dirtyDeep = this.#o;
|
|
695
696
|
#c;
|
|
@@ -703,29 +704,29 @@ class de extends _ {
|
|
|
703
704
|
}
|
|
704
705
|
this.#n.set(this.touched.value || e);
|
|
705
706
|
};
|
|
706
|
-
constructor(e, t, n, i,
|
|
707
|
-
const r = n.map((
|
|
708
|
-
super(e, t, r, i,
|
|
709
|
-
const l = r.on((
|
|
710
|
-
const p = this.#e.length -
|
|
711
|
-
p > 0 && (this.#e.splice(
|
|
712
|
-
const
|
|
713
|
-
v.dispose(), this.#t.get(
|
|
707
|
+
constructor(e, t, n, i, o, a) {
|
|
708
|
+
const r = n.map((u) => u ?? [], a);
|
|
709
|
+
super(e, t, r, i, o, a);
|
|
710
|
+
const l = r.on((u) => {
|
|
711
|
+
const p = this.#e.length - u.length;
|
|
712
|
+
p > 0 && (this.#e.splice(u.length, p).forEach((v, y) => {
|
|
713
|
+
const f = u.length + y;
|
|
714
|
+
v.dispose(), this.#t.get(f)?.(), this.#t.delete(f), this.#s.delete(f), this.#i.get(f)?.(), this.#i.delete(f), this.#r.delete(f);
|
|
714
715
|
}), this.#l(), this.#a());
|
|
715
716
|
});
|
|
716
|
-
this.length = r.map((
|
|
717
|
+
this.length = r.map((u) => u.length), this.#c = this.touched.on(() => {
|
|
717
718
|
this.#l();
|
|
718
719
|
}), this.#h = this.dirty.on(() => {
|
|
719
720
|
this.#a();
|
|
720
721
|
});
|
|
721
722
|
const d = this.signal.on(() => this.#a());
|
|
722
723
|
this.onDispose(() => {
|
|
723
|
-
for (const
|
|
724
|
-
|
|
724
|
+
for (const u of this.#e)
|
|
725
|
+
u.dispose();
|
|
725
726
|
this.length.dispose(), this.#e.length = 0, l(), r.dispose();
|
|
726
|
-
for (const
|
|
727
|
+
for (const u of this.#t.values()) u();
|
|
727
728
|
this.#t.clear(), this.#s.clear(), this.#n.dispose();
|
|
728
|
-
for (const
|
|
729
|
+
for (const u of this.#i.values()) u();
|
|
729
730
|
this.#i.clear(), this.#r.clear(), this.#o.dispose(), this.#c(), this.#h(), d();
|
|
730
731
|
});
|
|
731
732
|
}
|
|
@@ -745,13 +746,13 @@ class de extends _ {
|
|
|
745
746
|
item = (e) => {
|
|
746
747
|
if (this.#e[e])
|
|
747
748
|
return this.#e[e];
|
|
748
|
-
const t = async (
|
|
749
|
+
const t = async (a) => {
|
|
749
750
|
const r = this.signal.value.slice();
|
|
750
|
-
r[e] =
|
|
751
|
+
r[e] = a, this.change(r);
|
|
751
752
|
}, n = new _(
|
|
752
753
|
[...this.path, e],
|
|
753
754
|
t,
|
|
754
|
-
this.signal.map((
|
|
755
|
+
this.signal.map((a) => a[e]),
|
|
755
756
|
this.status.map(B([e])),
|
|
756
757
|
{
|
|
757
758
|
disabled: this.disabled,
|
|
@@ -759,14 +760,14 @@ class de extends _ {
|
|
|
759
760
|
}
|
|
760
761
|
);
|
|
761
762
|
this.#e[e] = n;
|
|
762
|
-
const i = n.touched.on((
|
|
763
|
-
this.#s.set(e,
|
|
763
|
+
const i = n.touched.on((a) => {
|
|
764
|
+
this.#s.set(e, a), this.#l();
|
|
764
765
|
});
|
|
765
766
|
this.#t.set(e, i);
|
|
766
|
-
const
|
|
767
|
-
this.#r.set(e,
|
|
767
|
+
const o = n.dirty.on((a) => {
|
|
768
|
+
this.#r.set(e, a), this.#a();
|
|
768
769
|
});
|
|
769
|
-
return this.#i.set(e,
|
|
770
|
+
return this.#i.set(e, o), n;
|
|
770
771
|
};
|
|
771
772
|
/**
|
|
772
773
|
* Appends one or more items to the end of the array.
|
|
@@ -829,8 +830,8 @@ class de extends _ {
|
|
|
829
830
|
*/
|
|
830
831
|
move = (e, t, n = 1) => {
|
|
831
832
|
if (n < 1 || e === t) return;
|
|
832
|
-
const i = this.signal.value.slice(),
|
|
833
|
-
i.splice(t, 0, ...
|
|
833
|
+
const i = this.signal.value.slice(), o = i.splice(e, n);
|
|
834
|
+
i.splice(t, 0, ...o), this.change(i);
|
|
834
835
|
};
|
|
835
836
|
/**
|
|
836
837
|
* Marks this array and all item controllers as touched recursively.
|
|
@@ -870,12 +871,12 @@ function pe(s) {
|
|
|
870
871
|
);
|
|
871
872
|
}
|
|
872
873
|
function fe(s) {
|
|
873
|
-
const e = s.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = s.filter((i) => i.path != null && i.path.length > 0).reduce((i,
|
|
874
|
-
const
|
|
874
|
+
const e = s.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = s.filter((i) => i.path != null && i.path.length > 0).reduce((i, o) => {
|
|
875
|
+
const a = pe(o.path), r = a.pop();
|
|
875
876
|
let l = i;
|
|
876
|
-
for (const d of
|
|
877
|
+
for (const d of a)
|
|
877
878
|
l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
|
|
878
|
-
return l.dependencies == null && (l.dependencies = {}), l.dependencies[r] = { message:
|
|
879
|
+
return l.dependencies == null && (l.dependencies = {}), l.dependencies[r] = { message: o.message }, i;
|
|
879
880
|
}, {}), n = e.join(`
|
|
880
881
|
`);
|
|
881
882
|
return {
|
|
@@ -889,42 +890,42 @@ function be({
|
|
|
889
890
|
validate: t,
|
|
890
891
|
equals: n,
|
|
891
892
|
validationMode: i,
|
|
892
|
-
validateDebounceMs:
|
|
893
|
+
validateDebounceMs: o
|
|
893
894
|
}) {
|
|
894
|
-
const
|
|
895
|
-
r.set(
|
|
895
|
+
const a = C.deriveProp(s), r = w(g.valid), l = w(!1), d = w(i ?? "onTouched"), u = (h) => {
|
|
896
|
+
r.set(h);
|
|
896
897
|
};
|
|
897
898
|
let p;
|
|
898
|
-
const v = async (
|
|
899
|
+
const v = async (h) => {
|
|
899
900
|
if (t != null) {
|
|
900
|
-
const D = await t(
|
|
901
|
-
|
|
901
|
+
const D = await t(h);
|
|
902
|
+
u(D);
|
|
902
903
|
}
|
|
903
|
-
},
|
|
904
|
-
|
|
904
|
+
}, y = async (h) => {
|
|
905
|
+
a.set(h), e?.(h);
|
|
905
906
|
const D = d.value;
|
|
906
907
|
if (t != null) {
|
|
907
908
|
if (D === "onSubmit")
|
|
908
909
|
return;
|
|
909
|
-
const
|
|
910
|
-
|
|
911
|
-
v(
|
|
912
|
-
},
|
|
910
|
+
const I = o ?? 0;
|
|
911
|
+
I > 0 ? (p && clearTimeout(p), p = setTimeout(() => {
|
|
912
|
+
v(h);
|
|
913
|
+
}, I)) : await v(h);
|
|
913
914
|
}
|
|
914
|
-
},
|
|
915
|
+
}, f = new _(
|
|
915
916
|
[],
|
|
916
|
-
|
|
917
|
-
|
|
917
|
+
y,
|
|
918
|
+
a,
|
|
918
919
|
r,
|
|
919
920
|
{
|
|
920
921
|
disabled: l,
|
|
921
922
|
validationMode: d
|
|
922
923
|
},
|
|
923
|
-
n ??
|
|
924
|
+
n ?? S
|
|
924
925
|
);
|
|
925
|
-
return
|
|
926
|
-
l.dispose(),
|
|
927
|
-
}), { controller:
|
|
926
|
+
return f.onDispose(() => {
|
|
927
|
+
l.dispose(), a.dispose(), r.dispose(), d.dispose(), p && clearTimeout(p);
|
|
928
|
+
}), { controller: f, setStatus: u };
|
|
928
929
|
}
|
|
929
930
|
function R(s) {
|
|
930
931
|
return $(c.disabled(s.disabled), c.name(s.name));
|
|
@@ -935,7 +936,7 @@ function Me(s, {
|
|
|
935
936
|
return $(
|
|
936
937
|
R(s),
|
|
937
938
|
c.value(s.signal),
|
|
938
|
-
(e === "input" ?
|
|
939
|
+
(e === "input" ? E.input : E.change)(X(s.change))
|
|
939
940
|
);
|
|
940
941
|
}
|
|
941
942
|
function Ee(s, {
|
|
@@ -944,7 +945,7 @@ function Ee(s, {
|
|
|
944
945
|
return $(
|
|
945
946
|
R(s),
|
|
946
947
|
c.valueAsNumber(s.signal),
|
|
947
|
-
(e === "input" ?
|
|
948
|
+
(e === "input" ? E.input : E.change)(
|
|
948
949
|
Q(s.change)
|
|
949
950
|
)
|
|
950
951
|
);
|
|
@@ -962,11 +963,11 @@ async function Se({
|
|
|
962
963
|
const i = await s();
|
|
963
964
|
return n != null ? n(i) : g.valid;
|
|
964
965
|
} catch (i) {
|
|
965
|
-
const
|
|
966
|
+
const o = e ?? (i instanceof Error ? i.message : "Operation failed");
|
|
966
967
|
return t.length === 1 && t[0] === "root" ? g.invalid({
|
|
967
|
-
message:
|
|
968
|
+
message: o
|
|
968
969
|
}) : g.invalid({
|
|
969
|
-
dependencies: U(t,
|
|
970
|
+
dependencies: U(t, o)
|
|
970
971
|
});
|
|
971
972
|
}
|
|
972
973
|
}
|
|
@@ -989,29 +990,29 @@ function Ve({
|
|
|
989
990
|
validationMode: n,
|
|
990
991
|
validateDebounceMs: i
|
|
991
992
|
}) {
|
|
992
|
-
const { controller:
|
|
993
|
+
const { controller: o, setStatus: a } = be({
|
|
993
994
|
initialValue: s,
|
|
994
995
|
validationMode: n ?? "onTouched",
|
|
995
996
|
validateDebounceMs: i,
|
|
996
|
-
validate: (n ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (
|
|
997
|
-
await e["~standard"].validate(
|
|
997
|
+
validate: (n ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (u) => N(
|
|
998
|
+
await e["~standard"].validate(u)
|
|
998
999
|
)
|
|
999
|
-
}), r =
|
|
1000
|
+
}), r = w(!1), l = o.object();
|
|
1000
1001
|
return l.onDispose(() => r.dispose()), {
|
|
1001
1002
|
controller: l,
|
|
1002
|
-
setStatus:
|
|
1003
|
-
submit: async (
|
|
1004
|
-
if (r.set(!0),
|
|
1005
|
-
const v = l.signal.value,
|
|
1003
|
+
setStatus: a,
|
|
1004
|
+
submit: async (u) => {
|
|
1005
|
+
if (r.set(!0), u?.preventDefault(), l.markAllTouched(), e != null) {
|
|
1006
|
+
const v = l.signal.value, y = N(
|
|
1006
1007
|
await e["~standard"].validate(v)
|
|
1007
1008
|
);
|
|
1008
|
-
if (
|
|
1009
|
+
if (a(y), y.type === "invalid") {
|
|
1009
1010
|
r.set(!1);
|
|
1010
1011
|
return;
|
|
1011
1012
|
}
|
|
1012
1013
|
}
|
|
1013
1014
|
const p = await t(l.signal.value);
|
|
1014
|
-
r.set(!1), p.type === "invalid" &&
|
|
1015
|
+
r.set(!1), p.type === "invalid" && a(p);
|
|
1015
1016
|
},
|
|
1016
1017
|
submitting: r
|
|
1017
1018
|
};
|
|
@@ -1022,7 +1023,7 @@ export {
|
|
|
1022
1023
|
we as C,
|
|
1023
1024
|
L as I,
|
|
1024
1025
|
Te as M,
|
|
1025
|
-
|
|
1026
|
+
S as O,
|
|
1026
1027
|
ne as R,
|
|
1027
1028
|
De as a,
|
|
1028
1029
|
Ce as b,
|