@tatamicks/checkbox 0.0.1 → 0.0.2
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/index.js +7 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +410 -761
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,731 +1,380 @@
|
|
|
1
|
-
import { HorizontalAlign as
|
|
2
|
-
import
|
|
3
|
-
var
|
|
1
|
+
import { HorizontalAlign as q, VerticalAlign as J, toPx as b, DimensionInput as B, ColorPicker as w, sizeDefinition as ce, universalProperties as de } from "@tatamicks/core";
|
|
2
|
+
import ue, { forwardRef as fe, useRef as he, useImperativeHandle as pe, useMemo as Y, useCallback as v } from "react";
|
|
3
|
+
var A = { exports: {} }, _ = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
6
|
-
* react-jsx-runtime.production.
|
|
6
|
+
* react-jsx-runtime.production.js
|
|
7
7
|
*
|
|
8
|
-
* Copyright (c)
|
|
8
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
12
|
*/
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
if (
|
|
16
|
-
|
|
17
|
-
var
|
|
18
|
-
function
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
var G;
|
|
14
|
+
function xe() {
|
|
15
|
+
if (G) return _;
|
|
16
|
+
G = 1;
|
|
17
|
+
var n = Symbol.for("react.transitional.element"), h = Symbol.for("react.fragment");
|
|
18
|
+
function i(d, a, o) {
|
|
19
|
+
var p = null;
|
|
20
|
+
if (o !== void 0 && (p = "" + o), a.key !== void 0 && (p = "" + a.key), "key" in a) {
|
|
21
|
+
o = {};
|
|
22
|
+
for (var m in a)
|
|
23
|
+
m !== "key" && (o[m] = a[m]);
|
|
24
|
+
} else o = a;
|
|
25
|
+
return a = o.ref, {
|
|
26
|
+
$$typeof: n,
|
|
27
|
+
type: d,
|
|
28
|
+
key: p,
|
|
29
|
+
ref: a !== void 0 ? a : null,
|
|
30
|
+
props: o
|
|
31
|
+
};
|
|
24
32
|
}
|
|
25
|
-
return
|
|
33
|
+
return _.Fragment = h, _.jsx = i, _.jsxs = i, _;
|
|
26
34
|
}
|
|
27
|
-
var
|
|
35
|
+
var T = {};
|
|
28
36
|
/**
|
|
29
37
|
* @license React
|
|
30
38
|
* react-jsx-runtime.development.js
|
|
31
39
|
*
|
|
32
|
-
* Copyright (c)
|
|
40
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
33
41
|
*
|
|
34
42
|
* This source code is licensed under the MIT license found in the
|
|
35
43
|
* LICENSE file in the root directory of this source tree.
|
|
36
44
|
*/
|
|
37
|
-
var
|
|
38
|
-
function
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
if (
|
|
43
|
-
return null;
|
|
44
|
-
|
|
45
|
-
return typeof r == "function" ? r : null;
|
|
46
|
-
}
|
|
47
|
-
var u = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
48
|
-
function y(e) {
|
|
49
|
-
{
|
|
50
|
-
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
|
|
51
|
-
t[n - 1] = arguments[n];
|
|
52
|
-
ze("error", e, t);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
function ze(e, r, t) {
|
|
56
|
-
{
|
|
57
|
-
var n = u.ReactDebugCurrentFrame, l = n.getStackAddendum();
|
|
58
|
-
l !== "" && (r += "%s", t = t.concat([l]));
|
|
59
|
-
var c = t.map(function(a) {
|
|
60
|
-
return String(a);
|
|
61
|
-
});
|
|
62
|
-
c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
var Ye = !1, Ve = !1, Ue = !1, Le = !1, Me = !1, ae;
|
|
66
|
-
ae = Symbol.for("react.module.reference");
|
|
67
|
-
function Ne(e) {
|
|
68
|
-
return !!(typeof e == "string" || typeof e == "function" || e === p || e === d || Me || e === C || e === m || e === b || Le || e === v || Ye || Ve || Ue || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === S || e.$$typeof === _ || e.$$typeof === k || e.$$typeof === h || // This needs to include all possible module reference object
|
|
69
|
-
// types supported by any Flight configuration anywhere since
|
|
70
|
-
// we don't know which Flight build this will end up being used
|
|
71
|
-
// with.
|
|
72
|
-
e.$$typeof === ae || e.getModuleId !== void 0));
|
|
73
|
-
}
|
|
74
|
-
function Je(e, r, t) {
|
|
75
|
-
var n = e.displayName;
|
|
76
|
-
if (n)
|
|
77
|
-
return n;
|
|
78
|
-
var l = r.displayName || r.name || "";
|
|
79
|
-
return l !== "" ? t + "(" + l + ")" : t;
|
|
80
|
-
}
|
|
81
|
-
function se(e) {
|
|
82
|
-
return e.displayName || "Context";
|
|
83
|
-
}
|
|
84
|
-
function P(e) {
|
|
85
|
-
if (e == null)
|
|
86
|
-
return null;
|
|
87
|
-
if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
88
|
-
return e.displayName || e.name || null;
|
|
89
|
-
if (typeof e == "string")
|
|
90
|
-
return e;
|
|
45
|
+
var X;
|
|
46
|
+
function me() {
|
|
47
|
+
return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
48
|
+
function n(e) {
|
|
49
|
+
if (e == null) return null;
|
|
50
|
+
if (typeof e == "function")
|
|
51
|
+
return e.$$typeof === ae ? null : e.displayName || e.name || null;
|
|
52
|
+
if (typeof e == "string") return e;
|
|
91
53
|
switch (e) {
|
|
92
|
-
case
|
|
54
|
+
case R:
|
|
93
55
|
return "Fragment";
|
|
94
|
-
case
|
|
95
|
-
return "Portal";
|
|
96
|
-
case d:
|
|
56
|
+
case N:
|
|
97
57
|
return "Profiler";
|
|
98
|
-
case
|
|
58
|
+
case l:
|
|
99
59
|
return "StrictMode";
|
|
100
|
-
case
|
|
60
|
+
case te:
|
|
101
61
|
return "Suspense";
|
|
102
|
-
case
|
|
62
|
+
case ne:
|
|
103
63
|
return "SuspenseList";
|
|
64
|
+
case ie:
|
|
65
|
+
return "Activity";
|
|
104
66
|
}
|
|
105
67
|
if (typeof e == "object")
|
|
106
|
-
switch (
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
return
|
|
113
|
-
case
|
|
114
|
-
return
|
|
115
|
-
case
|
|
116
|
-
var
|
|
117
|
-
return
|
|
118
|
-
case
|
|
119
|
-
|
|
68
|
+
switch (typeof e.tag == "number" && console.error(
|
|
69
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
70
|
+
), e.$$typeof) {
|
|
71
|
+
case W:
|
|
72
|
+
return "Portal";
|
|
73
|
+
case ee:
|
|
74
|
+
return e.displayName || "Context";
|
|
75
|
+
case K:
|
|
76
|
+
return (e._context.displayName || "Context") + ".Consumer";
|
|
77
|
+
case re:
|
|
78
|
+
var t = e.render;
|
|
79
|
+
return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
|
|
80
|
+
case oe:
|
|
81
|
+
return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
|
|
82
|
+
case P:
|
|
83
|
+
t = e._payload, e = e._init;
|
|
120
84
|
try {
|
|
121
|
-
return
|
|
85
|
+
return n(e(t));
|
|
122
86
|
} catch {
|
|
123
|
-
return null;
|
|
124
87
|
}
|
|
125
|
-
}
|
|
126
88
|
}
|
|
127
89
|
return null;
|
|
128
90
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}
|
|
132
|
-
he.__reactDisabledLog = !0;
|
|
133
|
-
function qe() {
|
|
134
|
-
{
|
|
135
|
-
if ($ === 0) {
|
|
136
|
-
le = console.log, ue = console.info, ce = console.warn, fe = console.error, de = console.group, ve = console.groupCollapsed, pe = console.groupEnd;
|
|
137
|
-
var e = {
|
|
138
|
-
configurable: !0,
|
|
139
|
-
enumerable: !0,
|
|
140
|
-
value: he,
|
|
141
|
-
writable: !0
|
|
142
|
-
};
|
|
143
|
-
Object.defineProperties(console, {
|
|
144
|
-
info: e,
|
|
145
|
-
log: e,
|
|
146
|
-
warn: e,
|
|
147
|
-
error: e,
|
|
148
|
-
group: e,
|
|
149
|
-
groupCollapsed: e,
|
|
150
|
-
groupEnd: e
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
$++;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
function Ke() {
|
|
157
|
-
{
|
|
158
|
-
if ($--, $ === 0) {
|
|
159
|
-
var e = {
|
|
160
|
-
configurable: !0,
|
|
161
|
-
enumerable: !0,
|
|
162
|
-
writable: !0
|
|
163
|
-
};
|
|
164
|
-
Object.defineProperties(console, {
|
|
165
|
-
log: W({}, e, {
|
|
166
|
-
value: le
|
|
167
|
-
}),
|
|
168
|
-
info: W({}, e, {
|
|
169
|
-
value: ue
|
|
170
|
-
}),
|
|
171
|
-
warn: W({}, e, {
|
|
172
|
-
value: ce
|
|
173
|
-
}),
|
|
174
|
-
error: W({}, e, {
|
|
175
|
-
value: fe
|
|
176
|
-
}),
|
|
177
|
-
group: W({}, e, {
|
|
178
|
-
value: de
|
|
179
|
-
}),
|
|
180
|
-
groupCollapsed: W({}, e, {
|
|
181
|
-
value: ve
|
|
182
|
-
}),
|
|
183
|
-
groupEnd: W({}, e, {
|
|
184
|
-
value: pe
|
|
185
|
-
})
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
$ < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
var H = u.ReactCurrentDispatcher, X;
|
|
192
|
-
function L(e, r, t) {
|
|
193
|
-
{
|
|
194
|
-
if (X === void 0)
|
|
195
|
-
try {
|
|
196
|
-
throw Error();
|
|
197
|
-
} catch (l) {
|
|
198
|
-
var n = l.stack.trim().match(/\n( *(at )?)/);
|
|
199
|
-
X = n && n[1] || "";
|
|
200
|
-
}
|
|
201
|
-
return `
|
|
202
|
-
` + X + e;
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
var Z = !1, M;
|
|
206
|
-
{
|
|
207
|
-
var Ge = typeof WeakMap == "function" ? WeakMap : Map;
|
|
208
|
-
M = new Ge();
|
|
91
|
+
function h(e) {
|
|
92
|
+
return "" + e;
|
|
209
93
|
}
|
|
210
|
-
function
|
|
211
|
-
if (!e || Z)
|
|
212
|
-
return "";
|
|
213
|
-
{
|
|
214
|
-
var t = M.get(e);
|
|
215
|
-
if (t !== void 0)
|
|
216
|
-
return t;
|
|
217
|
-
}
|
|
218
|
-
var n;
|
|
219
|
-
Z = !0;
|
|
220
|
-
var l = Error.prepareStackTrace;
|
|
221
|
-
Error.prepareStackTrace = void 0;
|
|
222
|
-
var c;
|
|
223
|
-
c = H.current, H.current = null, qe();
|
|
94
|
+
function i(e) {
|
|
224
95
|
try {
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
if (Object.defineProperty(a.prototype, "props", {
|
|
230
|
-
set: function() {
|
|
231
|
-
throw Error();
|
|
232
|
-
}
|
|
233
|
-
}), typeof Reflect == "object" && Reflect.construct) {
|
|
234
|
-
try {
|
|
235
|
-
Reflect.construct(a, []);
|
|
236
|
-
} catch (j) {
|
|
237
|
-
n = j;
|
|
238
|
-
}
|
|
239
|
-
Reflect.construct(e, [], a);
|
|
240
|
-
} else {
|
|
241
|
-
try {
|
|
242
|
-
a.call();
|
|
243
|
-
} catch (j) {
|
|
244
|
-
n = j;
|
|
245
|
-
}
|
|
246
|
-
e.call(a.prototype);
|
|
247
|
-
}
|
|
248
|
-
} else {
|
|
249
|
-
try {
|
|
250
|
-
throw Error();
|
|
251
|
-
} catch (j) {
|
|
252
|
-
n = j;
|
|
253
|
-
}
|
|
254
|
-
e();
|
|
255
|
-
}
|
|
256
|
-
} catch (j) {
|
|
257
|
-
if (j && n && typeof j.stack == "string") {
|
|
258
|
-
for (var o = j.stack.split(`
|
|
259
|
-
`), E = n.stack.split(`
|
|
260
|
-
`), g = o.length - 1, x = E.length - 1; g >= 1 && x >= 0 && o[g] !== E[x]; )
|
|
261
|
-
x--;
|
|
262
|
-
for (; g >= 1 && x >= 0; g--, x--)
|
|
263
|
-
if (o[g] !== E[x]) {
|
|
264
|
-
if (g !== 1 || x !== 1)
|
|
265
|
-
do
|
|
266
|
-
if (g--, x--, x < 0 || o[g] !== E[x]) {
|
|
267
|
-
var w = `
|
|
268
|
-
` + o[g].replace(" at new ", " at ");
|
|
269
|
-
return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, w), w;
|
|
270
|
-
}
|
|
271
|
-
while (g >= 1 && x >= 0);
|
|
272
|
-
break;
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
} finally {
|
|
276
|
-
Z = !1, H.current = c, Ke(), Error.prepareStackTrace = l;
|
|
277
|
-
}
|
|
278
|
-
var B = e ? e.displayName || e.name : "", I = B ? L(B) : "";
|
|
279
|
-
return typeof e == "function" && M.set(e, I), I;
|
|
280
|
-
}
|
|
281
|
-
function He(e, r, t) {
|
|
282
|
-
return ge(e, !1);
|
|
283
|
-
}
|
|
284
|
-
function Xe(e) {
|
|
285
|
-
var r = e.prototype;
|
|
286
|
-
return !!(r && r.isReactComponent);
|
|
287
|
-
}
|
|
288
|
-
function N(e, r, t) {
|
|
289
|
-
if (e == null)
|
|
290
|
-
return "";
|
|
291
|
-
if (typeof e == "function")
|
|
292
|
-
return ge(e, Xe(e));
|
|
293
|
-
if (typeof e == "string")
|
|
294
|
-
return L(e);
|
|
295
|
-
switch (e) {
|
|
296
|
-
case m:
|
|
297
|
-
return L("Suspense");
|
|
298
|
-
case b:
|
|
299
|
-
return L("SuspenseList");
|
|
300
|
-
}
|
|
301
|
-
if (typeof e == "object")
|
|
302
|
-
switch (e.$$typeof) {
|
|
303
|
-
case h:
|
|
304
|
-
return He(e.render);
|
|
305
|
-
case S:
|
|
306
|
-
return N(e.type, r, t);
|
|
307
|
-
case T: {
|
|
308
|
-
var n = e, l = n._payload, c = n._init;
|
|
309
|
-
try {
|
|
310
|
-
return N(c(l), r, t);
|
|
311
|
-
} catch {
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
return "";
|
|
316
|
-
}
|
|
317
|
-
var z = Object.prototype.hasOwnProperty, xe = {}, me = u.ReactDebugCurrentFrame;
|
|
318
|
-
function J(e) {
|
|
319
|
-
if (e) {
|
|
320
|
-
var r = e._owner, t = N(e.type, e._source, r ? r.type : null);
|
|
321
|
-
me.setExtraStackFrame(t);
|
|
322
|
-
} else
|
|
323
|
-
me.setExtraStackFrame(null);
|
|
324
|
-
}
|
|
325
|
-
function Ze(e, r, t, n, l) {
|
|
326
|
-
{
|
|
327
|
-
var c = Function.call.bind(z);
|
|
328
|
-
for (var a in e)
|
|
329
|
-
if (c(e, a)) {
|
|
330
|
-
var o = void 0;
|
|
331
|
-
try {
|
|
332
|
-
if (typeof e[a] != "function") {
|
|
333
|
-
var E = Error((n || "React class") + ": " + t + " type `" + a + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[a] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
334
|
-
throw E.name = "Invariant Violation", E;
|
|
335
|
-
}
|
|
336
|
-
o = e[a](r, a, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
|
-
} catch (g) {
|
|
338
|
-
o = g;
|
|
339
|
-
}
|
|
340
|
-
o && !(o instanceof Error) && (J(l), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, a, typeof o), J(null)), o instanceof Error && !(o.message in xe) && (xe[o.message] = !0, J(l), y("Failed %s type: %s", t, o.message), J(null));
|
|
341
|
-
}
|
|
96
|
+
h(e);
|
|
97
|
+
var t = !1;
|
|
98
|
+
} catch {
|
|
99
|
+
t = !0;
|
|
342
100
|
}
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
return t;
|
|
101
|
+
if (t) {
|
|
102
|
+
t = console;
|
|
103
|
+
var c = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
104
|
+
return c.call(
|
|
105
|
+
t,
|
|
106
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
107
|
+
u
|
|
108
|
+
), h(e);
|
|
352
109
|
}
|
|
353
110
|
}
|
|
354
|
-
function
|
|
111
|
+
function d(e) {
|
|
112
|
+
if (e === R) return "<>";
|
|
113
|
+
if (typeof e == "object" && e !== null && e.$$typeof === P)
|
|
114
|
+
return "<...>";
|
|
355
115
|
try {
|
|
356
|
-
|
|
116
|
+
var t = n(e);
|
|
117
|
+
return t ? "<" + t + ">" : "<...>";
|
|
357
118
|
} catch {
|
|
358
|
-
return
|
|
119
|
+
return "<...>";
|
|
359
120
|
}
|
|
360
121
|
}
|
|
361
|
-
function
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
function ye(e) {
|
|
365
|
-
if (rr(e))
|
|
366
|
-
return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), be(e);
|
|
122
|
+
function a() {
|
|
123
|
+
var e = I.A;
|
|
124
|
+
return e === null ? null : e.getOwner();
|
|
367
125
|
}
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
ref: !0,
|
|
371
|
-
__self: !0,
|
|
372
|
-
__source: !0
|
|
373
|
-
}, Re, Ee;
|
|
374
|
-
function nr(e) {
|
|
375
|
-
if (z.call(e, "ref")) {
|
|
376
|
-
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
377
|
-
if (r && r.isReactWarning)
|
|
378
|
-
return !1;
|
|
379
|
-
}
|
|
380
|
-
return e.ref !== void 0;
|
|
126
|
+
function o() {
|
|
127
|
+
return Error("react-stack-top-frame");
|
|
381
128
|
}
|
|
382
|
-
function
|
|
383
|
-
if (
|
|
384
|
-
var
|
|
385
|
-
if (
|
|
386
|
-
return !1;
|
|
129
|
+
function p(e) {
|
|
130
|
+
if ($.call(e, "key")) {
|
|
131
|
+
var t = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
132
|
+
if (t && t.isReactWarning) return !1;
|
|
387
133
|
}
|
|
388
134
|
return e.key !== void 0;
|
|
389
135
|
}
|
|
390
|
-
function
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
Re || (Re = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
397
|
-
};
|
|
398
|
-
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
399
|
-
get: t,
|
|
400
|
-
configurable: !0
|
|
401
|
-
});
|
|
136
|
+
function m(e, t) {
|
|
137
|
+
function c() {
|
|
138
|
+
F || (F = !0, console.error(
|
|
139
|
+
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
140
|
+
t
|
|
141
|
+
));
|
|
402
142
|
}
|
|
143
|
+
c.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
144
|
+
get: c,
|
|
145
|
+
configurable: !0
|
|
146
|
+
});
|
|
403
147
|
}
|
|
404
|
-
function
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
410
|
-
get: t,
|
|
411
|
-
configurable: !0
|
|
412
|
-
});
|
|
413
|
-
}
|
|
148
|
+
function k() {
|
|
149
|
+
var e = n(this.type);
|
|
150
|
+
return U[e] || (U[e] = !0, console.error(
|
|
151
|
+
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
152
|
+
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
414
153
|
}
|
|
415
|
-
|
|
416
|
-
var
|
|
417
|
-
|
|
418
|
-
$$typeof:
|
|
419
|
-
// Built-in properties that belong on the element
|
|
154
|
+
function x(e, t, c, u, S, z) {
|
|
155
|
+
var f = c.ref;
|
|
156
|
+
return e = {
|
|
157
|
+
$$typeof: E,
|
|
420
158
|
type: e,
|
|
421
|
-
key:
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
159
|
+
key: t,
|
|
160
|
+
props: c,
|
|
161
|
+
_owner: u
|
|
162
|
+
}, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
|
|
163
|
+
enumerable: !1,
|
|
164
|
+
get: k
|
|
165
|
+
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
428
166
|
configurable: !1,
|
|
429
167
|
enumerable: !1,
|
|
430
168
|
writable: !0,
|
|
431
|
-
value:
|
|
432
|
-
}), Object.defineProperty(
|
|
169
|
+
value: 0
|
|
170
|
+
}), Object.defineProperty(e, "_debugInfo", {
|
|
433
171
|
configurable: !1,
|
|
434
172
|
enumerable: !1,
|
|
435
|
-
writable: !
|
|
436
|
-
value:
|
|
437
|
-
}), Object.defineProperty(
|
|
173
|
+
writable: !0,
|
|
174
|
+
value: null
|
|
175
|
+
}), Object.defineProperty(e, "_debugStack", {
|
|
438
176
|
configurable: !1,
|
|
439
177
|
enumerable: !1,
|
|
440
|
-
writable: !
|
|
441
|
-
value:
|
|
442
|
-
}), Object.
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
}
|
|
470
|
-
var re;
|
|
471
|
-
re = !1;
|
|
472
|
-
function te(e) {
|
|
473
|
-
return typeof e == "object" && e !== null && e.$$typeof === R;
|
|
474
|
-
}
|
|
475
|
-
function ke() {
|
|
476
|
-
{
|
|
477
|
-
if (ee.current) {
|
|
478
|
-
var e = P(ee.current.type);
|
|
479
|
-
if (e)
|
|
480
|
-
return `
|
|
481
|
-
|
|
482
|
-
Check the render method of \`` + e + "`.";
|
|
483
|
-
}
|
|
484
|
-
return "";
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
function cr(e) {
|
|
488
|
-
return "";
|
|
489
|
-
}
|
|
490
|
-
var je = {};
|
|
491
|
-
function fr(e) {
|
|
492
|
-
{
|
|
493
|
-
var r = ke();
|
|
494
|
-
if (!r) {
|
|
495
|
-
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
496
|
-
t && (r = `
|
|
497
|
-
|
|
498
|
-
Check the top-level render call using <` + t + ">.");
|
|
499
|
-
}
|
|
500
|
-
return r;
|
|
501
|
-
}
|
|
502
|
-
}
|
|
503
|
-
function Se(e, r) {
|
|
504
|
-
{
|
|
505
|
-
if (!e._store || e._store.validated || e.key != null)
|
|
506
|
-
return;
|
|
507
|
-
e._store.validated = !0;
|
|
508
|
-
var t = fr(r);
|
|
509
|
-
if (je[t])
|
|
510
|
-
return;
|
|
511
|
-
je[t] = !0;
|
|
512
|
-
var n = "";
|
|
513
|
-
e && e._owner && e._owner !== ee.current && (n = " It was passed a child from " + P(e._owner.type) + "."), F(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
|
|
514
|
-
}
|
|
515
|
-
}
|
|
516
|
-
function we(e, r) {
|
|
517
|
-
{
|
|
518
|
-
if (typeof e != "object")
|
|
519
|
-
return;
|
|
520
|
-
if (Q(e))
|
|
521
|
-
for (var t = 0; t < e.length; t++) {
|
|
522
|
-
var n = e[t];
|
|
523
|
-
te(n) && Se(n, r);
|
|
524
|
-
}
|
|
525
|
-
else if (te(e))
|
|
526
|
-
e._store && (e._store.validated = !0);
|
|
527
|
-
else if (e) {
|
|
528
|
-
var l = U(e);
|
|
529
|
-
if (typeof l == "function" && l !== e.entries)
|
|
530
|
-
for (var c = l.call(e), a; !(a = c.next()).done; )
|
|
531
|
-
te(a.value) && Se(a.value, r);
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
}
|
|
535
|
-
function dr(e) {
|
|
536
|
-
{
|
|
537
|
-
var r = e.type;
|
|
538
|
-
if (r == null || typeof r == "string")
|
|
539
|
-
return;
|
|
540
|
-
var t;
|
|
541
|
-
if (typeof r == "function")
|
|
542
|
-
t = r.propTypes;
|
|
543
|
-
else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
|
|
544
|
-
// Inner props are checked in the reconciler.
|
|
545
|
-
r.$$typeof === S))
|
|
546
|
-
t = r.propTypes;
|
|
547
|
-
else
|
|
548
|
-
return;
|
|
549
|
-
if (t) {
|
|
550
|
-
var n = P(r);
|
|
551
|
-
Ze(t, e.props, "prop", n, e);
|
|
552
|
-
} else if (r.PropTypes !== void 0 && !re) {
|
|
553
|
-
re = !0;
|
|
554
|
-
var l = P(r);
|
|
555
|
-
y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
|
|
556
|
-
}
|
|
557
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
558
|
-
}
|
|
559
|
-
}
|
|
560
|
-
function vr(e) {
|
|
561
|
-
{
|
|
562
|
-
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
563
|
-
var n = r[t];
|
|
564
|
-
if (n !== "children" && n !== "key") {
|
|
565
|
-
F(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
|
|
566
|
-
break;
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
e.ref !== null && (F(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
|
|
570
|
-
}
|
|
571
|
-
}
|
|
572
|
-
var Te = {};
|
|
573
|
-
function Pe(e, r, t, n, l, c) {
|
|
574
|
-
{
|
|
575
|
-
var a = Ne(e);
|
|
576
|
-
if (!a) {
|
|
577
|
-
var o = "";
|
|
578
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
579
|
-
var E = cr();
|
|
580
|
-
E ? o += E : o += ke();
|
|
581
|
-
var g;
|
|
582
|
-
e === null ? g = "null" : Q(e) ? g = "array" : e !== void 0 && e.$$typeof === R ? (g = "<" + (P(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, o);
|
|
583
|
-
}
|
|
584
|
-
var x = ur(e, r, t, l, c);
|
|
585
|
-
if (x == null)
|
|
586
|
-
return x;
|
|
587
|
-
if (a) {
|
|
588
|
-
var w = r.children;
|
|
589
|
-
if (w !== void 0)
|
|
590
|
-
if (n)
|
|
591
|
-
if (Q(w)) {
|
|
592
|
-
for (var B = 0; B < w.length; B++)
|
|
593
|
-
we(w[B], e);
|
|
594
|
-
Object.freeze && Object.freeze(w);
|
|
595
|
-
} else
|
|
596
|
-
y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
597
|
-
else
|
|
598
|
-
we(w, e);
|
|
599
|
-
}
|
|
600
|
-
if (z.call(r, "key")) {
|
|
601
|
-
var I = P(e), j = Object.keys(r).filter(function(br) {
|
|
602
|
-
return br !== "key";
|
|
603
|
-
}), ne = j.length > 0 ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
604
|
-
if (!Te[I + ne]) {
|
|
605
|
-
var mr = j.length > 0 ? "{" + j.join(": ..., ") + ": ...}" : "{}";
|
|
606
|
-
y(`A props object containing a "key" prop is being spread into JSX:
|
|
178
|
+
writable: !0,
|
|
179
|
+
value: S
|
|
180
|
+
}), Object.defineProperty(e, "_debugTask", {
|
|
181
|
+
configurable: !1,
|
|
182
|
+
enumerable: !1,
|
|
183
|
+
writable: !0,
|
|
184
|
+
value: z
|
|
185
|
+
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
186
|
+
}
|
|
187
|
+
function g(e, t, c, u, S, z) {
|
|
188
|
+
var f = t.children;
|
|
189
|
+
if (f !== void 0)
|
|
190
|
+
if (u)
|
|
191
|
+
if (le(f)) {
|
|
192
|
+
for (u = 0; u < f.length; u++)
|
|
193
|
+
C(f[u]);
|
|
194
|
+
Object.freeze && Object.freeze(f);
|
|
195
|
+
} else
|
|
196
|
+
console.error(
|
|
197
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
198
|
+
);
|
|
199
|
+
else C(f);
|
|
200
|
+
if ($.call(t, "key")) {
|
|
201
|
+
f = n(e);
|
|
202
|
+
var y = Object.keys(t).filter(function(se) {
|
|
203
|
+
return se !== "key";
|
|
204
|
+
});
|
|
205
|
+
u = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", V[f + u] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
206
|
+
`A props object containing a "key" prop is being spread into JSX:
|
|
607
207
|
let props = %s;
|
|
608
208
|
<%s {...props} />
|
|
609
209
|
React keys must be passed directly to JSX without using spread:
|
|
610
210
|
let props = %s;
|
|
611
|
-
<%s key={someKey} {...props} />`,
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
211
|
+
<%s key={someKey} {...props} />`,
|
|
212
|
+
u,
|
|
213
|
+
f,
|
|
214
|
+
y,
|
|
215
|
+
f
|
|
216
|
+
), V[f + u] = !0);
|
|
615
217
|
}
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
return
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
218
|
+
if (f = null, c !== void 0 && (i(c), f = "" + c), p(t) && (i(t.key), f = "" + t.key), "key" in t) {
|
|
219
|
+
c = {};
|
|
220
|
+
for (var D in t)
|
|
221
|
+
D !== "key" && (c[D] = t[D]);
|
|
222
|
+
} else c = t;
|
|
223
|
+
return f && m(
|
|
224
|
+
c,
|
|
225
|
+
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
226
|
+
), x(
|
|
227
|
+
e,
|
|
228
|
+
f,
|
|
229
|
+
c,
|
|
230
|
+
a(),
|
|
231
|
+
S,
|
|
232
|
+
z
|
|
233
|
+
);
|
|
234
|
+
}
|
|
235
|
+
function C(e) {
|
|
236
|
+
j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
237
|
+
}
|
|
238
|
+
function j(e) {
|
|
239
|
+
return typeof e == "object" && e !== null && e.$$typeof === E;
|
|
240
|
+
}
|
|
241
|
+
var s = ue, E = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), K = Symbol.for("react.consumer"), ee = Symbol.for("react.context"), re = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), I = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, le = Array.isArray, O = console.createTask ? console.createTask : function() {
|
|
242
|
+
return null;
|
|
243
|
+
};
|
|
244
|
+
s = {
|
|
245
|
+
react_stack_bottom_frame: function(e) {
|
|
246
|
+
return e();
|
|
247
|
+
}
|
|
248
|
+
};
|
|
249
|
+
var F, U = {}, L = s.react_stack_bottom_frame.bind(
|
|
250
|
+
s,
|
|
251
|
+
o
|
|
252
|
+
)(), M = O(d(o)), V = {};
|
|
253
|
+
T.Fragment = R, T.jsx = function(e, t, c) {
|
|
254
|
+
var u = 1e4 > I.recentlyCreatedOwnerStacks++;
|
|
255
|
+
return g(
|
|
256
|
+
e,
|
|
257
|
+
t,
|
|
258
|
+
c,
|
|
259
|
+
!1,
|
|
260
|
+
u ? Error("react-stack-top-frame") : L,
|
|
261
|
+
u ? O(d(e)) : M
|
|
262
|
+
);
|
|
263
|
+
}, T.jsxs = function(e, t, c) {
|
|
264
|
+
var u = 1e4 > I.recentlyCreatedOwnerStacks++;
|
|
265
|
+
return g(
|
|
266
|
+
e,
|
|
267
|
+
t,
|
|
268
|
+
c,
|
|
269
|
+
!0,
|
|
270
|
+
u ? Error("react-stack-top-frame") : L,
|
|
271
|
+
u ? O(d(e)) : M
|
|
272
|
+
);
|
|
273
|
+
};
|
|
274
|
+
})()), T;
|
|
626
275
|
}
|
|
627
|
-
var
|
|
628
|
-
function
|
|
629
|
-
return
|
|
276
|
+
var H;
|
|
277
|
+
function ge() {
|
|
278
|
+
return H || (H = 1, process.env.NODE_ENV === "production" ? A.exports = xe() : A.exports = me()), A.exports;
|
|
630
279
|
}
|
|
631
|
-
var
|
|
632
|
-
function
|
|
633
|
-
size:
|
|
634
|
-
checked:
|
|
635
|
-
borderWidth:
|
|
636
|
-
borderColor:
|
|
637
|
-
checkWidth:
|
|
638
|
-
checkColor:
|
|
639
|
-
backgroundColor:
|
|
640
|
-
checkedBackgroundColor:
|
|
280
|
+
var r = ge();
|
|
281
|
+
function be({
|
|
282
|
+
size: n = 16,
|
|
283
|
+
checked: h = !1,
|
|
284
|
+
borderWidth: i = 1,
|
|
285
|
+
borderColor: d = "#d1d5db",
|
|
286
|
+
checkWidth: a = 3.5,
|
|
287
|
+
checkColor: o = "#2563eb",
|
|
288
|
+
backgroundColor: p = "#ffffff",
|
|
289
|
+
checkedBackgroundColor: m
|
|
641
290
|
}) {
|
|
642
|
-
const
|
|
643
|
-
return /* @__PURE__ */
|
|
291
|
+
const k = h && m ? m : p;
|
|
292
|
+
return /* @__PURE__ */ r.jsxs(
|
|
644
293
|
"svg",
|
|
645
294
|
{
|
|
646
|
-
width:
|
|
647
|
-
height:
|
|
295
|
+
width: n,
|
|
296
|
+
height: n,
|
|
648
297
|
viewBox: "0 0 20 20",
|
|
649
298
|
"aria-hidden": "true",
|
|
650
299
|
focusable: "false",
|
|
651
300
|
children: [
|
|
652
|
-
/* @__PURE__ */
|
|
301
|
+
/* @__PURE__ */ r.jsx(
|
|
653
302
|
"rect",
|
|
654
303
|
{
|
|
655
|
-
x:
|
|
656
|
-
y:
|
|
657
|
-
width: 20 -
|
|
658
|
-
height: 20 -
|
|
659
|
-
fill:
|
|
660
|
-
stroke:
|
|
661
|
-
strokeWidth:
|
|
304
|
+
x: i / 2,
|
|
305
|
+
y: i / 2,
|
|
306
|
+
width: 20 - i,
|
|
307
|
+
height: 20 - i,
|
|
308
|
+
fill: k,
|
|
309
|
+
stroke: d,
|
|
310
|
+
strokeWidth: i
|
|
662
311
|
}
|
|
663
312
|
),
|
|
664
|
-
|
|
313
|
+
h ? /* @__PURE__ */ r.jsx(
|
|
665
314
|
"path",
|
|
666
315
|
{
|
|
667
316
|
d: "M3 11l4 4L17 4",
|
|
668
317
|
fill: "none",
|
|
669
|
-
stroke:
|
|
670
|
-
strokeWidth:
|
|
318
|
+
stroke: o,
|
|
319
|
+
strokeWidth: a
|
|
671
320
|
}
|
|
672
321
|
) : null
|
|
673
322
|
]
|
|
674
323
|
}
|
|
675
324
|
);
|
|
676
325
|
}
|
|
677
|
-
const
|
|
678
|
-
const
|
|
679
|
-
|
|
680
|
-
|
|
326
|
+
const Z = fe(({ props: n, value: h, onChange: i, readOnly: d }, a) => {
|
|
327
|
+
const o = he(null);
|
|
328
|
+
pe(
|
|
329
|
+
a,
|
|
681
330
|
() => ({
|
|
682
331
|
focus: () => {
|
|
683
|
-
var
|
|
684
|
-
(
|
|
332
|
+
var l;
|
|
333
|
+
(l = o.current) == null || l.focus(), !d && i && i(!(h ?? !1));
|
|
685
334
|
}
|
|
686
335
|
}),
|
|
687
|
-
[
|
|
336
|
+
[d, i, h]
|
|
688
337
|
);
|
|
689
|
-
const
|
|
690
|
-
|
|
691
|
-
},
|
|
692
|
-
const
|
|
338
|
+
const p = h ?? !1, m = (l) => {
|
|
339
|
+
d || i(l.target.checked);
|
|
340
|
+
}, k = Y(() => {
|
|
341
|
+
const l = {
|
|
693
342
|
width: "100%",
|
|
694
343
|
height: "100%",
|
|
695
344
|
display: "flex",
|
|
696
345
|
boxSizing: "border-box",
|
|
697
346
|
overflow: "hidden"
|
|
698
347
|
};
|
|
699
|
-
switch (
|
|
700
|
-
case
|
|
701
|
-
|
|
348
|
+
switch (n.justifyContent) {
|
|
349
|
+
case q.left:
|
|
350
|
+
l.justifyContent = "flex-start";
|
|
702
351
|
break;
|
|
703
|
-
case
|
|
704
|
-
|
|
352
|
+
case q.right:
|
|
353
|
+
l.justifyContent = "flex-end";
|
|
705
354
|
break;
|
|
706
355
|
default:
|
|
707
|
-
|
|
356
|
+
l.justifyContent = "center";
|
|
708
357
|
break;
|
|
709
358
|
}
|
|
710
|
-
switch (
|
|
711
|
-
case
|
|
712
|
-
|
|
359
|
+
switch (n.alignItems) {
|
|
360
|
+
case J.top:
|
|
361
|
+
l.alignItems = "flex-start";
|
|
713
362
|
break;
|
|
714
|
-
case
|
|
715
|
-
|
|
363
|
+
case J.bottom:
|
|
364
|
+
l.alignItems = "flex-end";
|
|
716
365
|
break;
|
|
717
366
|
default:
|
|
718
|
-
|
|
367
|
+
l.alignItems = "center";
|
|
719
368
|
break;
|
|
720
369
|
}
|
|
721
|
-
if (
|
|
722
|
-
|
|
723
|
-
else if (
|
|
724
|
-
const
|
|
725
|
-
|
|
370
|
+
if (n.isIndividual)
|
|
371
|
+
n.top && (l.paddingTop = b.fromDim(n.top)), n.right && (l.paddingRight = b.fromDim(n.right)), n.bottom && (l.paddingBottom = b.fromDim(n.bottom)), n.left && (l.paddingLeft = b.fromDim(n.left));
|
|
372
|
+
else if (n.all) {
|
|
373
|
+
const N = b.fromDim(n.all);
|
|
374
|
+
l.padding = `${N}px`;
|
|
726
375
|
}
|
|
727
|
-
return
|
|
728
|
-
}, [
|
|
376
|
+
return l;
|
|
377
|
+
}, [n]), x = n.styleConfig ?? {}, g = x.checkboxSize ? b.fromDim(x.checkboxSize) : 16, C = x.borderWidth ? b.fromDim(x.borderWidth) : 1, j = x.checkWidth ? b.fromDim(x.checkWidth) : 3.5, s = {
|
|
729
378
|
position: "absolute",
|
|
730
379
|
inset: 0,
|
|
731
380
|
margin: 0,
|
|
@@ -734,74 +383,74 @@ const Be = Rr(({ props: s, value: R, onChange: f, readOnly: p }, C) => {
|
|
|
734
383
|
opacity: 0,
|
|
735
384
|
pointerEvents: "none"
|
|
736
385
|
// クリックイベントを受け取らない
|
|
737
|
-
},
|
|
386
|
+
}, E = {
|
|
738
387
|
pointerEvents: "none",
|
|
739
388
|
position: "absolute",
|
|
740
389
|
inset: 0,
|
|
741
390
|
display: "flex",
|
|
742
391
|
alignItems: "center",
|
|
743
392
|
justifyContent: "center"
|
|
744
|
-
},
|
|
745
|
-
width:
|
|
746
|
-
height:
|
|
393
|
+
}, W = {
|
|
394
|
+
width: g,
|
|
395
|
+
height: g,
|
|
747
396
|
position: "relative"
|
|
748
|
-
},
|
|
749
|
-
!
|
|
397
|
+
}, R = () => {
|
|
398
|
+
!d && i && i(!p);
|
|
750
399
|
};
|
|
751
|
-
return /* @__PURE__ */
|
|
400
|
+
return /* @__PURE__ */ r.jsxs(
|
|
752
401
|
"div",
|
|
753
402
|
{
|
|
754
403
|
style: {
|
|
755
|
-
...
|
|
756
|
-
cursor:
|
|
404
|
+
...k,
|
|
405
|
+
cursor: d ? "not-allowed" : "pointer"
|
|
757
406
|
},
|
|
758
407
|
role: "switch",
|
|
759
|
-
"aria-checked":
|
|
760
|
-
"aria-disabled":
|
|
408
|
+
"aria-checked": p,
|
|
409
|
+
"aria-disabled": d,
|
|
761
410
|
"aria-label": "Checkbox",
|
|
762
|
-
tabIndex:
|
|
763
|
-
onClick:
|
|
764
|
-
onKeyDown: (
|
|
765
|
-
!
|
|
411
|
+
tabIndex: d ? -1 : 0,
|
|
412
|
+
onClick: R,
|
|
413
|
+
onKeyDown: (l) => {
|
|
414
|
+
!d && (l.key === " " || l.key === "Enter") && (l.preventDefault(), R());
|
|
766
415
|
},
|
|
767
416
|
children: [
|
|
768
|
-
/* @__PURE__ */
|
|
417
|
+
/* @__PURE__ */ r.jsx(
|
|
769
418
|
"input",
|
|
770
419
|
{
|
|
771
|
-
ref:
|
|
420
|
+
ref: o,
|
|
772
421
|
type: "checkbox",
|
|
773
|
-
checked:
|
|
774
|
-
onChange:
|
|
775
|
-
disabled:
|
|
776
|
-
style:
|
|
422
|
+
checked: p,
|
|
423
|
+
onChange: m,
|
|
424
|
+
disabled: d,
|
|
425
|
+
style: s,
|
|
777
426
|
tabIndex: -1,
|
|
778
427
|
"aria-hidden": "true"
|
|
779
428
|
}
|
|
780
429
|
),
|
|
781
|
-
/* @__PURE__ */
|
|
782
|
-
|
|
430
|
+
/* @__PURE__ */ r.jsx("div", { style: W, children: /* @__PURE__ */ r.jsx("div", { style: E, "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
|
|
431
|
+
be,
|
|
783
432
|
{
|
|
784
|
-
size:
|
|
785
|
-
checked:
|
|
786
|
-
borderWidth:
|
|
787
|
-
borderColor:
|
|
788
|
-
checkWidth:
|
|
789
|
-
checkColor:
|
|
790
|
-
backgroundColor:
|
|
791
|
-
checkedBackgroundColor:
|
|
433
|
+
size: g,
|
|
434
|
+
checked: p,
|
|
435
|
+
borderWidth: C,
|
|
436
|
+
borderColor: x.borderColor ?? "#000000",
|
|
437
|
+
checkWidth: j,
|
|
438
|
+
checkColor: x.checkColor ?? "#000000",
|
|
439
|
+
backgroundColor: x.backgroundColor ?? "#ffffff",
|
|
440
|
+
checkedBackgroundColor: x.checkedBackgroundColor
|
|
792
441
|
}
|
|
793
442
|
) }) })
|
|
794
443
|
]
|
|
795
444
|
}
|
|
796
445
|
);
|
|
797
446
|
});
|
|
798
|
-
|
|
799
|
-
const
|
|
800
|
-
value:
|
|
801
|
-
onChange:
|
|
802
|
-
readOnly:
|
|
447
|
+
Z.displayName = "CheckboxRenderer";
|
|
448
|
+
const Q = ({
|
|
449
|
+
value: n,
|
|
450
|
+
onChange: h,
|
|
451
|
+
readOnly: i = !1
|
|
803
452
|
}) => {
|
|
804
|
-
const
|
|
453
|
+
const d = Y(
|
|
805
454
|
() => ({
|
|
806
455
|
checkboxSize: { value: 16, unit: "px" },
|
|
807
456
|
borderWidth: { value: 1, unit: "px" },
|
|
@@ -811,43 +460,43 @@ const $e = ({
|
|
|
811
460
|
backgroundColor: "#ffffff"
|
|
812
461
|
}),
|
|
813
462
|
[]
|
|
814
|
-
),
|
|
463
|
+
), a = Y(
|
|
815
464
|
() => ({
|
|
816
|
-
...
|
|
817
|
-
...
|
|
465
|
+
...d,
|
|
466
|
+
...n
|
|
818
467
|
}),
|
|
819
|
-
[
|
|
820
|
-
),
|
|
821
|
-
(
|
|
822
|
-
|
|
823
|
-
...
|
|
824
|
-
[
|
|
468
|
+
[n, d]
|
|
469
|
+
), o = v(
|
|
470
|
+
(s, E) => {
|
|
471
|
+
h({
|
|
472
|
+
...n,
|
|
473
|
+
[s]: E
|
|
825
474
|
});
|
|
826
475
|
},
|
|
827
|
-
[
|
|
828
|
-
),
|
|
829
|
-
(
|
|
830
|
-
[
|
|
831
|
-
),
|
|
832
|
-
(
|
|
833
|
-
[
|
|
834
|
-
),
|
|
835
|
-
(
|
|
836
|
-
[
|
|
837
|
-
),
|
|
838
|
-
(
|
|
839
|
-
[
|
|
840
|
-
),
|
|
841
|
-
(
|
|
842
|
-
[
|
|
843
|
-
),
|
|
844
|
-
(
|
|
845
|
-
[
|
|
846
|
-
),
|
|
847
|
-
(
|
|
848
|
-
[
|
|
476
|
+
[n, h]
|
|
477
|
+
), p = v(
|
|
478
|
+
(s) => o("checkboxSize", s),
|
|
479
|
+
[o]
|
|
480
|
+
), m = v(
|
|
481
|
+
(s) => o("borderWidth", s),
|
|
482
|
+
[o]
|
|
483
|
+
), k = v(
|
|
484
|
+
(s) => o("borderColor", s),
|
|
485
|
+
[o]
|
|
486
|
+
), x = v(
|
|
487
|
+
(s) => o("checkWidth", s),
|
|
488
|
+
[o]
|
|
489
|
+
), g = v(
|
|
490
|
+
(s) => o("checkColor", s),
|
|
491
|
+
[o]
|
|
492
|
+
), C = v(
|
|
493
|
+
(s) => o("backgroundColor", s),
|
|
494
|
+
[o]
|
|
495
|
+
), j = v(
|
|
496
|
+
(s) => o("checkedBackgroundColor", s),
|
|
497
|
+
[o]
|
|
849
498
|
);
|
|
850
|
-
return /* @__PURE__ */
|
|
499
|
+
return /* @__PURE__ */ r.jsxs(
|
|
851
500
|
"div",
|
|
852
501
|
{
|
|
853
502
|
style: {
|
|
@@ -857,7 +506,7 @@ const $e = ({
|
|
|
857
506
|
padding: "12px"
|
|
858
507
|
},
|
|
859
508
|
children: [
|
|
860
|
-
/* @__PURE__ */
|
|
509
|
+
/* @__PURE__ */ r.jsxs(
|
|
861
510
|
"div",
|
|
862
511
|
{
|
|
863
512
|
style: {
|
|
@@ -870,9 +519,9 @@ const $e = ({
|
|
|
870
519
|
gap: "16px"
|
|
871
520
|
},
|
|
872
521
|
children: [
|
|
873
|
-
/* @__PURE__ */
|
|
874
|
-
/* @__PURE__ */
|
|
875
|
-
/* @__PURE__ */
|
|
522
|
+
/* @__PURE__ */ r.jsxs("div", { style: { textAlign: "center" }, children: [
|
|
523
|
+
/* @__PURE__ */ r.jsx("div", { style: { fontSize: "12px", color: "#666", marginBottom: "8px" }, children: "未チェック" }),
|
|
524
|
+
/* @__PURE__ */ r.jsx(
|
|
876
525
|
"div",
|
|
877
526
|
{
|
|
878
527
|
style: {
|
|
@@ -884,9 +533,9 @@ const $e = ({
|
|
|
884
533
|
}
|
|
885
534
|
)
|
|
886
535
|
] }),
|
|
887
|
-
/* @__PURE__ */
|
|
888
|
-
/* @__PURE__ */
|
|
889
|
-
/* @__PURE__ */
|
|
536
|
+
/* @__PURE__ */ r.jsxs("div", { style: { textAlign: "center" }, children: [
|
|
537
|
+
/* @__PURE__ */ r.jsx("div", { style: { fontSize: "12px", color: "#666", marginBottom: "8px" }, children: "チェック" }),
|
|
538
|
+
/* @__PURE__ */ r.jsx(
|
|
890
539
|
"div",
|
|
891
540
|
{
|
|
892
541
|
style: {
|
|
@@ -901,8 +550,8 @@ const $e = ({
|
|
|
901
550
|
]
|
|
902
551
|
}
|
|
903
552
|
),
|
|
904
|
-
/* @__PURE__ */
|
|
905
|
-
/* @__PURE__ */
|
|
553
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
554
|
+
/* @__PURE__ */ r.jsx(
|
|
906
555
|
"div",
|
|
907
556
|
{
|
|
908
557
|
style: {
|
|
@@ -913,12 +562,12 @@ const $e = ({
|
|
|
913
562
|
children: "チェックボックスのサイズ"
|
|
914
563
|
}
|
|
915
564
|
),
|
|
916
|
-
/* @__PURE__ */
|
|
917
|
-
|
|
565
|
+
/* @__PURE__ */ r.jsx(
|
|
566
|
+
B,
|
|
918
567
|
{
|
|
919
|
-
value:
|
|
920
|
-
onChange:
|
|
921
|
-
readOnly:
|
|
568
|
+
value: a.checkboxSize,
|
|
569
|
+
onChange: p,
|
|
570
|
+
readOnly: i,
|
|
922
571
|
allowedUnits: ["px"],
|
|
923
572
|
config: {
|
|
924
573
|
min: 8,
|
|
@@ -929,7 +578,7 @@ const $e = ({
|
|
|
929
578
|
}
|
|
930
579
|
)
|
|
931
580
|
] }),
|
|
932
|
-
/* @__PURE__ */
|
|
581
|
+
/* @__PURE__ */ r.jsxs(
|
|
933
582
|
"div",
|
|
934
583
|
{
|
|
935
584
|
style: {
|
|
@@ -938,8 +587,8 @@ const $e = ({
|
|
|
938
587
|
gap: "8px"
|
|
939
588
|
},
|
|
940
589
|
children: [
|
|
941
|
-
/* @__PURE__ */
|
|
942
|
-
/* @__PURE__ */
|
|
590
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
591
|
+
/* @__PURE__ */ r.jsx(
|
|
943
592
|
"div",
|
|
944
593
|
{
|
|
945
594
|
style: {
|
|
@@ -950,12 +599,12 @@ const $e = ({
|
|
|
950
599
|
children: "枠線の太さ"
|
|
951
600
|
}
|
|
952
601
|
),
|
|
953
|
-
/* @__PURE__ */
|
|
954
|
-
|
|
602
|
+
/* @__PURE__ */ r.jsx(
|
|
603
|
+
B,
|
|
955
604
|
{
|
|
956
|
-
value:
|
|
957
|
-
onChange:
|
|
958
|
-
readOnly:
|
|
605
|
+
value: a.borderWidth,
|
|
606
|
+
onChange: m,
|
|
607
|
+
readOnly: i,
|
|
959
608
|
allowedUnits: ["px", "%"],
|
|
960
609
|
config: {
|
|
961
610
|
min: 0,
|
|
@@ -965,8 +614,8 @@ const $e = ({
|
|
|
965
614
|
}
|
|
966
615
|
)
|
|
967
616
|
] }),
|
|
968
|
-
/* @__PURE__ */
|
|
969
|
-
/* @__PURE__ */
|
|
617
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
618
|
+
/* @__PURE__ */ r.jsx(
|
|
970
619
|
"div",
|
|
971
620
|
{
|
|
972
621
|
style: {
|
|
@@ -977,12 +626,12 @@ const $e = ({
|
|
|
977
626
|
children: "枠線の色"
|
|
978
627
|
}
|
|
979
628
|
),
|
|
980
|
-
/* @__PURE__ */
|
|
981
|
-
|
|
629
|
+
/* @__PURE__ */ r.jsx(
|
|
630
|
+
w,
|
|
982
631
|
{
|
|
983
|
-
value:
|
|
984
|
-
onChange:
|
|
985
|
-
readOnly:
|
|
632
|
+
value: a.borderColor,
|
|
633
|
+
onChange: k,
|
|
634
|
+
readOnly: i,
|
|
986
635
|
showTextInput: !0,
|
|
987
636
|
placeholder: "#d1d5db"
|
|
988
637
|
}
|
|
@@ -991,7 +640,7 @@ const $e = ({
|
|
|
991
640
|
]
|
|
992
641
|
}
|
|
993
642
|
),
|
|
994
|
-
/* @__PURE__ */
|
|
643
|
+
/* @__PURE__ */ r.jsxs(
|
|
995
644
|
"div",
|
|
996
645
|
{
|
|
997
646
|
style: {
|
|
@@ -1000,8 +649,8 @@ const $e = ({
|
|
|
1000
649
|
gap: "8px"
|
|
1001
650
|
},
|
|
1002
651
|
children: [
|
|
1003
|
-
/* @__PURE__ */
|
|
1004
|
-
/* @__PURE__ */
|
|
652
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
653
|
+
/* @__PURE__ */ r.jsx(
|
|
1005
654
|
"div",
|
|
1006
655
|
{
|
|
1007
656
|
style: {
|
|
@@ -1012,12 +661,12 @@ const $e = ({
|
|
|
1012
661
|
children: "チェックマークの太さ"
|
|
1013
662
|
}
|
|
1014
663
|
),
|
|
1015
|
-
/* @__PURE__ */
|
|
1016
|
-
|
|
664
|
+
/* @__PURE__ */ r.jsx(
|
|
665
|
+
B,
|
|
1017
666
|
{
|
|
1018
|
-
value:
|
|
1019
|
-
onChange:
|
|
1020
|
-
readOnly:
|
|
667
|
+
value: a.checkWidth,
|
|
668
|
+
onChange: x,
|
|
669
|
+
readOnly: i,
|
|
1021
670
|
allowedUnits: ["px", "%"],
|
|
1022
671
|
config: {
|
|
1023
672
|
min: 0,
|
|
@@ -1027,8 +676,8 @@ const $e = ({
|
|
|
1027
676
|
}
|
|
1028
677
|
)
|
|
1029
678
|
] }),
|
|
1030
|
-
/* @__PURE__ */
|
|
1031
|
-
/* @__PURE__ */
|
|
679
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
680
|
+
/* @__PURE__ */ r.jsx(
|
|
1032
681
|
"div",
|
|
1033
682
|
{
|
|
1034
683
|
style: {
|
|
@@ -1039,12 +688,12 @@ const $e = ({
|
|
|
1039
688
|
children: "チェックマークの色"
|
|
1040
689
|
}
|
|
1041
690
|
),
|
|
1042
|
-
/* @__PURE__ */
|
|
1043
|
-
|
|
691
|
+
/* @__PURE__ */ r.jsx(
|
|
692
|
+
w,
|
|
1044
693
|
{
|
|
1045
|
-
value:
|
|
1046
|
-
onChange:
|
|
1047
|
-
readOnly:
|
|
694
|
+
value: a.checkColor,
|
|
695
|
+
onChange: g,
|
|
696
|
+
readOnly: i,
|
|
1048
697
|
showTextInput: !0,
|
|
1049
698
|
placeholder: "#2563eb"
|
|
1050
699
|
}
|
|
@@ -1053,7 +702,7 @@ const $e = ({
|
|
|
1053
702
|
]
|
|
1054
703
|
}
|
|
1055
704
|
),
|
|
1056
|
-
/* @__PURE__ */
|
|
705
|
+
/* @__PURE__ */ r.jsxs(
|
|
1057
706
|
"div",
|
|
1058
707
|
{
|
|
1059
708
|
style: {
|
|
@@ -1062,8 +711,8 @@ const $e = ({
|
|
|
1062
711
|
gap: "8px"
|
|
1063
712
|
},
|
|
1064
713
|
children: [
|
|
1065
|
-
/* @__PURE__ */
|
|
1066
|
-
/* @__PURE__ */
|
|
714
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
715
|
+
/* @__PURE__ */ r.jsx(
|
|
1067
716
|
"div",
|
|
1068
717
|
{
|
|
1069
718
|
style: {
|
|
@@ -1074,19 +723,19 @@ const $e = ({
|
|
|
1074
723
|
children: "背景色(未チェック)"
|
|
1075
724
|
}
|
|
1076
725
|
),
|
|
1077
|
-
/* @__PURE__ */
|
|
1078
|
-
|
|
726
|
+
/* @__PURE__ */ r.jsx(
|
|
727
|
+
w,
|
|
1079
728
|
{
|
|
1080
|
-
value:
|
|
1081
|
-
onChange:
|
|
1082
|
-
readOnly:
|
|
729
|
+
value: a.backgroundColor,
|
|
730
|
+
onChange: C,
|
|
731
|
+
readOnly: i,
|
|
1083
732
|
showTextInput: !0,
|
|
1084
733
|
placeholder: "#ffffff"
|
|
1085
734
|
}
|
|
1086
735
|
)
|
|
1087
736
|
] }),
|
|
1088
|
-
/* @__PURE__ */
|
|
1089
|
-
/* @__PURE__ */
|
|
737
|
+
/* @__PURE__ */ r.jsxs("div", { children: [
|
|
738
|
+
/* @__PURE__ */ r.jsx(
|
|
1090
739
|
"div",
|
|
1091
740
|
{
|
|
1092
741
|
style: {
|
|
@@ -1097,12 +746,12 @@ const $e = ({
|
|
|
1097
746
|
children: "背景色(チェック時)"
|
|
1098
747
|
}
|
|
1099
748
|
),
|
|
1100
|
-
/* @__PURE__ */
|
|
1101
|
-
|
|
749
|
+
/* @__PURE__ */ r.jsx(
|
|
750
|
+
w,
|
|
1102
751
|
{
|
|
1103
|
-
value:
|
|
1104
|
-
onChange:
|
|
1105
|
-
readOnly:
|
|
752
|
+
value: a.checkedBackgroundColor,
|
|
753
|
+
onChange: j,
|
|
754
|
+
readOnly: i,
|
|
1106
755
|
showTextInput: !0,
|
|
1107
756
|
allowUndefined: !0,
|
|
1108
757
|
placeholder: "#ffffff"
|
|
@@ -1116,32 +765,32 @@ const $e = ({
|
|
|
1116
765
|
}
|
|
1117
766
|
);
|
|
1118
767
|
};
|
|
1119
|
-
|
|
1120
|
-
const
|
|
768
|
+
Q.displayName = "CheckboxStyleEditor";
|
|
769
|
+
const Ce = {
|
|
1121
770
|
kind: "checkbox",
|
|
1122
771
|
meta: {
|
|
1123
772
|
displayName: "チェックボックス",
|
|
1124
773
|
description: "チェック/非チェックを選択する入力ブロック",
|
|
1125
774
|
defaultSize: { w: 2, h: 2 }
|
|
1126
775
|
},
|
|
1127
|
-
Renderer:
|
|
776
|
+
Renderer: Z,
|
|
1128
777
|
properties: {
|
|
1129
|
-
...
|
|
778
|
+
...de,
|
|
1130
779
|
// alignment + padding
|
|
1131
|
-
...
|
|
780
|
+
...ce,
|
|
1132
781
|
styleConfig: {
|
|
1133
|
-
Component:
|
|
782
|
+
Component: Q,
|
|
1134
783
|
label: "チェックボックススタイル",
|
|
1135
784
|
group: "スタイル",
|
|
1136
785
|
defaultValue: void 0
|
|
1137
786
|
}
|
|
1138
787
|
},
|
|
1139
|
-
validateProps: (
|
|
1140
|
-
validateValue: (
|
|
788
|
+
validateProps: (n) => n,
|
|
789
|
+
validateValue: (n) => typeof n == "boolean" ? n : !1
|
|
1141
790
|
};
|
|
1142
791
|
export {
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
792
|
+
Ce as CheckboxPlugin,
|
|
793
|
+
Z as CheckboxRenderer,
|
|
794
|
+
Q as CheckboxStyleEditor
|
|
1146
795
|
};
|
|
1147
796
|
//# sourceMappingURL=index.mjs.map
|