font-controls 1.4.0 → 1.5.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/font-controls.js +1059 -873
- package/dist/font-controls.umd.cjs +12 -12
- package/dist/index.d.ts +51 -4
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/font-controls.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
function
|
|
1
|
+
import Le, { useState as ue, useRef as xe, useEffect as me } from "react";
|
|
2
|
+
import lt from "react-dom";
|
|
3
|
+
function _t(e) {
|
|
4
4
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
5
5
|
}
|
|
6
|
-
var
|
|
6
|
+
var Ie = { exports: {} }, pe = {};
|
|
7
7
|
/**
|
|
8
8
|
* @license React
|
|
9
9
|
* react-jsx-runtime.production.js
|
|
@@ -13,29 +13,29 @@ var Me = { exports: {} }, de = {};
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
var
|
|
17
|
-
function
|
|
18
|
-
if (
|
|
19
|
-
|
|
16
|
+
var ze;
|
|
17
|
+
function Ct() {
|
|
18
|
+
if (ze) return pe;
|
|
19
|
+
ze = 1;
|
|
20
20
|
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
|
|
21
21
|
function r(o, a, i) {
|
|
22
|
-
var
|
|
23
|
-
if (i !== void 0 && (
|
|
22
|
+
var p = null;
|
|
23
|
+
if (i !== void 0 && (p = "" + i), a.key !== void 0 && (p = "" + a.key), "key" in a) {
|
|
24
24
|
i = {};
|
|
25
|
-
for (var
|
|
26
|
-
|
|
25
|
+
for (var l in a)
|
|
26
|
+
l !== "key" && (i[l] = a[l]);
|
|
27
27
|
} else i = a;
|
|
28
28
|
return a = i.ref, {
|
|
29
29
|
$$typeof: e,
|
|
30
30
|
type: o,
|
|
31
|
-
key:
|
|
31
|
+
key: p,
|
|
32
32
|
ref: a !== void 0 ? a : null,
|
|
33
33
|
props: i
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
|
-
return
|
|
36
|
+
return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
|
|
37
37
|
}
|
|
38
|
-
var
|
|
38
|
+
var he = {};
|
|
39
39
|
/**
|
|
40
40
|
* @license React
|
|
41
41
|
* react-jsx-runtime.development.js
|
|
@@ -45,47 +45,47 @@ var pe = {};
|
|
|
45
45
|
* This source code is licensed under the MIT license found in the
|
|
46
46
|
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*/
|
|
48
|
-
var
|
|
49
|
-
function
|
|
50
|
-
return
|
|
48
|
+
var Ve;
|
|
49
|
+
function Pt() {
|
|
50
|
+
return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
|
|
51
51
|
function e(n) {
|
|
52
52
|
if (n == null) return null;
|
|
53
53
|
if (typeof n == "function")
|
|
54
54
|
return n.$$typeof === ne ? null : n.displayName || n.name || null;
|
|
55
55
|
if (typeof n == "string") return n;
|
|
56
56
|
switch (n) {
|
|
57
|
-
case
|
|
57
|
+
case O:
|
|
58
58
|
return "Fragment";
|
|
59
|
-
case
|
|
59
|
+
case d:
|
|
60
60
|
return "Profiler";
|
|
61
|
-
case
|
|
61
|
+
case g:
|
|
62
62
|
return "StrictMode";
|
|
63
|
-
case
|
|
63
|
+
case D:
|
|
64
64
|
return "Suspense";
|
|
65
|
-
case L:
|
|
66
|
-
return "SuspenseList";
|
|
67
65
|
case W:
|
|
66
|
+
return "SuspenseList";
|
|
67
|
+
case L:
|
|
68
68
|
return "Activity";
|
|
69
69
|
}
|
|
70
70
|
if (typeof n == "object")
|
|
71
71
|
switch (typeof n.tag == "number" && console.error(
|
|
72
72
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
73
73
|
), n.$$typeof) {
|
|
74
|
-
case
|
|
74
|
+
case k:
|
|
75
75
|
return "Portal";
|
|
76
|
-
case
|
|
76
|
+
case x:
|
|
77
77
|
return n.displayName || "Context";
|
|
78
|
-
case
|
|
78
|
+
case w:
|
|
79
79
|
return (n._context.displayName || "Context") + ".Consumer";
|
|
80
80
|
case s:
|
|
81
|
-
var
|
|
82
|
-
return n = n.displayName, n || (n =
|
|
81
|
+
var h = n.render;
|
|
82
|
+
return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
|
|
83
83
|
case U:
|
|
84
|
-
return
|
|
84
|
+
return h = n.displayName || null, h !== null ? h : e(n.type) || "Memo";
|
|
85
85
|
case Y:
|
|
86
|
-
|
|
86
|
+
h = n._payload, n = n._init;
|
|
87
87
|
try {
|
|
88
|
-
return e(n(
|
|
88
|
+
return e(n(h));
|
|
89
89
|
} catch {
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -97,27 +97,27 @@ function Et() {
|
|
|
97
97
|
function r(n) {
|
|
98
98
|
try {
|
|
99
99
|
t(n);
|
|
100
|
-
var
|
|
100
|
+
var h = !1;
|
|
101
101
|
} catch {
|
|
102
|
-
|
|
102
|
+
h = !0;
|
|
103
103
|
}
|
|
104
|
-
if (
|
|
105
|
-
|
|
106
|
-
var
|
|
107
|
-
return
|
|
108
|
-
|
|
104
|
+
if (h) {
|
|
105
|
+
h = console;
|
|
106
|
+
var b = h.error, v = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
|
|
107
|
+
return b.call(
|
|
108
|
+
h,
|
|
109
109
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
110
|
-
|
|
110
|
+
v
|
|
111
111
|
), t(n);
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
function o(n) {
|
|
115
|
-
if (n ===
|
|
115
|
+
if (n === O) return "<>";
|
|
116
116
|
if (typeof n == "object" && n !== null && n.$$typeof === Y)
|
|
117
117
|
return "<...>";
|
|
118
118
|
try {
|
|
119
|
-
var
|
|
120
|
-
return
|
|
119
|
+
var h = e(n);
|
|
120
|
+
return h ? "<" + h + ">" : "<...>";
|
|
121
121
|
} catch {
|
|
122
122
|
return "<...>";
|
|
123
123
|
}
|
|
@@ -129,42 +129,42 @@ function Et() {
|
|
|
129
129
|
function i() {
|
|
130
130
|
return Error("react-stack-top-frame");
|
|
131
131
|
}
|
|
132
|
-
function
|
|
132
|
+
function p(n) {
|
|
133
133
|
if (ae.call(n, "key")) {
|
|
134
|
-
var
|
|
135
|
-
if (
|
|
134
|
+
var h = Object.getOwnPropertyDescriptor(n, "key").get;
|
|
135
|
+
if (h && h.isReactWarning) return !1;
|
|
136
136
|
}
|
|
137
137
|
return n.key !== void 0;
|
|
138
138
|
}
|
|
139
|
-
function
|
|
140
|
-
function
|
|
139
|
+
function l(n, h) {
|
|
140
|
+
function b() {
|
|
141
141
|
X || (X = !0, console.error(
|
|
142
142
|
"%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)",
|
|
143
|
-
|
|
143
|
+
h
|
|
144
144
|
));
|
|
145
145
|
}
|
|
146
|
-
|
|
147
|
-
get:
|
|
146
|
+
b.isReactWarning = !0, Object.defineProperty(n, "key", {
|
|
147
|
+
get: b,
|
|
148
148
|
configurable: !0
|
|
149
149
|
});
|
|
150
150
|
}
|
|
151
|
-
function
|
|
151
|
+
function f() {
|
|
152
152
|
var n = e(this.type);
|
|
153
153
|
return V[n] || (V[n] = !0, console.error(
|
|
154
154
|
"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."
|
|
155
155
|
)), n = this.props.ref, n !== void 0 ? n : null;
|
|
156
156
|
}
|
|
157
|
-
function
|
|
158
|
-
var
|
|
157
|
+
function y(n, h, b, v, R, C) {
|
|
158
|
+
var S = b.ref;
|
|
159
159
|
return n = {
|
|
160
160
|
$$typeof: I,
|
|
161
161
|
type: n,
|
|
162
|
-
key:
|
|
163
|
-
props:
|
|
164
|
-
_owner:
|
|
165
|
-
}, (
|
|
162
|
+
key: h,
|
|
163
|
+
props: b,
|
|
164
|
+
_owner: v
|
|
165
|
+
}, (S !== void 0 ? S : null) !== null ? Object.defineProperty(n, "ref", {
|
|
166
166
|
enumerable: !1,
|
|
167
|
-
get:
|
|
167
|
+
get: f
|
|
168
168
|
}) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
|
|
169
169
|
configurable: !1,
|
|
170
170
|
enumerable: !1,
|
|
@@ -179,105 +179,105 @@ function Et() {
|
|
|
179
179
|
configurable: !1,
|
|
180
180
|
enumerable: !1,
|
|
181
181
|
writable: !0,
|
|
182
|
-
value:
|
|
182
|
+
value: R
|
|
183
183
|
}), Object.defineProperty(n, "_debugTask", {
|
|
184
184
|
configurable: !1,
|
|
185
185
|
enumerable: !1,
|
|
186
186
|
writable: !0,
|
|
187
|
-
value:
|
|
187
|
+
value: C
|
|
188
188
|
}), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
|
|
189
189
|
}
|
|
190
|
-
function
|
|
191
|
-
var
|
|
192
|
-
if (
|
|
193
|
-
if (
|
|
194
|
-
if (K(
|
|
195
|
-
for (
|
|
196
|
-
|
|
197
|
-
Object.freeze && Object.freeze(
|
|
190
|
+
function T(n, h, b, v, R, C) {
|
|
191
|
+
var S = h.children;
|
|
192
|
+
if (S !== void 0)
|
|
193
|
+
if (v)
|
|
194
|
+
if (K(S)) {
|
|
195
|
+
for (v = 0; v < S.length; v++)
|
|
196
|
+
_(S[v]);
|
|
197
|
+
Object.freeze && Object.freeze(S);
|
|
198
198
|
} else
|
|
199
199
|
console.error(
|
|
200
200
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
201
201
|
);
|
|
202
|
-
else
|
|
203
|
-
if (ae.call(
|
|
204
|
-
|
|
205
|
-
var
|
|
206
|
-
return
|
|
202
|
+
else _(S);
|
|
203
|
+
if (ae.call(h, "key")) {
|
|
204
|
+
S = e(n);
|
|
205
|
+
var P = Object.keys(h).filter(function(N) {
|
|
206
|
+
return N !== "key";
|
|
207
207
|
});
|
|
208
|
-
|
|
208
|
+
v = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", c[S + v] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
209
209
|
`A props object containing a "key" prop is being spread into JSX:
|
|
210
210
|
let props = %s;
|
|
211
211
|
<%s {...props} />
|
|
212
212
|
React keys must be passed directly to JSX without using spread:
|
|
213
213
|
let props = %s;
|
|
214
214
|
<%s key={someKey} {...props} />`,
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
),
|
|
215
|
+
v,
|
|
216
|
+
S,
|
|
217
|
+
P,
|
|
218
|
+
S
|
|
219
|
+
), c[S + v] = !0);
|
|
220
220
|
}
|
|
221
|
-
if (
|
|
222
|
-
|
|
223
|
-
for (var
|
|
224
|
-
|
|
225
|
-
} else
|
|
226
|
-
return
|
|
227
|
-
|
|
221
|
+
if (S = null, b !== void 0 && (r(b), S = "" + b), p(h) && (r(h.key), S = "" + h.key), "key" in h) {
|
|
222
|
+
b = {};
|
|
223
|
+
for (var A in h)
|
|
224
|
+
A !== "key" && (b[A] = h[A]);
|
|
225
|
+
} else b = h;
|
|
226
|
+
return S && l(
|
|
227
|
+
b,
|
|
228
228
|
typeof n == "function" ? n.displayName || n.name || "Unknown" : n
|
|
229
|
-
),
|
|
229
|
+
), y(
|
|
230
230
|
n,
|
|
231
|
+
S,
|
|
231
232
|
b,
|
|
232
|
-
y,
|
|
233
233
|
a(),
|
|
234
|
-
|
|
235
|
-
|
|
234
|
+
R,
|
|
235
|
+
C
|
|
236
236
|
);
|
|
237
237
|
}
|
|
238
|
-
function
|
|
239
|
-
|
|
238
|
+
function _(n) {
|
|
239
|
+
E(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === Y && (n._payload.status === "fulfilled" ? E(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
|
|
240
240
|
}
|
|
241
|
-
function
|
|
241
|
+
function E(n) {
|
|
242
242
|
return typeof n == "object" && n !== null && n.$$typeof === I;
|
|
243
243
|
}
|
|
244
|
-
var
|
|
244
|
+
var j = Le, I = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), x = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), oe = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ae = Object.prototype.hasOwnProperty, K = Array.isArray, se = console.createTask ? console.createTask : function() {
|
|
245
245
|
return null;
|
|
246
246
|
};
|
|
247
|
-
|
|
247
|
+
j = {
|
|
248
248
|
react_stack_bottom_frame: function(n) {
|
|
249
249
|
return n();
|
|
250
250
|
}
|
|
251
251
|
};
|
|
252
|
-
var X, V = {}, Q =
|
|
253
|
-
|
|
252
|
+
var X, V = {}, Q = j.react_stack_bottom_frame.bind(
|
|
253
|
+
j,
|
|
254
254
|
i
|
|
255
|
-
)(), ie = se(o(i)),
|
|
256
|
-
|
|
257
|
-
var
|
|
258
|
-
return
|
|
255
|
+
)(), ie = se(o(i)), c = {};
|
|
256
|
+
he.Fragment = O, he.jsx = function(n, h, b) {
|
|
257
|
+
var v = 1e4 > oe.recentlyCreatedOwnerStacks++;
|
|
258
|
+
return T(
|
|
259
259
|
n,
|
|
260
|
-
|
|
261
|
-
|
|
260
|
+
h,
|
|
261
|
+
b,
|
|
262
262
|
!1,
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
v ? Error("react-stack-top-frame") : Q,
|
|
264
|
+
v ? se(o(n)) : ie
|
|
265
265
|
);
|
|
266
|
-
},
|
|
267
|
-
var
|
|
268
|
-
return
|
|
266
|
+
}, he.jsxs = function(n, h, b) {
|
|
267
|
+
var v = 1e4 > oe.recentlyCreatedOwnerStacks++;
|
|
268
|
+
return T(
|
|
269
269
|
n,
|
|
270
|
-
|
|
271
|
-
|
|
270
|
+
h,
|
|
271
|
+
b,
|
|
272
272
|
!0,
|
|
273
|
-
|
|
274
|
-
|
|
273
|
+
v ? Error("react-stack-top-frame") : Q,
|
|
274
|
+
v ? se(o(n)) : ie
|
|
275
275
|
);
|
|
276
276
|
};
|
|
277
|
-
}()),
|
|
277
|
+
}()), he;
|
|
278
278
|
}
|
|
279
|
-
process.env.NODE_ENV === "production" ?
|
|
280
|
-
var u =
|
|
279
|
+
process.env.NODE_ENV === "production" ? Ie.exports = Ct() : Ie.exports = Pt();
|
|
280
|
+
var u = Ie.exports, Te = { exports: {} }, ct = {}, Fe = { exports: {} }, ve = { exports: {} }, M = {};
|
|
281
281
|
/** @license React v16.13.1
|
|
282
282
|
* react-is.production.min.js
|
|
283
283
|
*
|
|
@@ -286,73 +286,73 @@ var u = Me.exports, be = { exports: {} }, it = {}, ke = { exports: {} }, ye = {
|
|
|
286
286
|
* This source code is licensed under the MIT license found in the
|
|
287
287
|
* LICENSE file in the root directory of this source tree.
|
|
288
288
|
*/
|
|
289
|
-
var
|
|
290
|
-
function
|
|
291
|
-
if (
|
|
292
|
-
|
|
293
|
-
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114,
|
|
294
|
-
function
|
|
289
|
+
var Ge;
|
|
290
|
+
function jt() {
|
|
291
|
+
if (Ge) return M;
|
|
292
|
+
Ge = 1;
|
|
293
|
+
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, T = e ? Symbol.for("react.forward_ref") : 60112, _ = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, d = e ? Symbol.for("react.scope") : 60119;
|
|
294
|
+
function w(s) {
|
|
295
295
|
if (typeof s == "object" && s !== null) {
|
|
296
|
-
var
|
|
297
|
-
switch (
|
|
296
|
+
var D = s.$$typeof;
|
|
297
|
+
switch (D) {
|
|
298
298
|
case t:
|
|
299
299
|
switch (s = s.type, s) {
|
|
300
|
-
case
|
|
301
|
-
case
|
|
300
|
+
case f:
|
|
301
|
+
case y:
|
|
302
302
|
case o:
|
|
303
303
|
case i:
|
|
304
304
|
case a:
|
|
305
|
-
case
|
|
305
|
+
case _:
|
|
306
306
|
return s;
|
|
307
307
|
default:
|
|
308
308
|
switch (s = s && s.$$typeof, s) {
|
|
309
|
-
case
|
|
310
|
-
case
|
|
309
|
+
case l:
|
|
310
|
+
case T:
|
|
311
311
|
case I:
|
|
312
|
-
case
|
|
313
|
-
case
|
|
312
|
+
case j:
|
|
313
|
+
case p:
|
|
314
314
|
return s;
|
|
315
315
|
default:
|
|
316
|
-
return
|
|
316
|
+
return D;
|
|
317
317
|
}
|
|
318
318
|
}
|
|
319
319
|
case r:
|
|
320
|
-
return
|
|
320
|
+
return D;
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
}
|
|
324
|
-
function
|
|
325
|
-
return
|
|
324
|
+
function x(s) {
|
|
325
|
+
return w(s) === y;
|
|
326
326
|
}
|
|
327
|
-
return M.AsyncMode =
|
|
328
|
-
return
|
|
329
|
-
}, M.isConcurrentMode =
|
|
330
|
-
return
|
|
327
|
+
return M.AsyncMode = f, M.ConcurrentMode = y, M.ContextConsumer = l, M.ContextProvider = p, M.Element = t, M.ForwardRef = T, M.Fragment = o, M.Lazy = I, M.Memo = j, M.Portal = r, M.Profiler = i, M.StrictMode = a, M.Suspense = _, M.isAsyncMode = function(s) {
|
|
328
|
+
return x(s) || w(s) === f;
|
|
329
|
+
}, M.isConcurrentMode = x, M.isContextConsumer = function(s) {
|
|
330
|
+
return w(s) === l;
|
|
331
331
|
}, M.isContextProvider = function(s) {
|
|
332
|
-
return
|
|
332
|
+
return w(s) === p;
|
|
333
333
|
}, M.isElement = function(s) {
|
|
334
334
|
return typeof s == "object" && s !== null && s.$$typeof === t;
|
|
335
335
|
}, M.isForwardRef = function(s) {
|
|
336
|
-
return
|
|
336
|
+
return w(s) === T;
|
|
337
337
|
}, M.isFragment = function(s) {
|
|
338
|
-
return
|
|
338
|
+
return w(s) === o;
|
|
339
339
|
}, M.isLazy = function(s) {
|
|
340
|
-
return
|
|
340
|
+
return w(s) === I;
|
|
341
341
|
}, M.isMemo = function(s) {
|
|
342
|
-
return
|
|
342
|
+
return w(s) === j;
|
|
343
343
|
}, M.isPortal = function(s) {
|
|
344
|
-
return
|
|
344
|
+
return w(s) === r;
|
|
345
345
|
}, M.isProfiler = function(s) {
|
|
346
|
-
return
|
|
346
|
+
return w(s) === i;
|
|
347
347
|
}, M.isStrictMode = function(s) {
|
|
348
|
-
return
|
|
348
|
+
return w(s) === a;
|
|
349
349
|
}, M.isSuspense = function(s) {
|
|
350
|
-
return
|
|
350
|
+
return w(s) === _;
|
|
351
351
|
}, M.isValidElementType = function(s) {
|
|
352
|
-
return typeof s == "string" || typeof s == "function" || s === o || s ===
|
|
353
|
-
}, M.typeOf =
|
|
352
|
+
return typeof s == "string" || typeof s == "function" || s === o || s === y || s === i || s === a || s === _ || s === E || typeof s == "object" && s !== null && (s.$$typeof === I || s.$$typeof === j || s.$$typeof === p || s.$$typeof === l || s.$$typeof === T || s.$$typeof === O || s.$$typeof === g || s.$$typeof === d || s.$$typeof === k);
|
|
353
|
+
}, M.typeOf = w, M;
|
|
354
354
|
}
|
|
355
|
-
var
|
|
355
|
+
var $ = {};
|
|
356
356
|
/** @license React v16.13.1
|
|
357
357
|
* react-is.development.js
|
|
358
358
|
*
|
|
@@ -361,37 +361,37 @@ var k = {};
|
|
|
361
361
|
* This source code is licensed under the MIT license found in the
|
|
362
362
|
* LICENSE file in the root directory of this source tree.
|
|
363
363
|
*/
|
|
364
|
-
var
|
|
365
|
-
function
|
|
366
|
-
return
|
|
367
|
-
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114,
|
|
368
|
-
function
|
|
369
|
-
return typeof
|
|
370
|
-
|
|
371
|
-
}
|
|
372
|
-
function
|
|
373
|
-
if (typeof
|
|
374
|
-
var ee =
|
|
364
|
+
var Je;
|
|
365
|
+
function Rt() {
|
|
366
|
+
return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
|
|
367
|
+
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, T = e ? Symbol.for("react.forward_ref") : 60112, _ = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, I = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, d = e ? Symbol.for("react.scope") : 60119;
|
|
368
|
+
function w(m) {
|
|
369
|
+
return typeof m == "string" || typeof m == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
370
|
+
m === o || m === y || m === i || m === a || m === _ || m === E || typeof m == "object" && m !== null && (m.$$typeof === I || m.$$typeof === j || m.$$typeof === p || m.$$typeof === l || m.$$typeof === T || m.$$typeof === O || m.$$typeof === g || m.$$typeof === d || m.$$typeof === k);
|
|
371
|
+
}
|
|
372
|
+
function x(m) {
|
|
373
|
+
if (typeof m == "object" && m !== null) {
|
|
374
|
+
var ee = m.$$typeof;
|
|
375
375
|
switch (ee) {
|
|
376
376
|
case t:
|
|
377
|
-
var
|
|
378
|
-
switch (
|
|
379
|
-
case
|
|
380
|
-
case
|
|
377
|
+
var ye = m.type;
|
|
378
|
+
switch (ye) {
|
|
379
|
+
case f:
|
|
380
|
+
case y:
|
|
381
381
|
case o:
|
|
382
382
|
case i:
|
|
383
383
|
case a:
|
|
384
|
-
case
|
|
385
|
-
return
|
|
384
|
+
case _:
|
|
385
|
+
return ye;
|
|
386
386
|
default:
|
|
387
|
-
var
|
|
388
|
-
switch (
|
|
389
|
-
case
|
|
390
|
-
case
|
|
387
|
+
var He = ye && ye.$$typeof;
|
|
388
|
+
switch (He) {
|
|
389
|
+
case l:
|
|
390
|
+
case T:
|
|
391
391
|
case I:
|
|
392
|
-
case
|
|
393
|
-
case
|
|
394
|
-
return
|
|
392
|
+
case j:
|
|
393
|
+
case p:
|
|
394
|
+
return He;
|
|
395
395
|
default:
|
|
396
396
|
return ee;
|
|
397
397
|
}
|
|
@@ -401,62 +401,62 @@ function wt() {
|
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
|
-
var s =
|
|
405
|
-
function ie(
|
|
406
|
-
return Q || (Q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),
|
|
404
|
+
var s = f, D = y, W = l, U = p, Y = t, L = T, ne = o, oe = I, ae = j, K = r, se = i, X = a, V = _, Q = !1;
|
|
405
|
+
function ie(m) {
|
|
406
|
+
return Q || (Q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), c(m) || x(m) === f;
|
|
407
407
|
}
|
|
408
|
-
function
|
|
409
|
-
return
|
|
408
|
+
function c(m) {
|
|
409
|
+
return x(m) === y;
|
|
410
410
|
}
|
|
411
|
-
function n(
|
|
412
|
-
return
|
|
411
|
+
function n(m) {
|
|
412
|
+
return x(m) === l;
|
|
413
413
|
}
|
|
414
|
-
function
|
|
415
|
-
return
|
|
414
|
+
function h(m) {
|
|
415
|
+
return x(m) === p;
|
|
416
416
|
}
|
|
417
|
-
function
|
|
418
|
-
return typeof
|
|
417
|
+
function b(m) {
|
|
418
|
+
return typeof m == "object" && m !== null && m.$$typeof === t;
|
|
419
419
|
}
|
|
420
|
-
function m
|
|
421
|
-
return
|
|
420
|
+
function v(m) {
|
|
421
|
+
return x(m) === T;
|
|
422
422
|
}
|
|
423
|
-
function
|
|
424
|
-
return
|
|
423
|
+
function R(m) {
|
|
424
|
+
return x(m) === o;
|
|
425
425
|
}
|
|
426
|
-
function
|
|
427
|
-
return
|
|
426
|
+
function C(m) {
|
|
427
|
+
return x(m) === I;
|
|
428
428
|
}
|
|
429
|
-
function
|
|
430
|
-
return
|
|
429
|
+
function S(m) {
|
|
430
|
+
return x(m) === j;
|
|
431
431
|
}
|
|
432
|
-
function
|
|
433
|
-
return
|
|
432
|
+
function P(m) {
|
|
433
|
+
return x(m) === r;
|
|
434
434
|
}
|
|
435
|
-
function
|
|
436
|
-
return
|
|
435
|
+
function A(m) {
|
|
436
|
+
return x(m) === i;
|
|
437
437
|
}
|
|
438
|
-
function
|
|
439
|
-
return
|
|
438
|
+
function N(m) {
|
|
439
|
+
return x(m) === a;
|
|
440
440
|
}
|
|
441
|
-
function z(
|
|
442
|
-
return
|
|
441
|
+
function z(m) {
|
|
442
|
+
return x(m) === _;
|
|
443
443
|
}
|
|
444
|
-
|
|
445
|
-
}()),
|
|
444
|
+
$.AsyncMode = s, $.ConcurrentMode = D, $.ContextConsumer = W, $.ContextProvider = U, $.Element = Y, $.ForwardRef = L, $.Fragment = ne, $.Lazy = oe, $.Memo = ae, $.Portal = K, $.Profiler = se, $.StrictMode = X, $.Suspense = V, $.isAsyncMode = ie, $.isConcurrentMode = c, $.isContextConsumer = n, $.isContextProvider = h, $.isElement = b, $.isForwardRef = v, $.isFragment = R, $.isLazy = C, $.isMemo = S, $.isPortal = P, $.isProfiler = A, $.isStrictMode = N, $.isSuspense = z, $.isValidElementType = w, $.typeOf = x;
|
|
445
|
+
}()), $;
|
|
446
446
|
}
|
|
447
|
-
var
|
|
448
|
-
function
|
|
449
|
-
return
|
|
447
|
+
var Ke;
|
|
448
|
+
function ut() {
|
|
449
|
+
return Ke || (Ke = 1, process.env.NODE_ENV === "production" ? ve.exports = jt() : ve.exports = Rt()), ve.exports;
|
|
450
450
|
}
|
|
451
451
|
/*
|
|
452
452
|
object-assign
|
|
453
453
|
(c) Sindre Sorhus
|
|
454
454
|
@license MIT
|
|
455
455
|
*/
|
|
456
|
-
var
|
|
457
|
-
function
|
|
458
|
-
if (
|
|
459
|
-
|
|
456
|
+
var Ce, Ze;
|
|
457
|
+
function Ot() {
|
|
458
|
+
if (Ze) return Ce;
|
|
459
|
+
Ze = 1;
|
|
460
460
|
var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
|
|
461
461
|
function o(i) {
|
|
462
462
|
if (i == null)
|
|
@@ -470,86 +470,86 @@ function Ct() {
|
|
|
470
470
|
var i = new String("abc");
|
|
471
471
|
if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
|
|
472
472
|
return !1;
|
|
473
|
-
for (var
|
|
474
|
-
|
|
475
|
-
var
|
|
476
|
-
return
|
|
473
|
+
for (var p = {}, l = 0; l < 10; l++)
|
|
474
|
+
p["_" + String.fromCharCode(l)] = l;
|
|
475
|
+
var f = Object.getOwnPropertyNames(p).map(function(T) {
|
|
476
|
+
return p[T];
|
|
477
477
|
});
|
|
478
|
-
if (
|
|
478
|
+
if (f.join("") !== "0123456789")
|
|
479
479
|
return !1;
|
|
480
|
-
var
|
|
481
|
-
return "abcdefghijklmnopqrst".split("").forEach(function(
|
|
482
|
-
|
|
483
|
-
}), Object.keys(Object.assign({},
|
|
480
|
+
var y = {};
|
|
481
|
+
return "abcdefghijklmnopqrst".split("").forEach(function(T) {
|
|
482
|
+
y[T] = T;
|
|
483
|
+
}), Object.keys(Object.assign({}, y)).join("") === "abcdefghijklmnopqrst";
|
|
484
484
|
} catch {
|
|
485
485
|
return !1;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
-
return
|
|
489
|
-
for (var
|
|
490
|
-
|
|
491
|
-
for (var
|
|
492
|
-
t.call(
|
|
488
|
+
return Ce = a() ? Object.assign : function(i, p) {
|
|
489
|
+
for (var l, f = o(i), y, T = 1; T < arguments.length; T++) {
|
|
490
|
+
l = Object(arguments[T]);
|
|
491
|
+
for (var _ in l)
|
|
492
|
+
t.call(l, _) && (f[_] = l[_]);
|
|
493
493
|
if (e) {
|
|
494
|
-
|
|
495
|
-
for (var
|
|
496
|
-
r.call(
|
|
494
|
+
y = e(l);
|
|
495
|
+
for (var E = 0; E < y.length; E++)
|
|
496
|
+
r.call(l, y[E]) && (f[y[E]] = l[y[E]]);
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
return
|
|
500
|
-
},
|
|
499
|
+
return f;
|
|
500
|
+
}, Ce;
|
|
501
501
|
}
|
|
502
|
-
var
|
|
503
|
-
function
|
|
504
|
-
if (
|
|
505
|
-
|
|
502
|
+
var Pe, Qe;
|
|
503
|
+
function We() {
|
|
504
|
+
if (Qe) return Pe;
|
|
505
|
+
Qe = 1;
|
|
506
506
|
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
|
507
|
-
return
|
|
507
|
+
return Pe = e, Pe;
|
|
508
508
|
}
|
|
509
|
-
var
|
|
510
|
-
function
|
|
511
|
-
return
|
|
509
|
+
var je, et;
|
|
510
|
+
function ft() {
|
|
511
|
+
return et || (et = 1, je = Function.call.bind(Object.prototype.hasOwnProperty)), je;
|
|
512
512
|
}
|
|
513
|
-
var
|
|
514
|
-
function
|
|
515
|
-
if (
|
|
516
|
-
|
|
513
|
+
var Re, tt;
|
|
514
|
+
function Dt() {
|
|
515
|
+
if (tt) return Re;
|
|
516
|
+
tt = 1;
|
|
517
517
|
var e = function() {
|
|
518
518
|
};
|
|
519
519
|
if (process.env.NODE_ENV !== "production") {
|
|
520
|
-
var t =
|
|
520
|
+
var t = We(), r = {}, o = ft();
|
|
521
521
|
e = function(i) {
|
|
522
|
-
var
|
|
523
|
-
typeof console < "u" && console.error(
|
|
522
|
+
var p = "Warning: " + i;
|
|
523
|
+
typeof console < "u" && console.error(p);
|
|
524
524
|
try {
|
|
525
|
-
throw new Error(
|
|
525
|
+
throw new Error(p);
|
|
526
526
|
} catch {
|
|
527
527
|
}
|
|
528
528
|
};
|
|
529
529
|
}
|
|
530
|
-
function a(i,
|
|
530
|
+
function a(i, p, l, f, y) {
|
|
531
531
|
if (process.env.NODE_ENV !== "production") {
|
|
532
|
-
for (var
|
|
533
|
-
if (o(i,
|
|
534
|
-
var
|
|
532
|
+
for (var T in i)
|
|
533
|
+
if (o(i, T)) {
|
|
534
|
+
var _;
|
|
535
535
|
try {
|
|
536
|
-
if (typeof i[
|
|
537
|
-
var
|
|
538
|
-
(
|
|
536
|
+
if (typeof i[T] != "function") {
|
|
537
|
+
var E = Error(
|
|
538
|
+
(f || "React class") + ": " + l + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
|
539
539
|
);
|
|
540
|
-
throw
|
|
540
|
+
throw E.name = "Invariant Violation", E;
|
|
541
541
|
}
|
|
542
|
-
|
|
542
|
+
_ = i[T](p, T, f, l, null, t);
|
|
543
543
|
} catch (I) {
|
|
544
|
-
|
|
544
|
+
_ = I;
|
|
545
545
|
}
|
|
546
|
-
if (
|
|
547
|
-
(
|
|
548
|
-
),
|
|
549
|
-
r[
|
|
550
|
-
var
|
|
546
|
+
if (_ && !(_ instanceof Error) && e(
|
|
547
|
+
(f || "React class") + ": type specification of " + l + " `" + T + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof _ + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
|
548
|
+
), _ instanceof Error && !(_.message in r)) {
|
|
549
|
+
r[_.message] = !0;
|
|
550
|
+
var j = y ? y() : "";
|
|
551
551
|
e(
|
|
552
|
-
"Failed " +
|
|
552
|
+
"Failed " + l + " type: " + _.message + (j ?? "")
|
|
553
553
|
);
|
|
554
554
|
}
|
|
555
555
|
}
|
|
@@ -557,281 +557,281 @@ function Pt() {
|
|
|
557
557
|
}
|
|
558
558
|
return a.resetWarningCache = function() {
|
|
559
559
|
process.env.NODE_ENV !== "production" && (r = {});
|
|
560
|
-
},
|
|
560
|
+
}, Re = a, Re;
|
|
561
561
|
}
|
|
562
|
-
var
|
|
563
|
-
function
|
|
564
|
-
if (
|
|
565
|
-
|
|
566
|
-
var e =
|
|
562
|
+
var Oe, rt;
|
|
563
|
+
function Nt() {
|
|
564
|
+
if (rt) return Oe;
|
|
565
|
+
rt = 1;
|
|
566
|
+
var e = ut(), t = Ot(), r = We(), o = ft(), a = Dt(), i = function() {
|
|
567
567
|
};
|
|
568
|
-
process.env.NODE_ENV !== "production" && (i = function(
|
|
569
|
-
var
|
|
570
|
-
typeof console < "u" && console.error(
|
|
568
|
+
process.env.NODE_ENV !== "production" && (i = function(l) {
|
|
569
|
+
var f = "Warning: " + l;
|
|
570
|
+
typeof console < "u" && console.error(f);
|
|
571
571
|
try {
|
|
572
|
-
throw new Error(
|
|
572
|
+
throw new Error(f);
|
|
573
573
|
} catch {
|
|
574
574
|
}
|
|
575
575
|
});
|
|
576
|
-
function
|
|
576
|
+
function p() {
|
|
577
577
|
return null;
|
|
578
578
|
}
|
|
579
|
-
return
|
|
580
|
-
var
|
|
581
|
-
function
|
|
582
|
-
var n =
|
|
579
|
+
return Oe = function(l, f) {
|
|
580
|
+
var y = typeof Symbol == "function" && Symbol.iterator, T = "@@iterator";
|
|
581
|
+
function _(c) {
|
|
582
|
+
var n = c && (y && c[y] || c[T]);
|
|
583
583
|
if (typeof n == "function")
|
|
584
584
|
return n;
|
|
585
585
|
}
|
|
586
|
-
var
|
|
587
|
-
array:
|
|
588
|
-
bigint:
|
|
589
|
-
bool:
|
|
590
|
-
func:
|
|
591
|
-
number:
|
|
592
|
-
object:
|
|
593
|
-
string:
|
|
594
|
-
symbol:
|
|
595
|
-
any:
|
|
596
|
-
arrayOf:
|
|
597
|
-
element:
|
|
586
|
+
var E = "<<anonymous>>", j = {
|
|
587
|
+
array: g("array"),
|
|
588
|
+
bigint: g("bigint"),
|
|
589
|
+
bool: g("boolean"),
|
|
590
|
+
func: g("function"),
|
|
591
|
+
number: g("number"),
|
|
592
|
+
object: g("object"),
|
|
593
|
+
string: g("string"),
|
|
594
|
+
symbol: g("symbol"),
|
|
595
|
+
any: d(),
|
|
596
|
+
arrayOf: w,
|
|
597
|
+
element: x(),
|
|
598
598
|
elementType: s(),
|
|
599
|
-
instanceOf:
|
|
600
|
-
node:
|
|
599
|
+
instanceOf: D,
|
|
600
|
+
node: L(),
|
|
601
601
|
objectOf: U,
|
|
602
|
-
oneOf:
|
|
602
|
+
oneOf: W,
|
|
603
603
|
oneOfType: Y,
|
|
604
604
|
shape: oe,
|
|
605
605
|
exact: ae
|
|
606
606
|
};
|
|
607
|
-
function I(
|
|
608
|
-
return
|
|
607
|
+
function I(c, n) {
|
|
608
|
+
return c === n ? c !== 0 || 1 / c === 1 / n : c !== c && n !== n;
|
|
609
609
|
}
|
|
610
|
-
function
|
|
611
|
-
this.message =
|
|
610
|
+
function k(c, n) {
|
|
611
|
+
this.message = c, this.data = n && typeof n == "object" ? n : {}, this.stack = "";
|
|
612
612
|
}
|
|
613
|
-
|
|
614
|
-
function
|
|
613
|
+
k.prototype = Error.prototype;
|
|
614
|
+
function O(c) {
|
|
615
615
|
if (process.env.NODE_ENV !== "production")
|
|
616
|
-
var n = {},
|
|
617
|
-
function
|
|
618
|
-
if (
|
|
619
|
-
if (
|
|
620
|
-
var
|
|
616
|
+
var n = {}, h = 0;
|
|
617
|
+
function b(R, C, S, P, A, N, z) {
|
|
618
|
+
if (P = P || E, N = N || S, z !== r) {
|
|
619
|
+
if (f) {
|
|
620
|
+
var m = new Error(
|
|
621
621
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
|
|
622
622
|
);
|
|
623
|
-
throw
|
|
623
|
+
throw m.name = "Invariant Violation", m;
|
|
624
624
|
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
|
|
625
|
-
var ee =
|
|
625
|
+
var ee = P + ":" + S;
|
|
626
626
|
!n[ee] && // Avoid spamming the console because they are often not actionable except for lib authors
|
|
627
|
-
|
|
628
|
-
"You are manually calling a React.PropTypes validation function for the `" +
|
|
629
|
-
), n[ee] = !0,
|
|
627
|
+
h < 3 && (i(
|
|
628
|
+
"You are manually calling a React.PropTypes validation function for the `" + N + "` prop on `" + P + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
|
|
629
|
+
), n[ee] = !0, h++);
|
|
630
630
|
}
|
|
631
631
|
}
|
|
632
|
-
return
|
|
632
|
+
return C[S] == null ? R ? C[S] === null ? new k("The " + A + " `" + N + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new k("The " + A + " `" + N + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : c(C, S, P, A, N);
|
|
633
633
|
}
|
|
634
|
-
var
|
|
635
|
-
return
|
|
636
|
-
}
|
|
637
|
-
function
|
|
638
|
-
function n(
|
|
639
|
-
var
|
|
640
|
-
if (
|
|
641
|
-
var
|
|
642
|
-
return new
|
|
643
|
-
"Invalid " +
|
|
644
|
-
{ expectedType:
|
|
634
|
+
var v = b.bind(null, !1);
|
|
635
|
+
return v.isRequired = b.bind(null, !0), v;
|
|
636
|
+
}
|
|
637
|
+
function g(c) {
|
|
638
|
+
function n(h, b, v, R, C, S) {
|
|
639
|
+
var P = h[b], A = X(P);
|
|
640
|
+
if (A !== c) {
|
|
641
|
+
var N = V(P);
|
|
642
|
+
return new k(
|
|
643
|
+
"Invalid " + R + " `" + C + "` of type " + ("`" + N + "` supplied to `" + v + "`, expected ") + ("`" + c + "`."),
|
|
644
|
+
{ expectedType: c }
|
|
645
645
|
);
|
|
646
646
|
}
|
|
647
647
|
return null;
|
|
648
648
|
}
|
|
649
|
-
return
|
|
650
|
-
}
|
|
651
|
-
function
|
|
652
|
-
return
|
|
653
|
-
}
|
|
654
|
-
function
|
|
655
|
-
function n(
|
|
656
|
-
if (typeof
|
|
657
|
-
return new
|
|
658
|
-
var
|
|
659
|
-
if (!Array.isArray(
|
|
660
|
-
var
|
|
661
|
-
return new
|
|
649
|
+
return O(n);
|
|
650
|
+
}
|
|
651
|
+
function d() {
|
|
652
|
+
return O(p);
|
|
653
|
+
}
|
|
654
|
+
function w(c) {
|
|
655
|
+
function n(h, b, v, R, C) {
|
|
656
|
+
if (typeof c != "function")
|
|
657
|
+
return new k("Property `" + C + "` of component `" + v + "` has invalid PropType notation inside arrayOf.");
|
|
658
|
+
var S = h[b];
|
|
659
|
+
if (!Array.isArray(S)) {
|
|
660
|
+
var P = X(S);
|
|
661
|
+
return new k("Invalid " + R + " `" + C + "` of type " + ("`" + P + "` supplied to `" + v + "`, expected an array."));
|
|
662
662
|
}
|
|
663
|
-
for (var
|
|
664
|
-
var
|
|
665
|
-
if (
|
|
666
|
-
return
|
|
663
|
+
for (var A = 0; A < S.length; A++) {
|
|
664
|
+
var N = c(S, A, v, R, C + "[" + A + "]", r);
|
|
665
|
+
if (N instanceof Error)
|
|
666
|
+
return N;
|
|
667
667
|
}
|
|
668
668
|
return null;
|
|
669
669
|
}
|
|
670
|
-
return
|
|
671
|
-
}
|
|
672
|
-
function
|
|
673
|
-
function
|
|
674
|
-
var
|
|
675
|
-
if (!
|
|
676
|
-
var
|
|
677
|
-
return new
|
|
670
|
+
return O(n);
|
|
671
|
+
}
|
|
672
|
+
function x() {
|
|
673
|
+
function c(n, h, b, v, R) {
|
|
674
|
+
var C = n[h];
|
|
675
|
+
if (!l(C)) {
|
|
676
|
+
var S = X(C);
|
|
677
|
+
return new k("Invalid " + v + " `" + R + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected a single ReactElement."));
|
|
678
678
|
}
|
|
679
679
|
return null;
|
|
680
680
|
}
|
|
681
|
-
return
|
|
681
|
+
return O(c);
|
|
682
682
|
}
|
|
683
683
|
function s() {
|
|
684
|
-
function
|
|
685
|
-
var
|
|
686
|
-
if (!e.isValidElementType(
|
|
687
|
-
var
|
|
688
|
-
return new
|
|
684
|
+
function c(n, h, b, v, R) {
|
|
685
|
+
var C = n[h];
|
|
686
|
+
if (!e.isValidElementType(C)) {
|
|
687
|
+
var S = X(C);
|
|
688
|
+
return new k("Invalid " + v + " `" + R + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected a single ReactElement type."));
|
|
689
689
|
}
|
|
690
690
|
return null;
|
|
691
691
|
}
|
|
692
|
-
return
|
|
692
|
+
return O(c);
|
|
693
693
|
}
|
|
694
|
-
function
|
|
695
|
-
function n(
|
|
696
|
-
if (!(
|
|
697
|
-
var
|
|
698
|
-
return new
|
|
694
|
+
function D(c) {
|
|
695
|
+
function n(h, b, v, R, C) {
|
|
696
|
+
if (!(h[b] instanceof c)) {
|
|
697
|
+
var S = c.name || E, P = ie(h[b]);
|
|
698
|
+
return new k("Invalid " + R + " `" + C + "` of type " + ("`" + P + "` supplied to `" + v + "`, expected ") + ("instance of `" + S + "`."));
|
|
699
699
|
}
|
|
700
700
|
return null;
|
|
701
701
|
}
|
|
702
|
-
return
|
|
702
|
+
return O(n);
|
|
703
703
|
}
|
|
704
|
-
function
|
|
705
|
-
if (!Array.isArray(
|
|
704
|
+
function W(c) {
|
|
705
|
+
if (!Array.isArray(c))
|
|
706
706
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
|
|
707
707
|
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
|
|
708
|
-
) : i("Invalid argument supplied to oneOf, expected an array.")),
|
|
709
|
-
function n(
|
|
710
|
-
for (var
|
|
711
|
-
if (I(
|
|
708
|
+
) : i("Invalid argument supplied to oneOf, expected an array.")), p;
|
|
709
|
+
function n(h, b, v, R, C) {
|
|
710
|
+
for (var S = h[b], P = 0; P < c.length; P++)
|
|
711
|
+
if (I(S, c[P]))
|
|
712
712
|
return null;
|
|
713
|
-
var
|
|
714
|
-
var ee = V(
|
|
715
|
-
return ee === "symbol" ? String(
|
|
713
|
+
var A = JSON.stringify(c, function(z, m) {
|
|
714
|
+
var ee = V(m);
|
|
715
|
+
return ee === "symbol" ? String(m) : m;
|
|
716
716
|
});
|
|
717
|
-
return new
|
|
717
|
+
return new k("Invalid " + R + " `" + C + "` of value `" + String(S) + "` " + ("supplied to `" + v + "`, expected one of " + A + "."));
|
|
718
718
|
}
|
|
719
|
-
return
|
|
720
|
-
}
|
|
721
|
-
function U(
|
|
722
|
-
function n(
|
|
723
|
-
if (typeof
|
|
724
|
-
return new
|
|
725
|
-
var
|
|
726
|
-
if (
|
|
727
|
-
return new
|
|
728
|
-
for (var
|
|
729
|
-
if (o(
|
|
730
|
-
var
|
|
731
|
-
if (
|
|
732
|
-
return
|
|
719
|
+
return O(n);
|
|
720
|
+
}
|
|
721
|
+
function U(c) {
|
|
722
|
+
function n(h, b, v, R, C) {
|
|
723
|
+
if (typeof c != "function")
|
|
724
|
+
return new k("Property `" + C + "` of component `" + v + "` has invalid PropType notation inside objectOf.");
|
|
725
|
+
var S = h[b], P = X(S);
|
|
726
|
+
if (P !== "object")
|
|
727
|
+
return new k("Invalid " + R + " `" + C + "` of type " + ("`" + P + "` supplied to `" + v + "`, expected an object."));
|
|
728
|
+
for (var A in S)
|
|
729
|
+
if (o(S, A)) {
|
|
730
|
+
var N = c(S, A, v, R, C + "." + A, r);
|
|
731
|
+
if (N instanceof Error)
|
|
732
|
+
return N;
|
|
733
733
|
}
|
|
734
734
|
return null;
|
|
735
735
|
}
|
|
736
|
-
return
|
|
737
|
-
}
|
|
738
|
-
function Y(
|
|
739
|
-
if (!Array.isArray(
|
|
740
|
-
return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."),
|
|
741
|
-
for (var n = 0; n <
|
|
742
|
-
var
|
|
743
|
-
if (typeof
|
|
736
|
+
return O(n);
|
|
737
|
+
}
|
|
738
|
+
function Y(c) {
|
|
739
|
+
if (!Array.isArray(c))
|
|
740
|
+
return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), p;
|
|
741
|
+
for (var n = 0; n < c.length; n++) {
|
|
742
|
+
var h = c[n];
|
|
743
|
+
if (typeof h != "function")
|
|
744
744
|
return i(
|
|
745
|
-
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Q(
|
|
746
|
-
),
|
|
745
|
+
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Q(h) + " at index " + n + "."
|
|
746
|
+
), p;
|
|
747
747
|
}
|
|
748
|
-
function
|
|
749
|
-
for (var
|
|
750
|
-
var z =
|
|
751
|
-
if (
|
|
748
|
+
function b(v, R, C, S, P) {
|
|
749
|
+
for (var A = [], N = 0; N < c.length; N++) {
|
|
750
|
+
var z = c[N], m = z(v, R, C, S, P, r);
|
|
751
|
+
if (m == null)
|
|
752
752
|
return null;
|
|
753
|
-
|
|
753
|
+
m.data && o(m.data, "expectedType") && A.push(m.data.expectedType);
|
|
754
754
|
}
|
|
755
|
-
var ee =
|
|
756
|
-
return new
|
|
755
|
+
var ee = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
|
|
756
|
+
return new k("Invalid " + S + " `" + P + "` supplied to " + ("`" + C + "`" + ee + "."));
|
|
757
757
|
}
|
|
758
|
-
return
|
|
758
|
+
return O(b);
|
|
759
759
|
}
|
|
760
|
-
function
|
|
761
|
-
function
|
|
762
|
-
return K(n[
|
|
760
|
+
function L() {
|
|
761
|
+
function c(n, h, b, v, R) {
|
|
762
|
+
return K(n[h]) ? null : new k("Invalid " + v + " `" + R + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
|
|
763
763
|
}
|
|
764
|
-
return
|
|
764
|
+
return O(c);
|
|
765
765
|
}
|
|
766
|
-
function ne(
|
|
767
|
-
return new
|
|
768
|
-
(
|
|
766
|
+
function ne(c, n, h, b, v) {
|
|
767
|
+
return new k(
|
|
768
|
+
(c || "React class") + ": " + n + " type `" + h + "." + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + v + "`."
|
|
769
769
|
);
|
|
770
770
|
}
|
|
771
|
-
function oe(
|
|
772
|
-
function n(
|
|
773
|
-
var
|
|
774
|
-
if (
|
|
775
|
-
return new
|
|
776
|
-
for (var
|
|
777
|
-
var
|
|
778
|
-
if (typeof
|
|
779
|
-
return ne(
|
|
780
|
-
var z =
|
|
771
|
+
function oe(c) {
|
|
772
|
+
function n(h, b, v, R, C) {
|
|
773
|
+
var S = h[b], P = X(S);
|
|
774
|
+
if (P !== "object")
|
|
775
|
+
return new k("Invalid " + R + " `" + C + "` of type `" + P + "` " + ("supplied to `" + v + "`, expected `object`."));
|
|
776
|
+
for (var A in c) {
|
|
777
|
+
var N = c[A];
|
|
778
|
+
if (typeof N != "function")
|
|
779
|
+
return ne(v, R, C, A, V(N));
|
|
780
|
+
var z = N(S, A, v, R, C + "." + A, r);
|
|
781
781
|
if (z)
|
|
782
782
|
return z;
|
|
783
783
|
}
|
|
784
784
|
return null;
|
|
785
785
|
}
|
|
786
|
-
return
|
|
787
|
-
}
|
|
788
|
-
function ae(
|
|
789
|
-
function n(
|
|
790
|
-
var
|
|
791
|
-
if (
|
|
792
|
-
return new
|
|
793
|
-
var
|
|
794
|
-
for (var
|
|
795
|
-
var z =
|
|
796
|
-
if (o(
|
|
797
|
-
return ne(
|
|
786
|
+
return O(n);
|
|
787
|
+
}
|
|
788
|
+
function ae(c) {
|
|
789
|
+
function n(h, b, v, R, C) {
|
|
790
|
+
var S = h[b], P = X(S);
|
|
791
|
+
if (P !== "object")
|
|
792
|
+
return new k("Invalid " + R + " `" + C + "` of type `" + P + "` " + ("supplied to `" + v + "`, expected `object`."));
|
|
793
|
+
var A = t({}, h[b], c);
|
|
794
|
+
for (var N in A) {
|
|
795
|
+
var z = c[N];
|
|
796
|
+
if (o(c, N) && typeof z != "function")
|
|
797
|
+
return ne(v, R, C, N, V(z));
|
|
798
798
|
if (!z)
|
|
799
|
-
return new
|
|
800
|
-
"Invalid " +
|
|
801
|
-
Valid keys: ` + JSON.stringify(Object.keys(
|
|
799
|
+
return new k(
|
|
800
|
+
"Invalid " + R + " `" + C + "` key `" + N + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(h[b], null, " ") + `
|
|
801
|
+
Valid keys: ` + JSON.stringify(Object.keys(c), null, " ")
|
|
802
802
|
);
|
|
803
|
-
var
|
|
804
|
-
if (
|
|
805
|
-
return
|
|
803
|
+
var m = z(S, N, v, R, C + "." + N, r);
|
|
804
|
+
if (m)
|
|
805
|
+
return m;
|
|
806
806
|
}
|
|
807
807
|
return null;
|
|
808
808
|
}
|
|
809
|
-
return
|
|
809
|
+
return O(n);
|
|
810
810
|
}
|
|
811
|
-
function K(
|
|
812
|
-
switch (typeof
|
|
811
|
+
function K(c) {
|
|
812
|
+
switch (typeof c) {
|
|
813
813
|
case "number":
|
|
814
814
|
case "string":
|
|
815
815
|
case "undefined":
|
|
816
816
|
return !0;
|
|
817
817
|
case "boolean":
|
|
818
|
-
return !
|
|
818
|
+
return !c;
|
|
819
819
|
case "object":
|
|
820
|
-
if (Array.isArray(
|
|
821
|
-
return
|
|
822
|
-
if (
|
|
820
|
+
if (Array.isArray(c))
|
|
821
|
+
return c.every(K);
|
|
822
|
+
if (c === null || l(c))
|
|
823
823
|
return !0;
|
|
824
|
-
var n =
|
|
824
|
+
var n = _(c);
|
|
825
825
|
if (n) {
|
|
826
|
-
var
|
|
827
|
-
if (n !==
|
|
828
|
-
for (; !(
|
|
829
|
-
if (!K(
|
|
826
|
+
var h = n.call(c), b;
|
|
827
|
+
if (n !== c.entries) {
|
|
828
|
+
for (; !(b = h.next()).done; )
|
|
829
|
+
if (!K(b.value))
|
|
830
830
|
return !1;
|
|
831
831
|
} else
|
|
832
|
-
for (; !(
|
|
833
|
-
var
|
|
834
|
-
if (
|
|
832
|
+
for (; !(b = h.next()).done; ) {
|
|
833
|
+
var v = b.value;
|
|
834
|
+
if (v && !K(v[1]))
|
|
835
835
|
return !1;
|
|
836
836
|
}
|
|
837
837
|
} else
|
|
@@ -841,27 +841,27 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, " ")
|
|
|
841
841
|
return !1;
|
|
842
842
|
}
|
|
843
843
|
}
|
|
844
|
-
function se(
|
|
845
|
-
return
|
|
844
|
+
function se(c, n) {
|
|
845
|
+
return c === "symbol" ? !0 : n ? n["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && n instanceof Symbol : !1;
|
|
846
846
|
}
|
|
847
|
-
function X(
|
|
848
|
-
var n = typeof
|
|
849
|
-
return Array.isArray(
|
|
847
|
+
function X(c) {
|
|
848
|
+
var n = typeof c;
|
|
849
|
+
return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : se(n, c) ? "symbol" : n;
|
|
850
850
|
}
|
|
851
|
-
function V(
|
|
852
|
-
if (typeof
|
|
853
|
-
return "" +
|
|
854
|
-
var n = X(
|
|
851
|
+
function V(c) {
|
|
852
|
+
if (typeof c > "u" || c === null)
|
|
853
|
+
return "" + c;
|
|
854
|
+
var n = X(c);
|
|
855
855
|
if (n === "object") {
|
|
856
|
-
if (
|
|
856
|
+
if (c instanceof Date)
|
|
857
857
|
return "date";
|
|
858
|
-
if (
|
|
858
|
+
if (c instanceof RegExp)
|
|
859
859
|
return "regexp";
|
|
860
860
|
}
|
|
861
861
|
return n;
|
|
862
862
|
}
|
|
863
|
-
function Q(
|
|
864
|
-
var n = V(
|
|
863
|
+
function Q(c) {
|
|
864
|
+
var n = V(c);
|
|
865
865
|
switch (n) {
|
|
866
866
|
case "array":
|
|
867
867
|
case "object":
|
|
@@ -874,28 +874,28 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, " ")
|
|
|
874
874
|
return n;
|
|
875
875
|
}
|
|
876
876
|
}
|
|
877
|
-
function ie(
|
|
878
|
-
return !
|
|
877
|
+
function ie(c) {
|
|
878
|
+
return !c.constructor || !c.constructor.name ? E : c.constructor.name;
|
|
879
879
|
}
|
|
880
|
-
return
|
|
881
|
-
},
|
|
880
|
+
return j.checkPropTypes = a, j.resetWarningCache = a.resetWarningCache, j.PropTypes = j, j;
|
|
881
|
+
}, Oe;
|
|
882
882
|
}
|
|
883
|
-
var
|
|
884
|
-
function
|
|
885
|
-
if (
|
|
886
|
-
|
|
887
|
-
var e =
|
|
883
|
+
var De, nt;
|
|
884
|
+
function At() {
|
|
885
|
+
if (nt) return De;
|
|
886
|
+
nt = 1;
|
|
887
|
+
var e = We();
|
|
888
888
|
function t() {
|
|
889
889
|
}
|
|
890
890
|
function r() {
|
|
891
891
|
}
|
|
892
|
-
return r.resetWarningCache = t,
|
|
893
|
-
function o(
|
|
894
|
-
if (
|
|
895
|
-
var
|
|
892
|
+
return r.resetWarningCache = t, De = function() {
|
|
893
|
+
function o(p, l, f, y, T, _) {
|
|
894
|
+
if (_ !== e) {
|
|
895
|
+
var E = new Error(
|
|
896
896
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
|
|
897
897
|
);
|
|
898
|
-
throw
|
|
898
|
+
throw E.name = "Invariant Violation", E;
|
|
899
899
|
}
|
|
900
900
|
}
|
|
901
901
|
o.isRequired = o;
|
|
@@ -926,138 +926,138 @@ function Rt() {
|
|
|
926
926
|
resetWarningCache: t
|
|
927
927
|
};
|
|
928
928
|
return i.PropTypes = i, i;
|
|
929
|
-
},
|
|
929
|
+
}, De;
|
|
930
930
|
}
|
|
931
931
|
if (process.env.NODE_ENV !== "production") {
|
|
932
|
-
var
|
|
933
|
-
|
|
932
|
+
var kt = ut(), Mt = !0;
|
|
933
|
+
Fe.exports = Nt()(kt.isElement, Mt);
|
|
934
934
|
} else
|
|
935
|
-
|
|
936
|
-
var
|
|
937
|
-
function
|
|
935
|
+
Fe.exports = At()();
|
|
936
|
+
var dt = Fe.exports, Ye = { exports: {} };
|
|
937
|
+
function pt(e) {
|
|
938
938
|
var t, r, o = "";
|
|
939
939
|
if (typeof e == "string" || typeof e == "number") o += e;
|
|
940
940
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
941
941
|
var a = e.length;
|
|
942
|
-
for (t = 0; t < a; t++) e[t] && (r =
|
|
942
|
+
for (t = 0; t < a; t++) e[t] && (r = pt(e[t])) && (o && (o += " "), o += r);
|
|
943
943
|
} else for (r in e) e[r] && (o && (o += " "), o += r);
|
|
944
944
|
return o;
|
|
945
945
|
}
|
|
946
|
-
function
|
|
947
|
-
for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t =
|
|
946
|
+
function ot() {
|
|
947
|
+
for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = pt(e)) && (o && (o += " "), o += t);
|
|
948
948
|
return o;
|
|
949
949
|
}
|
|
950
|
-
|
|
951
|
-
var
|
|
950
|
+
Ye.exports = ot, Ye.exports.clsx = ot;
|
|
951
|
+
var $t = Ye.exports, F = {}, te = {};
|
|
952
952
|
Object.defineProperty(te, "__esModule", {
|
|
953
953
|
value: !0
|
|
954
954
|
});
|
|
955
|
-
te.dontSetMe =
|
|
956
|
-
te.findInArray =
|
|
957
|
-
te.int =
|
|
958
|
-
te.isFunction =
|
|
959
|
-
te.isNum =
|
|
960
|
-
function
|
|
955
|
+
te.dontSetMe = Wt;
|
|
956
|
+
te.findInArray = It;
|
|
957
|
+
te.int = Lt;
|
|
958
|
+
te.isFunction = Ft;
|
|
959
|
+
te.isNum = Yt;
|
|
960
|
+
function It(e, t) {
|
|
961
961
|
for (let r = 0, o = e.length; r < o; r++)
|
|
962
962
|
if (t.apply(t, [e[r], r, e])) return e[r];
|
|
963
963
|
}
|
|
964
|
-
function
|
|
964
|
+
function Ft(e) {
|
|
965
965
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
|
|
966
966
|
}
|
|
967
|
-
function
|
|
967
|
+
function Yt(e) {
|
|
968
968
|
return typeof e == "number" && !isNaN(e);
|
|
969
969
|
}
|
|
970
|
-
function
|
|
970
|
+
function Lt(e) {
|
|
971
971
|
return parseInt(e, 10);
|
|
972
972
|
}
|
|
973
|
-
function
|
|
973
|
+
function Wt(e, t, r) {
|
|
974
974
|
if (e[t])
|
|
975
975
|
return new Error(`Invalid prop ${t} passed to ${r} - do not set this, set it on the child.`);
|
|
976
976
|
}
|
|
977
|
-
var
|
|
978
|
-
Object.defineProperty(
|
|
977
|
+
var fe = {};
|
|
978
|
+
Object.defineProperty(fe, "__esModule", {
|
|
979
979
|
value: !0
|
|
980
980
|
});
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
const
|
|
986
|
-
function
|
|
981
|
+
fe.browserPrefixToKey = gt;
|
|
982
|
+
fe.browserPrefixToStyle = Ut;
|
|
983
|
+
fe.default = void 0;
|
|
984
|
+
fe.getPrefix = ht;
|
|
985
|
+
const Ne = ["Moz", "Webkit", "O", "ms"];
|
|
986
|
+
function ht() {
|
|
987
987
|
var r, o;
|
|
988
988
|
let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
|
|
989
989
|
if (typeof window > "u") return "";
|
|
990
990
|
const t = (o = (r = window.document) == null ? void 0 : r.documentElement) == null ? void 0 : o.style;
|
|
991
991
|
if (!t || e in t) return "";
|
|
992
|
-
for (let a = 0; a <
|
|
993
|
-
if (
|
|
992
|
+
for (let a = 0; a < Ne.length; a++)
|
|
993
|
+
if (gt(e, Ne[a]) in t) return Ne[a];
|
|
994
994
|
return "";
|
|
995
995
|
}
|
|
996
|
-
function
|
|
997
|
-
return t ? `${t}${
|
|
996
|
+
function gt(e, t) {
|
|
997
|
+
return t ? `${t}${Xt(e)}` : e;
|
|
998
998
|
}
|
|
999
|
-
function
|
|
999
|
+
function Ut(e, t) {
|
|
1000
1000
|
return t ? `-${t.toLowerCase()}-${e}` : e;
|
|
1001
1001
|
}
|
|
1002
|
-
function
|
|
1002
|
+
function Xt(e) {
|
|
1003
1003
|
let t = "", r = !0;
|
|
1004
1004
|
for (let o = 0; o < e.length; o++)
|
|
1005
1005
|
r ? (t += e[o].toUpperCase(), r = !1) : e[o] === "-" ? r = !0 : t += e[o];
|
|
1006
1006
|
return t;
|
|
1007
1007
|
}
|
|
1008
|
-
|
|
1008
|
+
fe.default = ht();
|
|
1009
1009
|
Object.defineProperty(F, "__esModule", {
|
|
1010
1010
|
value: !0
|
|
1011
1011
|
});
|
|
1012
|
-
F.addClassName =
|
|
1013
|
-
F.addEvent =
|
|
1014
|
-
F.addUserSelectStyles =
|
|
1015
|
-
F.createCSSTransform =
|
|
1016
|
-
F.createSVGTransform =
|
|
1017
|
-
F.getTouch =
|
|
1018
|
-
F.getTouchIdentifier =
|
|
1019
|
-
F.getTranslation =
|
|
1020
|
-
F.innerHeight =
|
|
1021
|
-
F.innerWidth =
|
|
1022
|
-
F.matchesSelector =
|
|
1023
|
-
F.matchesSelectorAndParentsTo =
|
|
1024
|
-
F.offsetXYFromParent =
|
|
1025
|
-
F.outerHeight =
|
|
1026
|
-
F.outerWidth =
|
|
1027
|
-
F.removeClassName =
|
|
1028
|
-
F.removeEvent =
|
|
1029
|
-
F.scheduleRemoveUserSelectStyles =
|
|
1030
|
-
var J = te,
|
|
1031
|
-
function
|
|
1012
|
+
F.addClassName = vt;
|
|
1013
|
+
F.addEvent = Bt;
|
|
1014
|
+
F.addUserSelectStyles = rr;
|
|
1015
|
+
F.createCSSTransform = Zt;
|
|
1016
|
+
F.createSVGTransform = Qt;
|
|
1017
|
+
F.getTouch = er;
|
|
1018
|
+
F.getTouchIdentifier = tr;
|
|
1019
|
+
F.getTranslation = Ue;
|
|
1020
|
+
F.innerHeight = Gt;
|
|
1021
|
+
F.innerWidth = Jt;
|
|
1022
|
+
F.matchesSelector = yt;
|
|
1023
|
+
F.matchesSelectorAndParentsTo = qt;
|
|
1024
|
+
F.offsetXYFromParent = Kt;
|
|
1025
|
+
F.outerHeight = zt;
|
|
1026
|
+
F.outerWidth = Vt;
|
|
1027
|
+
F.removeClassName = bt;
|
|
1028
|
+
F.removeEvent = Ht;
|
|
1029
|
+
F.scheduleRemoveUserSelectStyles = nr;
|
|
1030
|
+
var J = te, at = mt(fe);
|
|
1031
|
+
function mt(e, t) {
|
|
1032
1032
|
if (typeof WeakMap == "function") var r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
|
|
1033
|
-
return (
|
|
1033
|
+
return (mt = function(a, i) {
|
|
1034
1034
|
if (!i && a && a.__esModule) return a;
|
|
1035
|
-
var
|
|
1036
|
-
if (a === null || typeof a != "object" && typeof a != "function") return
|
|
1037
|
-
if (
|
|
1038
|
-
if (
|
|
1039
|
-
|
|
1040
|
-
}
|
|
1041
|
-
for (const
|
|
1042
|
-
return
|
|
1035
|
+
var p, l, f = { __proto__: null, default: a };
|
|
1036
|
+
if (a === null || typeof a != "object" && typeof a != "function") return f;
|
|
1037
|
+
if (p = i ? o : r) {
|
|
1038
|
+
if (p.has(a)) return p.get(a);
|
|
1039
|
+
p.set(a, f);
|
|
1040
|
+
}
|
|
1041
|
+
for (const y in a) y !== "default" && {}.hasOwnProperty.call(a, y) && ((l = (p = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, y)) && (l.get || l.set) ? p(f, y, l) : f[y] = a[y]);
|
|
1042
|
+
return f;
|
|
1043
1043
|
})(e, t);
|
|
1044
1044
|
}
|
|
1045
|
-
let
|
|
1046
|
-
function
|
|
1047
|
-
return
|
|
1045
|
+
let be = "";
|
|
1046
|
+
function yt(e, t) {
|
|
1047
|
+
return be || (be = (0, J.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
|
|
1048
1048
|
return (0, J.isFunction)(e[r]);
|
|
1049
|
-
})), (0, J.isFunction)(e[
|
|
1049
|
+
})), (0, J.isFunction)(e[be]) ? e[be](t) : !1;
|
|
1050
1050
|
}
|
|
1051
|
-
function
|
|
1051
|
+
function qt(e, t, r) {
|
|
1052
1052
|
let o = e;
|
|
1053
1053
|
do {
|
|
1054
|
-
if (
|
|
1054
|
+
if (yt(o, t)) return !0;
|
|
1055
1055
|
if (o === r) return !1;
|
|
1056
1056
|
o = o.parentNode;
|
|
1057
1057
|
} while (o);
|
|
1058
1058
|
return !1;
|
|
1059
1059
|
}
|
|
1060
|
-
function
|
|
1060
|
+
function Bt(e, t, r, o) {
|
|
1061
1061
|
if (!e) return;
|
|
1062
1062
|
const a = {
|
|
1063
1063
|
capture: !0,
|
|
@@ -1065,7 +1065,7 @@ function Lt(e, t, r, o) {
|
|
|
1065
1065
|
};
|
|
1066
1066
|
e.addEventListener ? e.addEventListener(t, r, a) : e.attachEvent ? e.attachEvent("on" + t, r) : e["on" + t] = r;
|
|
1067
1067
|
}
|
|
1068
|
-
function
|
|
1068
|
+
function Ht(e, t, r, o) {
|
|
1069
1069
|
if (!e) return;
|
|
1070
1070
|
const a = {
|
|
1071
1071
|
capture: !0,
|
|
@@ -1073,79 +1073,79 @@ function Ut(e, t, r, o) {
|
|
|
1073
1073
|
};
|
|
1074
1074
|
e.removeEventListener ? e.removeEventListener(t, r, a) : e.detachEvent ? e.detachEvent("on" + t, r) : e["on" + t] = null;
|
|
1075
1075
|
}
|
|
1076
|
-
function
|
|
1076
|
+
function zt(e) {
|
|
1077
1077
|
let t = e.clientHeight;
|
|
1078
1078
|
const r = e.ownerDocument.defaultView.getComputedStyle(e);
|
|
1079
1079
|
return t += (0, J.int)(r.borderTopWidth), t += (0, J.int)(r.borderBottomWidth), t;
|
|
1080
1080
|
}
|
|
1081
|
-
function
|
|
1081
|
+
function Vt(e) {
|
|
1082
1082
|
let t = e.clientWidth;
|
|
1083
1083
|
const r = e.ownerDocument.defaultView.getComputedStyle(e);
|
|
1084
1084
|
return t += (0, J.int)(r.borderLeftWidth), t += (0, J.int)(r.borderRightWidth), t;
|
|
1085
1085
|
}
|
|
1086
|
-
function
|
|
1086
|
+
function Gt(e) {
|
|
1087
1087
|
let t = e.clientHeight;
|
|
1088
1088
|
const r = e.ownerDocument.defaultView.getComputedStyle(e);
|
|
1089
1089
|
return t -= (0, J.int)(r.paddingTop), t -= (0, J.int)(r.paddingBottom), t;
|
|
1090
1090
|
}
|
|
1091
|
-
function
|
|
1091
|
+
function Jt(e) {
|
|
1092
1092
|
let t = e.clientWidth;
|
|
1093
1093
|
const r = e.ownerDocument.defaultView.getComputedStyle(e);
|
|
1094
1094
|
return t -= (0, J.int)(r.paddingLeft), t -= (0, J.int)(r.paddingRight), t;
|
|
1095
1095
|
}
|
|
1096
|
-
function
|
|
1096
|
+
function Kt(e, t, r) {
|
|
1097
1097
|
const a = t === t.ownerDocument.body ? {
|
|
1098
1098
|
left: 0,
|
|
1099
1099
|
top: 0
|
|
1100
|
-
} : t.getBoundingClientRect(), i = (e.clientX + t.scrollLeft - a.left) / r,
|
|
1100
|
+
} : t.getBoundingClientRect(), i = (e.clientX + t.scrollLeft - a.left) / r, p = (e.clientY + t.scrollTop - a.top) / r;
|
|
1101
1101
|
return {
|
|
1102
1102
|
x: i,
|
|
1103
|
-
y:
|
|
1103
|
+
y: p
|
|
1104
1104
|
};
|
|
1105
1105
|
}
|
|
1106
|
-
function
|
|
1107
|
-
const r =
|
|
1106
|
+
function Zt(e, t) {
|
|
1107
|
+
const r = Ue(e, t, "px");
|
|
1108
1108
|
return {
|
|
1109
|
-
[(0,
|
|
1109
|
+
[(0, at.browserPrefixToKey)("transform", at.default)]: r
|
|
1110
1110
|
};
|
|
1111
1111
|
}
|
|
1112
|
-
function
|
|
1113
|
-
return
|
|
1112
|
+
function Qt(e, t) {
|
|
1113
|
+
return Ue(e, t, "");
|
|
1114
1114
|
}
|
|
1115
|
-
function
|
|
1115
|
+
function Ue(e, t, r) {
|
|
1116
1116
|
let {
|
|
1117
1117
|
x: o,
|
|
1118
1118
|
y: a
|
|
1119
1119
|
} = e, i = `translate(${o}${r},${a}${r})`;
|
|
1120
1120
|
if (t) {
|
|
1121
|
-
const
|
|
1122
|
-
i = `translate(${
|
|
1121
|
+
const p = `${typeof t.x == "string" ? t.x : t.x + r}`, l = `${typeof t.y == "string" ? t.y : t.y + r}`;
|
|
1122
|
+
i = `translate(${p}, ${l})` + i;
|
|
1123
1123
|
}
|
|
1124
1124
|
return i;
|
|
1125
1125
|
}
|
|
1126
|
-
function
|
|
1126
|
+
function er(e, t) {
|
|
1127
1127
|
return e.targetTouches && (0, J.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, J.findInArray)(e.changedTouches, (r) => t === r.identifier);
|
|
1128
1128
|
}
|
|
1129
|
-
function
|
|
1129
|
+
function tr(e) {
|
|
1130
1130
|
if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
|
|
1131
1131
|
if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
|
|
1132
1132
|
}
|
|
1133
|
-
function
|
|
1133
|
+
function rr(e) {
|
|
1134
1134
|
if (!e) return;
|
|
1135
1135
|
let t = e.getElementById("react-draggable-style-el");
|
|
1136
1136
|
t || (t = e.createElement("style"), t.type = "text/css", t.id = "react-draggable-style-el", t.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
1137
1137
|
`, t.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
1138
|
-
`, e.getElementsByTagName("head")[0].appendChild(t)), e.body &&
|
|
1138
|
+
`, e.getElementsByTagName("head")[0].appendChild(t)), e.body && vt(e.body, "react-draggable-transparent-selection");
|
|
1139
1139
|
}
|
|
1140
|
-
function
|
|
1140
|
+
function nr(e) {
|
|
1141
1141
|
window.requestAnimationFrame ? window.requestAnimationFrame(() => {
|
|
1142
|
-
|
|
1143
|
-
}) :
|
|
1142
|
+
st(e);
|
|
1143
|
+
}) : st(e);
|
|
1144
1144
|
}
|
|
1145
|
-
function
|
|
1145
|
+
function st(e) {
|
|
1146
1146
|
if (e)
|
|
1147
1147
|
try {
|
|
1148
|
-
if (e.body &&
|
|
1148
|
+
if (e.body && bt(e.body, "react-draggable-transparent-selection"), e.selection)
|
|
1149
1149
|
e.selection.empty();
|
|
1150
1150
|
else {
|
|
1151
1151
|
const t = (e.defaultView || window).getSelection();
|
|
@@ -1154,66 +1154,66 @@ function nt(e) {
|
|
|
1154
1154
|
} catch {
|
|
1155
1155
|
}
|
|
1156
1156
|
}
|
|
1157
|
-
function
|
|
1157
|
+
function vt(e, t) {
|
|
1158
1158
|
e.classList ? e.classList.add(t) : e.className.match(new RegExp(`(?:^|\\s)${t}(?!\\S)`)) || (e.className += ` ${t}`);
|
|
1159
1159
|
}
|
|
1160
|
-
function
|
|
1160
|
+
function bt(e, t) {
|
|
1161
1161
|
e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
|
|
1162
1162
|
}
|
|
1163
1163
|
var re = {};
|
|
1164
1164
|
Object.defineProperty(re, "__esModule", {
|
|
1165
1165
|
value: !0
|
|
1166
1166
|
});
|
|
1167
|
-
re.canDragX =
|
|
1168
|
-
re.canDragY =
|
|
1169
|
-
re.createCoreData =
|
|
1170
|
-
re.createDraggableData =
|
|
1171
|
-
re.getBoundPosition =
|
|
1172
|
-
re.getControlPosition =
|
|
1173
|
-
re.snapToGrid =
|
|
1174
|
-
var G = te,
|
|
1175
|
-
function
|
|
1167
|
+
re.canDragX = sr;
|
|
1168
|
+
re.canDragY = ir;
|
|
1169
|
+
re.createCoreData = cr;
|
|
1170
|
+
re.createDraggableData = ur;
|
|
1171
|
+
re.getBoundPosition = or;
|
|
1172
|
+
re.getControlPosition = lr;
|
|
1173
|
+
re.snapToGrid = ar;
|
|
1174
|
+
var G = te, de = F;
|
|
1175
|
+
function or(e, t, r) {
|
|
1176
1176
|
if (!e.props.bounds) return [t, r];
|
|
1177
1177
|
let {
|
|
1178
1178
|
bounds: o
|
|
1179
1179
|
} = e.props;
|
|
1180
|
-
o = typeof o == "string" ? o :
|
|
1181
|
-
const a =
|
|
1180
|
+
o = typeof o == "string" ? o : fr(o);
|
|
1181
|
+
const a = Xe(e);
|
|
1182
1182
|
if (typeof o == "string") {
|
|
1183
1183
|
const {
|
|
1184
1184
|
ownerDocument: i
|
|
1185
|
-
} = a,
|
|
1186
|
-
let
|
|
1187
|
-
if (o === "parent" ?
|
|
1185
|
+
} = a, p = i.defaultView;
|
|
1186
|
+
let l;
|
|
1187
|
+
if (o === "parent" ? l = a.parentNode : l = a.getRootNode().querySelector(o), !(l instanceof p.HTMLElement))
|
|
1188
1188
|
throw new Error('Bounds selector "' + o + '" could not find an element.');
|
|
1189
|
-
const
|
|
1189
|
+
const f = l, y = p.getComputedStyle(a), T = p.getComputedStyle(f);
|
|
1190
1190
|
o = {
|
|
1191
|
-
left: -a.offsetLeft + (0, G.int)(
|
|
1192
|
-
top: -a.offsetTop + (0, G.int)(
|
|
1193
|
-
right: (0,
|
|
1194
|
-
bottom: (0,
|
|
1191
|
+
left: -a.offsetLeft + (0, G.int)(T.paddingLeft) + (0, G.int)(y.marginLeft),
|
|
1192
|
+
top: -a.offsetTop + (0, G.int)(T.paddingTop) + (0, G.int)(y.marginTop),
|
|
1193
|
+
right: (0, de.innerWidth)(f) - (0, de.outerWidth)(a) - a.offsetLeft + (0, G.int)(T.paddingRight) - (0, G.int)(y.marginRight),
|
|
1194
|
+
bottom: (0, de.innerHeight)(f) - (0, de.outerHeight)(a) - a.offsetTop + (0, G.int)(T.paddingBottom) - (0, G.int)(y.marginBottom)
|
|
1195
1195
|
};
|
|
1196
1196
|
}
|
|
1197
1197
|
return (0, G.isNum)(o.right) && (t = Math.min(t, o.right)), (0, G.isNum)(o.bottom) && (r = Math.min(r, o.bottom)), (0, G.isNum)(o.left) && (t = Math.max(t, o.left)), (0, G.isNum)(o.top) && (r = Math.max(r, o.top)), [t, r];
|
|
1198
1198
|
}
|
|
1199
|
-
function
|
|
1199
|
+
function ar(e, t, r) {
|
|
1200
1200
|
const o = Math.round(t / e[0]) * e[0], a = Math.round(r / e[1]) * e[1];
|
|
1201
1201
|
return [o, a];
|
|
1202
1202
|
}
|
|
1203
|
-
function
|
|
1203
|
+
function sr(e) {
|
|
1204
1204
|
return e.props.axis === "both" || e.props.axis === "x";
|
|
1205
1205
|
}
|
|
1206
|
-
function
|
|
1206
|
+
function ir(e) {
|
|
1207
1207
|
return e.props.axis === "both" || e.props.axis === "y";
|
|
1208
1208
|
}
|
|
1209
|
-
function
|
|
1210
|
-
const o = typeof t == "number" ? (0,
|
|
1209
|
+
function lr(e, t, r) {
|
|
1210
|
+
const o = typeof t == "number" ? (0, de.getTouch)(e, t) : null;
|
|
1211
1211
|
if (typeof t == "number" && !o) return null;
|
|
1212
|
-
const a =
|
|
1213
|
-
return (0,
|
|
1212
|
+
const a = Xe(r), i = r.props.offsetParent || a.offsetParent || a.ownerDocument.body;
|
|
1213
|
+
return (0, de.offsetXYFromParent)(o || e, i, r.props.scale);
|
|
1214
1214
|
}
|
|
1215
|
-
function
|
|
1216
|
-
const o = !(0, G.isNum)(e.lastX), a =
|
|
1215
|
+
function cr(e, t, r) {
|
|
1216
|
+
const o = !(0, G.isNum)(e.lastX), a = Xe(e);
|
|
1217
1217
|
return o ? {
|
|
1218
1218
|
node: a,
|
|
1219
1219
|
deltaX: 0,
|
|
@@ -1232,7 +1232,7 @@ function ar(e, t, r) {
|
|
|
1232
1232
|
y: r
|
|
1233
1233
|
};
|
|
1234
1234
|
}
|
|
1235
|
-
function
|
|
1235
|
+
function ur(e, t) {
|
|
1236
1236
|
const r = e.props.scale;
|
|
1237
1237
|
return {
|
|
1238
1238
|
node: t.node,
|
|
@@ -1244,7 +1244,7 @@ function sr(e, t) {
|
|
|
1244
1244
|
lastY: e.state.y
|
|
1245
1245
|
};
|
|
1246
1246
|
}
|
|
1247
|
-
function
|
|
1247
|
+
function fr(e) {
|
|
1248
1248
|
return {
|
|
1249
1249
|
left: e.left,
|
|
1250
1250
|
top: e.top,
|
|
@@ -1252,49 +1252,49 @@ function ir(e) {
|
|
|
1252
1252
|
bottom: e.bottom
|
|
1253
1253
|
};
|
|
1254
1254
|
}
|
|
1255
|
-
function
|
|
1255
|
+
function Xe(e) {
|
|
1256
1256
|
const t = e.findDOMNode();
|
|
1257
1257
|
if (!t)
|
|
1258
1258
|
throw new Error("<DraggableCore>: Unmounted during event!");
|
|
1259
1259
|
return t;
|
|
1260
1260
|
}
|
|
1261
|
-
var
|
|
1262
|
-
Object.defineProperty(
|
|
1261
|
+
var Ee = {}, we = {};
|
|
1262
|
+
Object.defineProperty(we, "__esModule", {
|
|
1263
1263
|
value: !0
|
|
1264
1264
|
});
|
|
1265
|
-
|
|
1266
|
-
function
|
|
1265
|
+
we.default = dr;
|
|
1266
|
+
function dr() {
|
|
1267
1267
|
}
|
|
1268
|
-
Object.defineProperty(
|
|
1268
|
+
Object.defineProperty(Ee, "__esModule", {
|
|
1269
1269
|
value: !0
|
|
1270
1270
|
});
|
|
1271
|
-
|
|
1272
|
-
var
|
|
1273
|
-
function
|
|
1271
|
+
Ee.default = void 0;
|
|
1272
|
+
var Ae = St(Le), B = qe(dt), pr = qe(lt), q = F, le = re, ke = te, ge = qe(we);
|
|
1273
|
+
function qe(e) {
|
|
1274
1274
|
return e && e.__esModule ? e : { default: e };
|
|
1275
1275
|
}
|
|
1276
|
-
function
|
|
1276
|
+
function St(e, t) {
|
|
1277
1277
|
if (typeof WeakMap == "function") var r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
|
|
1278
|
-
return (
|
|
1278
|
+
return (St = function(a, i) {
|
|
1279
1279
|
if (!i && a && a.__esModule) return a;
|
|
1280
|
-
var
|
|
1281
|
-
if (a === null || typeof a != "object" && typeof a != "function") return
|
|
1282
|
-
if (
|
|
1283
|
-
if (
|
|
1284
|
-
|
|
1285
|
-
}
|
|
1286
|
-
for (const
|
|
1287
|
-
return
|
|
1280
|
+
var p, l, f = { __proto__: null, default: a };
|
|
1281
|
+
if (a === null || typeof a != "object" && typeof a != "function") return f;
|
|
1282
|
+
if (p = i ? o : r) {
|
|
1283
|
+
if (p.has(a)) return p.get(a);
|
|
1284
|
+
p.set(a, f);
|
|
1285
|
+
}
|
|
1286
|
+
for (const y in a) y !== "default" && {}.hasOwnProperty.call(a, y) && ((l = (p = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, y)) && (l.get || l.set) ? p(f, y, l) : f[y] = a[y]);
|
|
1287
|
+
return f;
|
|
1288
1288
|
})(e, t);
|
|
1289
1289
|
}
|
|
1290
1290
|
function H(e, t, r) {
|
|
1291
|
-
return (t =
|
|
1291
|
+
return (t = hr(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
|
|
1292
1292
|
}
|
|
1293
|
-
function
|
|
1294
|
-
var t =
|
|
1293
|
+
function hr(e) {
|
|
1294
|
+
var t = gr(e, "string");
|
|
1295
1295
|
return typeof t == "symbol" ? t : t + "";
|
|
1296
1296
|
}
|
|
1297
|
-
function
|
|
1297
|
+
function gr(e, t) {
|
|
1298
1298
|
if (typeof e != "object" || !e) return e;
|
|
1299
1299
|
var r = e[Symbol.toPrimitive];
|
|
1300
1300
|
if (r !== void 0) {
|
|
@@ -1316,7 +1316,7 @@ const Z = {
|
|
|
1316
1316
|
stop: "mouseup"
|
|
1317
1317
|
}
|
|
1318
1318
|
};
|
|
1319
|
-
let ce = Z.mouse,
|
|
1319
|
+
let ce = Z.mouse, _e = class extends Ae.Component {
|
|
1320
1320
|
constructor() {
|
|
1321
1321
|
super(...arguments), H(this, "dragging", !1), H(this, "lastX", NaN), H(this, "lastY", NaN), H(this, "touchIdentifier", null), H(this, "mounted", !1), H(this, "handleDragStart", (t) => {
|
|
1322
1322
|
if (this.props.onMouseDown(t), !this.props.allowAnyClick && typeof t.button == "number" && t.button !== 0) return !1;
|
|
@@ -1334,10 +1334,10 @@ let ce = Z.mouse, Te = class extends Oe.Component {
|
|
|
1334
1334
|
const i = (0, le.getControlPosition)(t, a, this);
|
|
1335
1335
|
if (i == null) return;
|
|
1336
1336
|
const {
|
|
1337
|
-
x:
|
|
1338
|
-
y:
|
|
1339
|
-
} = i,
|
|
1340
|
-
(0,
|
|
1337
|
+
x: p,
|
|
1338
|
+
y: l
|
|
1339
|
+
} = i, f = (0, le.createCoreData)(this, p, l);
|
|
1340
|
+
(0, ge.default)("DraggableCore: handleDragStart: %j", f), (0, ge.default)("calling", this.props.onStart), !(this.props.onStart(t, f) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, q.addUserSelectStyles)(o), this.dragging = !0, this.lastX = p, this.lastY = l, (0, q.addEvent)(o, ce.move, this.handleDrag), (0, q.addEvent)(o, ce.stop, this.handleDragStop));
|
|
1341
1341
|
}), H(this, "handleDrag", (t) => {
|
|
1342
1342
|
const r = (0, le.getControlPosition)(t, this.touchIdentifier, this);
|
|
1343
1343
|
if (r == null) return;
|
|
@@ -1346,17 +1346,17 @@ let ce = Z.mouse, Te = class extends Oe.Component {
|
|
|
1346
1346
|
y: a
|
|
1347
1347
|
} = r;
|
|
1348
1348
|
if (Array.isArray(this.props.grid)) {
|
|
1349
|
-
let
|
|
1350
|
-
if ([
|
|
1351
|
-
o = this.lastX +
|
|
1349
|
+
let l = o - this.lastX, f = a - this.lastY;
|
|
1350
|
+
if ([l, f] = (0, le.snapToGrid)(this.props.grid, l, f), !l && !f) return;
|
|
1351
|
+
o = this.lastX + l, a = this.lastY + f;
|
|
1352
1352
|
}
|
|
1353
1353
|
const i = (0, le.createCoreData)(this, o, a);
|
|
1354
|
-
if ((0,
|
|
1354
|
+
if ((0, ge.default)("DraggableCore: handleDrag: %j", i), this.props.onDrag(t, i) === !1 || this.mounted === !1) {
|
|
1355
1355
|
try {
|
|
1356
1356
|
this.handleDragStop(new MouseEvent("mouseup"));
|
|
1357
1357
|
} catch {
|
|
1358
|
-
const
|
|
1359
|
-
|
|
1358
|
+
const f = document.createEvent("MouseEvents");
|
|
1359
|
+
f.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(f);
|
|
1360
1360
|
}
|
|
1361
1361
|
return;
|
|
1362
1362
|
}
|
|
@@ -1370,13 +1370,13 @@ let ce = Z.mouse, Te = class extends Oe.Component {
|
|
|
1370
1370
|
y: a
|
|
1371
1371
|
} = r;
|
|
1372
1372
|
if (Array.isArray(this.props.grid)) {
|
|
1373
|
-
let
|
|
1374
|
-
[
|
|
1373
|
+
let f = o - this.lastX || 0, y = a - this.lastY || 0;
|
|
1374
|
+
[f, y] = (0, le.snapToGrid)(this.props.grid, f, y), o = this.lastX + f, a = this.lastY + y;
|
|
1375
1375
|
}
|
|
1376
1376
|
const i = (0, le.createCoreData)(this, o, a);
|
|
1377
1377
|
if (this.props.onStop(t, i) === !1 || this.mounted === !1) return !1;
|
|
1378
|
-
const
|
|
1379
|
-
|
|
1378
|
+
const l = this.findDOMNode();
|
|
1379
|
+
l && this.props.enableUserSelectHack && (0, q.scheduleRemoveUserSelectStyles)(l.ownerDocument), (0, ge.default)("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, l && ((0, ge.default)("DraggableCore: Removing handlers"), (0, q.removeEvent)(l.ownerDocument, ce.move, this.handleDrag), (0, q.removeEvent)(l.ownerDocument, ce.stop, this.handleDragStop));
|
|
1380
1380
|
}), H(this, "onMouseDown", (t) => (ce = Z.mouse, this.handleDragStart(t))), H(this, "onMouseUp", (t) => (ce = Z.mouse, this.handleDragStop(t))), H(this, "onTouchStart", (t) => (ce = Z.touch, this.handleDragStart(t))), H(this, "onTouchEnd", (t) => (ce = Z.touch, this.handleDragStop(t)));
|
|
1381
1381
|
}
|
|
1382
1382
|
componentDidMount() {
|
|
@@ -1402,10 +1402,10 @@ let ce = Z.mouse, Te = class extends Oe.Component {
|
|
|
1402
1402
|
// the underlying DOM node ourselves. See the README for more information.
|
|
1403
1403
|
findDOMNode() {
|
|
1404
1404
|
var t, r, o;
|
|
1405
|
-
return (t = this.props) != null && t.nodeRef ? (o = (r = this.props) == null ? void 0 : r.nodeRef) == null ? void 0 : o.current :
|
|
1405
|
+
return (t = this.props) != null && t.nodeRef ? (o = (r = this.props) == null ? void 0 : r.nodeRef) == null ? void 0 : o.current : pr.default.findDOMNode(this);
|
|
1406
1406
|
}
|
|
1407
1407
|
render() {
|
|
1408
|
-
return /* @__PURE__ */
|
|
1408
|
+
return /* @__PURE__ */ Ae.cloneElement(Ae.Children.only(this.props.children), {
|
|
1409
1409
|
// Note: mouseMove handler is attached to document so it will still function
|
|
1410
1410
|
// when the user drags quickly and leaves the bounds of the element.
|
|
1411
1411
|
onMouseDown: this.onMouseDown,
|
|
@@ -1417,9 +1417,9 @@ let ce = Z.mouse, Te = class extends Oe.Component {
|
|
|
1417
1417
|
});
|
|
1418
1418
|
}
|
|
1419
1419
|
};
|
|
1420
|
-
|
|
1421
|
-
H(
|
|
1422
|
-
H(
|
|
1420
|
+
Ee.default = _e;
|
|
1421
|
+
H(_e, "displayName", "DraggableCore");
|
|
1422
|
+
H(_e, "propTypes", {
|
|
1423
1423
|
/**
|
|
1424
1424
|
* `allowAnyClick` allows dragging using any mouse button.
|
|
1425
1425
|
* By default, we only accept the left button.
|
|
@@ -1546,11 +1546,11 @@ H(Te, "propTypes", {
|
|
|
1546
1546
|
/**
|
|
1547
1547
|
* These properties should be defined on the child, not here.
|
|
1548
1548
|
*/
|
|
1549
|
-
className:
|
|
1550
|
-
style:
|
|
1551
|
-
transform:
|
|
1549
|
+
className: ke.dontSetMe,
|
|
1550
|
+
style: ke.dontSetMe,
|
|
1551
|
+
transform: ke.dontSetMe
|
|
1552
1552
|
});
|
|
1553
|
-
H(
|
|
1553
|
+
H(_e, "defaultProps", {
|
|
1554
1554
|
allowAnyClick: !1,
|
|
1555
1555
|
// by default only accept left click
|
|
1556
1556
|
allowMobileScroll: !1,
|
|
@@ -1572,84 +1572,84 @@ H(Te, "defaultProps", {
|
|
|
1572
1572
|
}), Object.defineProperty(e, "DraggableCore", {
|
|
1573
1573
|
enumerable: !0,
|
|
1574
1574
|
get: function() {
|
|
1575
|
-
return
|
|
1575
|
+
return f.default;
|
|
1576
1576
|
}
|
|
1577
1577
|
}), e.default = void 0;
|
|
1578
|
-
var t =
|
|
1579
|
-
function
|
|
1580
|
-
return
|
|
1578
|
+
var t = _(Le), r = T(dt), o = T(lt), a = $t, i = F, p = re, l = te, f = T(Ee), y = T(we);
|
|
1579
|
+
function T(g) {
|
|
1580
|
+
return g && g.__esModule ? g : { default: g };
|
|
1581
1581
|
}
|
|
1582
|
-
function
|
|
1583
|
-
if (typeof WeakMap == "function") var
|
|
1584
|
-
return (
|
|
1585
|
-
if (!
|
|
1586
|
-
var
|
|
1582
|
+
function _(g, d) {
|
|
1583
|
+
if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap();
|
|
1584
|
+
return (_ = function(s, D) {
|
|
1585
|
+
if (!D && s && s.__esModule) return s;
|
|
1586
|
+
var W, U, Y = { __proto__: null, default: s };
|
|
1587
1587
|
if (s === null || typeof s != "object" && typeof s != "function") return Y;
|
|
1588
|
-
if (
|
|
1589
|
-
if (
|
|
1590
|
-
|
|
1588
|
+
if (W = D ? x : w) {
|
|
1589
|
+
if (W.has(s)) return W.get(s);
|
|
1590
|
+
W.set(s, Y);
|
|
1591
1591
|
}
|
|
1592
|
-
for (const
|
|
1592
|
+
for (const L in s) L !== "default" && {}.hasOwnProperty.call(s, L) && ((U = (W = Object.defineProperty) && Object.getOwnPropertyDescriptor(s, L)) && (U.get || U.set) ? W(Y, L, U) : Y[L] = s[L]);
|
|
1593
1593
|
return Y;
|
|
1594
|
-
})(
|
|
1594
|
+
})(g, d);
|
|
1595
1595
|
}
|
|
1596
|
-
function
|
|
1597
|
-
return
|
|
1598
|
-
for (var
|
|
1599
|
-
var
|
|
1600
|
-
for (var
|
|
1596
|
+
function E() {
|
|
1597
|
+
return E = Object.assign ? Object.assign.bind() : function(g) {
|
|
1598
|
+
for (var d = 1; d < arguments.length; d++) {
|
|
1599
|
+
var w = arguments[d];
|
|
1600
|
+
for (var x in w) ({}).hasOwnProperty.call(w, x) && (g[x] = w[x]);
|
|
1601
1601
|
}
|
|
1602
|
-
return
|
|
1603
|
-
},
|
|
1602
|
+
return g;
|
|
1603
|
+
}, E.apply(null, arguments);
|
|
1604
1604
|
}
|
|
1605
|
-
function
|
|
1606
|
-
return (
|
|
1605
|
+
function j(g, d, w) {
|
|
1606
|
+
return (d = I(d)) in g ? Object.defineProperty(g, d, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : g[d] = w, g;
|
|
1607
1607
|
}
|
|
1608
|
-
function I(
|
|
1609
|
-
var
|
|
1610
|
-
return typeof
|
|
1608
|
+
function I(g) {
|
|
1609
|
+
var d = k(g, "string");
|
|
1610
|
+
return typeof d == "symbol" ? d : d + "";
|
|
1611
1611
|
}
|
|
1612
|
-
function
|
|
1613
|
-
if (typeof
|
|
1614
|
-
var
|
|
1615
|
-
if (
|
|
1616
|
-
var
|
|
1617
|
-
if (typeof
|
|
1612
|
+
function k(g, d) {
|
|
1613
|
+
if (typeof g != "object" || !g) return g;
|
|
1614
|
+
var w = g[Symbol.toPrimitive];
|
|
1615
|
+
if (w !== void 0) {
|
|
1616
|
+
var x = w.call(g, d);
|
|
1617
|
+
if (typeof x != "object") return x;
|
|
1618
1618
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1619
1619
|
}
|
|
1620
|
-
return (
|
|
1620
|
+
return (d === "string" ? String : Number)(g);
|
|
1621
1621
|
}
|
|
1622
|
-
class
|
|
1622
|
+
class O extends t.Component {
|
|
1623
1623
|
// React 16.3+
|
|
1624
1624
|
// Arity (props, state)
|
|
1625
|
-
static getDerivedStateFromProps(
|
|
1625
|
+
static getDerivedStateFromProps(d, w) {
|
|
1626
1626
|
let {
|
|
1627
|
-
position:
|
|
1628
|
-
} =
|
|
1627
|
+
position: x
|
|
1628
|
+
} = d, {
|
|
1629
1629
|
prevPropsPosition: s
|
|
1630
|
-
} =
|
|
1631
|
-
return
|
|
1632
|
-
position:
|
|
1630
|
+
} = w;
|
|
1631
|
+
return x && (!s || x.x !== s.x || x.y !== s.y) ? ((0, y.default)("Draggable: getDerivedStateFromProps %j", {
|
|
1632
|
+
position: x,
|
|
1633
1633
|
prevPropsPosition: s
|
|
1634
1634
|
}), {
|
|
1635
|
-
x:
|
|
1636
|
-
y:
|
|
1635
|
+
x: x.x,
|
|
1636
|
+
y: x.y,
|
|
1637
1637
|
prevPropsPosition: {
|
|
1638
|
-
...
|
|
1638
|
+
...x
|
|
1639
1639
|
}
|
|
1640
1640
|
}) : null;
|
|
1641
1641
|
}
|
|
1642
|
-
constructor(
|
|
1643
|
-
super(
|
|
1644
|
-
if ((0,
|
|
1642
|
+
constructor(d) {
|
|
1643
|
+
super(d), j(this, "onDragStart", (w, x) => {
|
|
1644
|
+
if ((0, y.default)("Draggable: onDragStart: %j", x), this.props.onStart(w, (0, p.createDraggableData)(this, x)) === !1) return !1;
|
|
1645
1645
|
this.setState({
|
|
1646
1646
|
dragging: !0,
|
|
1647
1647
|
dragged: !0
|
|
1648
1648
|
});
|
|
1649
|
-
}),
|
|
1649
|
+
}), j(this, "onDrag", (w, x) => {
|
|
1650
1650
|
if (!this.state.dragging) return !1;
|
|
1651
|
-
(0,
|
|
1652
|
-
const s = (0,
|
|
1651
|
+
(0, y.default)("Draggable: onDrag: %j", x);
|
|
1652
|
+
const s = (0, p.createDraggableData)(this, x), D = {
|
|
1653
1653
|
x: s.x,
|
|
1654
1654
|
y: s.y,
|
|
1655
1655
|
slackX: 0,
|
|
@@ -1659,17 +1659,17 @@ H(Te, "defaultProps", {
|
|
|
1659
1659
|
const {
|
|
1660
1660
|
x: U,
|
|
1661
1661
|
y: Y
|
|
1662
|
-
} =
|
|
1663
|
-
|
|
1664
|
-
const [
|
|
1665
|
-
|
|
1662
|
+
} = D;
|
|
1663
|
+
D.x += this.state.slackX, D.y += this.state.slackY;
|
|
1664
|
+
const [L, ne] = (0, p.getBoundPosition)(this, D.x, D.y);
|
|
1665
|
+
D.x = L, D.y = ne, D.slackX = this.state.slackX + (U - D.x), D.slackY = this.state.slackY + (Y - D.y), s.x = D.x, s.y = D.y, s.deltaX = D.x - this.state.x, s.deltaY = D.y - this.state.y;
|
|
1666
1666
|
}
|
|
1667
|
-
if (this.props.onDrag(
|
|
1668
|
-
this.setState(
|
|
1669
|
-
}),
|
|
1670
|
-
if (!this.state.dragging || this.props.onStop(
|
|
1671
|
-
(0,
|
|
1672
|
-
const
|
|
1667
|
+
if (this.props.onDrag(w, s) === !1) return !1;
|
|
1668
|
+
this.setState(D);
|
|
1669
|
+
}), j(this, "onDragStop", (w, x) => {
|
|
1670
|
+
if (!this.state.dragging || this.props.onStop(w, (0, p.createDraggableData)(this, x)) === !1) return !1;
|
|
1671
|
+
(0, y.default)("Draggable: onDragStop: %j", x);
|
|
1672
|
+
const D = {
|
|
1673
1673
|
dragging: !1,
|
|
1674
1674
|
slackX: 0,
|
|
1675
1675
|
slackY: 0
|
|
@@ -1679,26 +1679,26 @@ H(Te, "defaultProps", {
|
|
|
1679
1679
|
x: U,
|
|
1680
1680
|
y: Y
|
|
1681
1681
|
} = this.props.position;
|
|
1682
|
-
|
|
1682
|
+
D.x = U, D.y = Y;
|
|
1683
1683
|
}
|
|
1684
|
-
this.setState(
|
|
1684
|
+
this.setState(D);
|
|
1685
1685
|
}), this.state = {
|
|
1686
1686
|
// Whether or not we are currently dragging.
|
|
1687
1687
|
dragging: !1,
|
|
1688
1688
|
// Whether or not we have been dragged before.
|
|
1689
1689
|
dragged: !1,
|
|
1690
1690
|
// Current transform x and y.
|
|
1691
|
-
x:
|
|
1692
|
-
y:
|
|
1691
|
+
x: d.position ? d.position.x : d.defaultPosition.x,
|
|
1692
|
+
y: d.position ? d.position.y : d.defaultPosition.y,
|
|
1693
1693
|
prevPropsPosition: {
|
|
1694
|
-
...
|
|
1694
|
+
...d.position
|
|
1695
1695
|
},
|
|
1696
1696
|
// Used for compensating for out-of-bounds drags
|
|
1697
1697
|
slackX: 0,
|
|
1698
1698
|
slackY: 0,
|
|
1699
1699
|
// Can only determine if SVG after mounting
|
|
1700
1700
|
isElementSVG: !1
|
|
1701
|
-
},
|
|
1701
|
+
}, d.position && !(d.onDrag || d.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
|
|
1702
1702
|
}
|
|
1703
1703
|
componentDidMount() {
|
|
1704
1704
|
typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
|
|
@@ -1713,52 +1713,52 @@ H(Te, "defaultProps", {
|
|
|
1713
1713
|
// React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
|
|
1714
1714
|
// the underlying DOM node ourselves. See the README for more information.
|
|
1715
1715
|
findDOMNode() {
|
|
1716
|
-
var
|
|
1717
|
-
return ((
|
|
1716
|
+
var d, w;
|
|
1717
|
+
return ((w = (d = this.props) == null ? void 0 : d.nodeRef) == null ? void 0 : w.current) ?? o.default.findDOMNode(this);
|
|
1718
1718
|
}
|
|
1719
1719
|
render() {
|
|
1720
1720
|
const {
|
|
1721
|
-
axis:
|
|
1722
|
-
bounds:
|
|
1723
|
-
children:
|
|
1721
|
+
axis: d,
|
|
1722
|
+
bounds: w,
|
|
1723
|
+
children: x,
|
|
1724
1724
|
defaultPosition: s,
|
|
1725
|
-
defaultClassName:
|
|
1726
|
-
defaultClassNameDragging:
|
|
1725
|
+
defaultClassName: D,
|
|
1726
|
+
defaultClassNameDragging: W,
|
|
1727
1727
|
defaultClassNameDragged: U,
|
|
1728
1728
|
position: Y,
|
|
1729
|
-
positionOffset:
|
|
1729
|
+
positionOffset: L,
|
|
1730
1730
|
scale: ne,
|
|
1731
1731
|
...oe
|
|
1732
1732
|
} = this.props;
|
|
1733
1733
|
let ae = {}, K = null;
|
|
1734
1734
|
const X = !!!Y || this.state.dragging, V = Y || s, Q = {
|
|
1735
1735
|
// Set left if horizontal drag is enabled
|
|
1736
|
-
x: (0,
|
|
1736
|
+
x: (0, p.canDragX)(this) && X ? this.state.x : V.x,
|
|
1737
1737
|
// Set top if vertical drag is enabled
|
|
1738
|
-
y: (0,
|
|
1738
|
+
y: (0, p.canDragY)(this) && X ? this.state.y : V.y
|
|
1739
1739
|
};
|
|
1740
|
-
this.state.isElementSVG ? K = (0, i.createSVGTransform)(Q,
|
|
1741
|
-
const ie = (0, a.clsx)(
|
|
1742
|
-
[
|
|
1740
|
+
this.state.isElementSVG ? K = (0, i.createSVGTransform)(Q, L) : ae = (0, i.createCSSTransform)(Q, L);
|
|
1741
|
+
const ie = (0, a.clsx)(x.props.className || "", D, {
|
|
1742
|
+
[W]: this.state.dragging,
|
|
1743
1743
|
[U]: this.state.dragged
|
|
1744
1744
|
});
|
|
1745
|
-
return /* @__PURE__ */ t.createElement(
|
|
1745
|
+
return /* @__PURE__ */ t.createElement(f.default, E({}, oe, {
|
|
1746
1746
|
onStart: this.onDragStart,
|
|
1747
1747
|
onDrag: this.onDrag,
|
|
1748
1748
|
onStop: this.onDragStop
|
|
1749
|
-
}), /* @__PURE__ */ t.cloneElement(t.Children.only(
|
|
1749
|
+
}), /* @__PURE__ */ t.cloneElement(t.Children.only(x), {
|
|
1750
1750
|
className: ie,
|
|
1751
1751
|
style: {
|
|
1752
|
-
...
|
|
1752
|
+
...x.props.style,
|
|
1753
1753
|
...ae
|
|
1754
1754
|
},
|
|
1755
1755
|
transform: K
|
|
1756
1756
|
}));
|
|
1757
1757
|
}
|
|
1758
1758
|
}
|
|
1759
|
-
e.default =
|
|
1759
|
+
e.default = O, j(O, "displayName", "Draggable"), j(O, "propTypes", {
|
|
1760
1760
|
// Accepts all props <DraggableCore> accepts.
|
|
1761
|
-
...
|
|
1761
|
+
...f.default.propTypes,
|
|
1762
1762
|
/**
|
|
1763
1763
|
* `axis` determines which axis the draggable can move.
|
|
1764
1764
|
*
|
|
@@ -1860,11 +1860,11 @@ H(Te, "defaultProps", {
|
|
|
1860
1860
|
/**
|
|
1861
1861
|
* These properties should be defined on the child, not here.
|
|
1862
1862
|
*/
|
|
1863
|
-
className:
|
|
1864
|
-
style:
|
|
1865
|
-
transform:
|
|
1866
|
-
}),
|
|
1867
|
-
...
|
|
1863
|
+
className: l.dontSetMe,
|
|
1864
|
+
style: l.dontSetMe,
|
|
1865
|
+
transform: l.dontSetMe
|
|
1866
|
+
}), j(O, "defaultProps", {
|
|
1867
|
+
...f.default.defaultProps,
|
|
1868
1868
|
axis: "both",
|
|
1869
1869
|
bounds: !1,
|
|
1870
1870
|
defaultClassName: "react-draggable",
|
|
@@ -1876,39 +1876,39 @@ H(Te, "defaultProps", {
|
|
|
1876
1876
|
},
|
|
1877
1877
|
scale: 1
|
|
1878
1878
|
});
|
|
1879
|
-
})(
|
|
1879
|
+
})(ct);
|
|
1880
1880
|
const {
|
|
1881
|
-
default:
|
|
1882
|
-
DraggableCore:
|
|
1883
|
-
} =
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
var
|
|
1888
|
-
const
|
|
1881
|
+
default: xt,
|
|
1882
|
+
DraggableCore: mr
|
|
1883
|
+
} = ct;
|
|
1884
|
+
Te.exports = xt;
|
|
1885
|
+
Te.exports.default = xt;
|
|
1886
|
+
Te.exports.DraggableCore = mr;
|
|
1887
|
+
var yr = Te.exports;
|
|
1888
|
+
const vr = /* @__PURE__ */ _t(yr), br = ({
|
|
1889
1889
|
title: e,
|
|
1890
1890
|
collapsed: t = !1,
|
|
1891
1891
|
draggable: r = !0,
|
|
1892
1892
|
position: o = { x: 20, y: 20 },
|
|
1893
1893
|
children: a
|
|
1894
1894
|
}) => {
|
|
1895
|
-
const [i,
|
|
1895
|
+
const [i, p] = ue(t), l = xe(null);
|
|
1896
1896
|
return /* @__PURE__ */ u.jsx(
|
|
1897
|
-
|
|
1897
|
+
vr,
|
|
1898
1898
|
{
|
|
1899
|
-
nodeRef:
|
|
1899
|
+
nodeRef: l,
|
|
1900
1900
|
handle: ".font-controls-header",
|
|
1901
1901
|
disabled: !r,
|
|
1902
1902
|
defaultPosition: o,
|
|
1903
1903
|
bounds: "parent",
|
|
1904
|
-
children: /* @__PURE__ */ u.jsxs("div", { ref:
|
|
1904
|
+
children: /* @__PURE__ */ u.jsxs("div", { ref: l, className: "font-controls-panel", children: [
|
|
1905
1905
|
/* @__PURE__ */ u.jsxs("div", { className: "font-controls-header", children: [
|
|
1906
1906
|
/* @__PURE__ */ u.jsx("h3", { className: "font-controls-title", children: e }),
|
|
1907
1907
|
/* @__PURE__ */ u.jsx(
|
|
1908
1908
|
"button",
|
|
1909
1909
|
{
|
|
1910
1910
|
className: `font-controls-toggle ${i ? "collapsed" : ""}`,
|
|
1911
|
-
onClick: () =>
|
|
1911
|
+
onClick: () => p(!i),
|
|
1912
1912
|
type: "button",
|
|
1913
1913
|
"aria-label": i ? "Expand" : "Collapse",
|
|
1914
1914
|
children: /* @__PURE__ */ u.jsx(
|
|
@@ -1930,23 +1930,90 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
1930
1930
|
] })
|
|
1931
1931
|
}
|
|
1932
1932
|
);
|
|
1933
|
-
},
|
|
1933
|
+
}, Sr = ({
|
|
1934
1934
|
value: e,
|
|
1935
1935
|
onChange: t,
|
|
1936
1936
|
fontFamilies: r
|
|
1937
|
-
}) =>
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1937
|
+
}) => {
|
|
1938
|
+
const [o, a] = ue(!1), [i, p] = ue(""), [l, f] = ue(-1), y = xe(null), T = xe(null), _ = xe(null), E = r.filter(
|
|
1939
|
+
(g) => g.toLowerCase().includes(i.toLowerCase())
|
|
1940
|
+
);
|
|
1941
|
+
me(() => {
|
|
1942
|
+
const g = (d) => {
|
|
1943
|
+
y.current && !y.current.contains(d.target) && (a(!1), p(""), f(-1));
|
|
1944
|
+
};
|
|
1945
|
+
return o && document.addEventListener("mousedown", g), () => {
|
|
1946
|
+
document.removeEventListener("mousedown", g);
|
|
1947
|
+
};
|
|
1948
|
+
}, [o]), me(() => {
|
|
1949
|
+
if (l >= 0 && _.current) {
|
|
1950
|
+
const g = _.current.children[l];
|
|
1951
|
+
g && g.scrollIntoView({
|
|
1952
|
+
block: "nearest",
|
|
1953
|
+
behavior: "smooth"
|
|
1954
|
+
});
|
|
1947
1955
|
}
|
|
1948
|
-
)
|
|
1949
|
-
|
|
1956
|
+
}, [l]);
|
|
1957
|
+
const j = (g) => {
|
|
1958
|
+
t(g), a(!1), p(""), f(-1);
|
|
1959
|
+
}, I = (g) => {
|
|
1960
|
+
if (!o && (g.key === "Enter" || g.key === "ArrowDown")) {
|
|
1961
|
+
g.preventDefault(), a(!0);
|
|
1962
|
+
return;
|
|
1963
|
+
}
|
|
1964
|
+
if (o)
|
|
1965
|
+
switch (g.key) {
|
|
1966
|
+
case "ArrowDown":
|
|
1967
|
+
g.preventDefault(), f(
|
|
1968
|
+
(d) => d < E.length - 1 ? d + 1 : d
|
|
1969
|
+
);
|
|
1970
|
+
break;
|
|
1971
|
+
case "ArrowUp":
|
|
1972
|
+
g.preventDefault(), f((d) => d > 0 ? d - 1 : 0);
|
|
1973
|
+
break;
|
|
1974
|
+
case "Enter":
|
|
1975
|
+
g.preventDefault(), l >= 0 && E[l] && j(E[l]);
|
|
1976
|
+
break;
|
|
1977
|
+
case "Escape":
|
|
1978
|
+
g.preventDefault(), a(!1), p(""), f(-1);
|
|
1979
|
+
break;
|
|
1980
|
+
}
|
|
1981
|
+
}, k = (g) => {
|
|
1982
|
+
p(g.target.value), f(-1), o || a(!0);
|
|
1983
|
+
}, O = () => {
|
|
1984
|
+
a(!0), T.current && T.current.select();
|
|
1985
|
+
};
|
|
1986
|
+
return /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", ref: y, children: [
|
|
1987
|
+
/* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Font Family" }),
|
|
1988
|
+
/* @__PURE__ */ u.jsxs("div", { className: "font-control-searchable-select", children: [
|
|
1989
|
+
/* @__PURE__ */ u.jsx(
|
|
1990
|
+
"input",
|
|
1991
|
+
{
|
|
1992
|
+
ref: T,
|
|
1993
|
+
type: "text",
|
|
1994
|
+
className: "font-control-input font-control-search-input",
|
|
1995
|
+
value: o ? i : e,
|
|
1996
|
+
onChange: k,
|
|
1997
|
+
onClick: O,
|
|
1998
|
+
onKeyDown: I,
|
|
1999
|
+
placeholder: "Search fonts...",
|
|
2000
|
+
style: { fontFamily: o ? "inherit" : e }
|
|
2001
|
+
}
|
|
2002
|
+
),
|
|
2003
|
+
o && /* @__PURE__ */ u.jsx("div", { className: "font-control-dropdown", ref: _, children: E.length > 0 ? E.map((g, d) => /* @__PURE__ */ u.jsx(
|
|
2004
|
+
"div",
|
|
2005
|
+
{
|
|
2006
|
+
className: `font-control-dropdown-item ${d === l ? "highlighted" : ""} ${g === e ? "selected" : ""}`,
|
|
2007
|
+
onClick: () => j(g),
|
|
2008
|
+
onMouseEnter: () => f(d),
|
|
2009
|
+
style: { fontFamily: g },
|
|
2010
|
+
children: g
|
|
2011
|
+
},
|
|
2012
|
+
g
|
|
2013
|
+
)) : /* @__PURE__ */ u.jsx("div", { className: "font-control-dropdown-item no-results", children: "No fonts found" }) })
|
|
2014
|
+
] })
|
|
2015
|
+
] });
|
|
2016
|
+
}, xr = ({
|
|
1950
2017
|
value: e,
|
|
1951
2018
|
onChange: t,
|
|
1952
2019
|
min: r,
|
|
@@ -1980,7 +2047,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
1980
2047
|
}
|
|
1981
2048
|
)
|
|
1982
2049
|
] })
|
|
1983
|
-
] }),
|
|
2050
|
+
] }), Tr = [
|
|
1984
2051
|
{ value: 100, label: "Thin" },
|
|
1985
2052
|
{ value: 200, label: "Extra Light" },
|
|
1986
2053
|
{ value: 300, label: "Light" },
|
|
@@ -1990,7 +2057,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
1990
2057
|
{ value: 700, label: "Bold" },
|
|
1991
2058
|
{ value: 800, label: "Extra Bold" },
|
|
1992
2059
|
{ value: 900, label: "Black" }
|
|
1993
|
-
],
|
|
2060
|
+
], Er = ({
|
|
1994
2061
|
value: e,
|
|
1995
2062
|
onChange: t
|
|
1996
2063
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
@@ -2001,7 +2068,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2001
2068
|
className: "font-control-input font-control-select",
|
|
2002
2069
|
value: e,
|
|
2003
2070
|
onChange: (r) => t(Number(r.target.value)),
|
|
2004
|
-
children:
|
|
2071
|
+
children: Tr.map((r) => /* @__PURE__ */ u.jsxs("option", { value: r.value, children: [
|
|
2005
2072
|
r.label,
|
|
2006
2073
|
" (",
|
|
2007
2074
|
r.value,
|
|
@@ -2009,7 +2076,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2009
2076
|
] }, r.value))
|
|
2010
2077
|
}
|
|
2011
2078
|
)
|
|
2012
|
-
] }),
|
|
2079
|
+
] }), wr = ({
|
|
2013
2080
|
value: e,
|
|
2014
2081
|
onChange: t
|
|
2015
2082
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
@@ -2040,7 +2107,7 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2040
2107
|
}
|
|
2041
2108
|
)
|
|
2042
2109
|
] })
|
|
2043
|
-
] }),
|
|
2110
|
+
] }), _r = ({
|
|
2044
2111
|
value: e,
|
|
2045
2112
|
onChange: t
|
|
2046
2113
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
@@ -2071,12 +2138,12 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2071
2138
|
}
|
|
2072
2139
|
)
|
|
2073
2140
|
] })
|
|
2074
|
-
] }),
|
|
2141
|
+
] }), Cr = [
|
|
2075
2142
|
{ value: "none", label: "None" },
|
|
2076
2143
|
{ value: "uppercase", label: "UPPERCASE" },
|
|
2077
2144
|
{ value: "lowercase", label: "lowercase" },
|
|
2078
2145
|
{ value: "capitalize", label: "Capitalize" }
|
|
2079
|
-
],
|
|
2146
|
+
], Pr = ({
|
|
2080
2147
|
value: e,
|
|
2081
2148
|
onChange: t
|
|
2082
2149
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
@@ -2087,10 +2154,10 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2087
2154
|
className: "font-control-input font-control-select",
|
|
2088
2155
|
value: e,
|
|
2089
2156
|
onChange: (r) => t(r.target.value),
|
|
2090
|
-
children:
|
|
2157
|
+
children: Cr.map((r) => /* @__PURE__ */ u.jsx("option", { value: r.value, children: r.label }, r.value))
|
|
2091
2158
|
}
|
|
2092
2159
|
)
|
|
2093
|
-
] }),
|
|
2160
|
+
] }), jr = ({
|
|
2094
2161
|
value: e,
|
|
2095
2162
|
onChange: t
|
|
2096
2163
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
@@ -2115,17 +2182,17 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2115
2182
|
}
|
|
2116
2183
|
)
|
|
2117
2184
|
] })
|
|
2118
|
-
] }),
|
|
2185
|
+
] }), Rr = [
|
|
2119
2186
|
{ value: "left", icon: "⬅" },
|
|
2120
2187
|
{ value: "center", icon: "↔" },
|
|
2121
2188
|
{ value: "right", icon: "➡" },
|
|
2122
2189
|
{ value: "justify", icon: "⬌" }
|
|
2123
|
-
],
|
|
2190
|
+
], Or = ({
|
|
2124
2191
|
value: e,
|
|
2125
2192
|
onChange: t
|
|
2126
2193
|
}) => /* @__PURE__ */ u.jsxs("div", { className: "font-control-group", children: [
|
|
2127
2194
|
/* @__PURE__ */ u.jsx("label", { className: "font-control-label", children: "Text Align" }),
|
|
2128
|
-
/* @__PURE__ */ u.jsx("div", { className: "font-control-button-group", children:
|
|
2195
|
+
/* @__PURE__ */ u.jsx("div", { className: "font-control-button-group", children: Rr.map((r) => /* @__PURE__ */ u.jsx(
|
|
2129
2196
|
"button",
|
|
2130
2197
|
{
|
|
2131
2198
|
className: `font-control-button ${e === r.value ? "active" : ""}`,
|
|
@@ -2135,16 +2202,16 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2135
2202
|
},
|
|
2136
2203
|
r.value
|
|
2137
2204
|
)) })
|
|
2138
|
-
] }),
|
|
2205
|
+
] }), Me = ({
|
|
2139
2206
|
title: e,
|
|
2140
2207
|
code: t,
|
|
2141
2208
|
language: r = "css"
|
|
2142
2209
|
}) => {
|
|
2143
|
-
const [o, a] =
|
|
2210
|
+
const [o, a] = ue(!1), i = async () => {
|
|
2144
2211
|
try {
|
|
2145
2212
|
await navigator.clipboard.writeText(t), a(!0), setTimeout(() => a(!1), 2e3);
|
|
2146
|
-
} catch (
|
|
2147
|
-
console.error("Failed to copy:",
|
|
2213
|
+
} catch (p) {
|
|
2214
|
+
console.error("Failed to copy:", p);
|
|
2148
2215
|
}
|
|
2149
2216
|
};
|
|
2150
2217
|
return /* @__PURE__ */ u.jsxs("div", { className: "font-control-code-block", children: [
|
|
@@ -2189,23 +2256,23 @@ const hr = /* @__PURE__ */ xt(pr), mr = ({
|
|
|
2189
2256
|
] }),
|
|
2190
2257
|
/* @__PURE__ */ u.jsx("pre", { className: "font-control-code-content", children: /* @__PURE__ */ u.jsx("code", { className: `language-${r}`, children: t }) })
|
|
2191
2258
|
] });
|
|
2192
|
-
},
|
|
2193
|
-
function
|
|
2194
|
-
if (
|
|
2259
|
+
}, it = /* @__PURE__ */ new Set();
|
|
2260
|
+
function Dr(e) {
|
|
2261
|
+
if (it.has(e))
|
|
2195
2262
|
return;
|
|
2196
2263
|
const t = document.createElement("link");
|
|
2197
|
-
t.rel = "stylesheet", t.href = `https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`, document.head.appendChild(t),
|
|
2264
|
+
t.rel = "stylesheet", t.href = `https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`, document.head.appendChild(t), it.add(e);
|
|
2198
2265
|
}
|
|
2199
|
-
function
|
|
2266
|
+
function Nr(e) {
|
|
2200
2267
|
if (!document.querySelector('link[href*="fonts.googleapis.com"]')) {
|
|
2201
2268
|
const t = document.createElement("link");
|
|
2202
2269
|
t.rel = "preconnect", t.href = "https://fonts.googleapis.com";
|
|
2203
2270
|
const r = document.createElement("link");
|
|
2204
2271
|
r.rel = "preconnect", r.href = "https://fonts.gstatic.com", r.crossOrigin = "anonymous", document.head.appendChild(t), document.head.appendChild(r);
|
|
2205
2272
|
}
|
|
2206
|
-
e.forEach(
|
|
2273
|
+
e.forEach(Dr);
|
|
2207
2274
|
}
|
|
2208
|
-
function
|
|
2275
|
+
function Ar(e) {
|
|
2209
2276
|
return [
|
|
2210
2277
|
"Arial",
|
|
2211
2278
|
"Helvetica",
|
|
@@ -2217,7 +2284,7 @@ function Rr(e) {
|
|
|
2217
2284
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
2218
2285
|
<link href="${`https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`}" rel="stylesheet">`;
|
|
2219
2286
|
}
|
|
2220
|
-
function
|
|
2287
|
+
function kr(e) {
|
|
2221
2288
|
return `<h1 style={{
|
|
2222
2289
|
fontFamily: '${e.fontFamily}',
|
|
2223
2290
|
fontSize: '${e.fontSize}px',
|
|
@@ -2231,7 +2298,7 @@ function Or(e) {
|
|
|
2231
2298
|
Your Text Here
|
|
2232
2299
|
</h1>`;
|
|
2233
2300
|
}
|
|
2234
|
-
function
|
|
2301
|
+
function Mr(e) {
|
|
2235
2302
|
return `.my-text {
|
|
2236
2303
|
font-family: '${e.fontFamily}', sans-serif;
|
|
2237
2304
|
font-size: ${e.fontSize}px;
|
|
@@ -2243,8 +2310,31 @@ function Dr(e) {
|
|
|
2243
2310
|
text-align: ${e.textAlign};
|
|
2244
2311
|
}`;
|
|
2245
2312
|
}
|
|
2246
|
-
const
|
|
2247
|
-
|
|
2313
|
+
const Be = "font-controls-config", Tt = (e, t = Be) => {
|
|
2314
|
+
try {
|
|
2315
|
+
typeof window < "u" && window.localStorage && localStorage.setItem(t, JSON.stringify(e));
|
|
2316
|
+
} catch (r) {
|
|
2317
|
+
console.warn("Failed to save font config to localStorage:", r);
|
|
2318
|
+
}
|
|
2319
|
+
}, Et = (e = Be) => {
|
|
2320
|
+
try {
|
|
2321
|
+
if (typeof window < "u" && window.localStorage) {
|
|
2322
|
+
const t = localStorage.getItem(e);
|
|
2323
|
+
if (t)
|
|
2324
|
+
return JSON.parse(t);
|
|
2325
|
+
}
|
|
2326
|
+
} catch (t) {
|
|
2327
|
+
console.warn("Failed to load font config from localStorage:", t);
|
|
2328
|
+
}
|
|
2329
|
+
return null;
|
|
2330
|
+
}, wt = (e = Be) => {
|
|
2331
|
+
try {
|
|
2332
|
+
typeof window < "u" && window.localStorage && localStorage.removeItem(e);
|
|
2333
|
+
} catch (t) {
|
|
2334
|
+
console.warn("Failed to clear font config from localStorage:", t);
|
|
2335
|
+
}
|
|
2336
|
+
}, $r = [
|
|
2337
|
+
// Sans-serif - Modern & Clean (40 fonts)
|
|
2248
2338
|
"Inter",
|
|
2249
2339
|
"Roboto",
|
|
2250
2340
|
"Open Sans",
|
|
@@ -2256,24 +2346,100 @@ const Nr = [
|
|
|
2256
2346
|
"Nunito",
|
|
2257
2347
|
"Source Sans Pro",
|
|
2258
2348
|
"DM Sans",
|
|
2259
|
-
|
|
2349
|
+
"Manrope",
|
|
2350
|
+
"Plus Jakarta Sans",
|
|
2351
|
+
"Outfit",
|
|
2352
|
+
"Space Grotesk",
|
|
2353
|
+
"Rubik",
|
|
2354
|
+
"Karla",
|
|
2355
|
+
"Mulish",
|
|
2356
|
+
"Quicksand",
|
|
2357
|
+
"Barlow",
|
|
2358
|
+
"Josefin Sans",
|
|
2359
|
+
"Lexend",
|
|
2360
|
+
"Hind",
|
|
2361
|
+
"Oxygen",
|
|
2362
|
+
"Ubuntu",
|
|
2363
|
+
"Noto Sans",
|
|
2364
|
+
"PT Sans",
|
|
2365
|
+
"Cabin",
|
|
2366
|
+
"Varela Round",
|
|
2367
|
+
"Asap",
|
|
2368
|
+
"Exo 2",
|
|
2369
|
+
"Archivo",
|
|
2370
|
+
"Titillium Web",
|
|
2371
|
+
"Yantramanav",
|
|
2372
|
+
"Heebo",
|
|
2373
|
+
"Comfortaa",
|
|
2374
|
+
"Alata",
|
|
2375
|
+
"Jost",
|
|
2376
|
+
"Red Hat Display",
|
|
2377
|
+
"Sora",
|
|
2378
|
+
// Serif - Classic & Elegant (20 fonts)
|
|
2260
2379
|
"Playfair Display",
|
|
2261
2380
|
"Merriweather",
|
|
2262
2381
|
"Lora",
|
|
2263
2382
|
"Crimson Text",
|
|
2264
2383
|
"EB Garamond",
|
|
2265
|
-
|
|
2384
|
+
"Libre Baskerville",
|
|
2385
|
+
"Cormorant Garamond",
|
|
2386
|
+
"Spectral",
|
|
2387
|
+
"Cardo",
|
|
2388
|
+
"Bitter",
|
|
2389
|
+
"Arvo",
|
|
2390
|
+
"Vollkorn",
|
|
2391
|
+
"Neuton",
|
|
2392
|
+
"Alegreya",
|
|
2393
|
+
"Domine",
|
|
2394
|
+
"Rokkitt",
|
|
2395
|
+
"PT Serif",
|
|
2396
|
+
"Gelasio",
|
|
2397
|
+
"Noticia Text",
|
|
2398
|
+
"Unna",
|
|
2399
|
+
// Monospace - Code & Tech (15 fonts)
|
|
2266
2400
|
"Fira Code",
|
|
2267
2401
|
"JetBrains Mono",
|
|
2268
2402
|
"Inconsolata",
|
|
2269
2403
|
"Source Code Pro",
|
|
2270
|
-
|
|
2404
|
+
"Roboto Mono",
|
|
2405
|
+
"IBM Plex Mono",
|
|
2406
|
+
"Space Mono",
|
|
2407
|
+
"Courier Prime",
|
|
2408
|
+
"Anonymous Pro",
|
|
2409
|
+
"Overpass Mono",
|
|
2410
|
+
"Ubuntu Mono",
|
|
2411
|
+
"PT Mono",
|
|
2412
|
+
"Noto Sans Mono",
|
|
2413
|
+
"Cousine",
|
|
2414
|
+
"Share Tech Mono",
|
|
2415
|
+
// Display - Bold & Creative (15 fonts)
|
|
2271
2416
|
"Bebas Neue",
|
|
2272
2417
|
"Oswald",
|
|
2273
2418
|
"Righteous",
|
|
2274
2419
|
"Permanent Marker",
|
|
2275
|
-
"Pacifico"
|
|
2276
|
-
|
|
2420
|
+
"Pacifico",
|
|
2421
|
+
"Anton",
|
|
2422
|
+
"Alfa Slab One",
|
|
2423
|
+
"Fredoka One",
|
|
2424
|
+
"Passion One",
|
|
2425
|
+
"Bungee",
|
|
2426
|
+
"Monoton",
|
|
2427
|
+
"Abril Fatface",
|
|
2428
|
+
"Lobster",
|
|
2429
|
+
"Bangers",
|
|
2430
|
+
"Russo One",
|
|
2431
|
+
// Handwriting & Script (10 fonts)
|
|
2432
|
+
"Dancing Script",
|
|
2433
|
+
"Satisfy",
|
|
2434
|
+
"Great Vibes",
|
|
2435
|
+
"Kaushan Script",
|
|
2436
|
+
"Caveat",
|
|
2437
|
+
"Shadows Into Light",
|
|
2438
|
+
"Indie Flower",
|
|
2439
|
+
"Amatic SC",
|
|
2440
|
+
"Patrick Hand",
|
|
2441
|
+
"Courgette"
|
|
2442
|
+
], Se = {
|
|
2277
2443
|
fontFamily: "Arial",
|
|
2278
2444
|
fontSize: 16,
|
|
2279
2445
|
fontWeight: 400,
|
|
@@ -2282,106 +2448,112 @@ const Nr = [
|
|
|
2282
2448
|
textTransform: "none",
|
|
2283
2449
|
color: "#000000",
|
|
2284
2450
|
textAlign: "left"
|
|
2285
|
-
},
|
|
2451
|
+
}, Lr = ({
|
|
2286
2452
|
value: e,
|
|
2287
2453
|
onChange: t,
|
|
2288
|
-
fontFamilies: r =
|
|
2454
|
+
fontFamilies: r = $r,
|
|
2289
2455
|
minFontSize: o = 8,
|
|
2290
2456
|
maxFontSize: a = 120,
|
|
2291
2457
|
fontSizeStep: i = 1,
|
|
2292
|
-
title:
|
|
2293
|
-
collapsed:
|
|
2294
|
-
draggable:
|
|
2295
|
-
position:
|
|
2458
|
+
title: p = "Font Controls",
|
|
2459
|
+
collapsed: l = !1,
|
|
2460
|
+
draggable: f = !0,
|
|
2461
|
+
position: y,
|
|
2462
|
+
enableLocalStorage: T = !1,
|
|
2463
|
+
storageKey: _ = "font-controls-config"
|
|
2296
2464
|
}) => {
|
|
2297
|
-
const [
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2465
|
+
const [E, j] = ue(() => {
|
|
2466
|
+
if (T) {
|
|
2467
|
+
const d = Et(_);
|
|
2468
|
+
if (d)
|
|
2469
|
+
return { ...Se, ...e, ...d };
|
|
2470
|
+
}
|
|
2471
|
+
return { ...Se, ...e };
|
|
2472
|
+
}), [I, k] = ue(!1);
|
|
2473
|
+
me(() => {
|
|
2474
|
+
e && j((d) => ({ ...d, ...e }));
|
|
2475
|
+
}, [e]), me(() => {
|
|
2476
|
+
Nr(r);
|
|
2305
2477
|
}, [r]);
|
|
2306
|
-
const
|
|
2307
|
-
const x = { ...
|
|
2308
|
-
|
|
2309
|
-
},
|
|
2310
|
-
|
|
2478
|
+
const O = (d, w) => {
|
|
2479
|
+
const x = { ...E, [d]: w };
|
|
2480
|
+
j(x), t == null || t(x), T && Tt(x, _);
|
|
2481
|
+
}, g = () => {
|
|
2482
|
+
j(Se), t == null || t(Se), T && wt(_);
|
|
2311
2483
|
};
|
|
2312
2484
|
return /* @__PURE__ */ u.jsxs(
|
|
2313
|
-
|
|
2485
|
+
br,
|
|
2314
2486
|
{
|
|
2315
|
-
title:
|
|
2316
|
-
collapsed:
|
|
2317
|
-
draggable:
|
|
2318
|
-
position:
|
|
2487
|
+
title: p,
|
|
2488
|
+
collapsed: l,
|
|
2489
|
+
draggable: f,
|
|
2490
|
+
position: y,
|
|
2319
2491
|
children: [
|
|
2320
2492
|
/* @__PURE__ */ u.jsx(
|
|
2321
|
-
|
|
2493
|
+
Sr,
|
|
2322
2494
|
{
|
|
2323
|
-
value:
|
|
2324
|
-
onChange: (
|
|
2495
|
+
value: E.fontFamily,
|
|
2496
|
+
onChange: (d) => O("fontFamily", d),
|
|
2325
2497
|
fontFamilies: r
|
|
2326
2498
|
}
|
|
2327
2499
|
),
|
|
2328
2500
|
/* @__PURE__ */ u.jsx(
|
|
2329
|
-
|
|
2501
|
+
xr,
|
|
2330
2502
|
{
|
|
2331
|
-
value:
|
|
2332
|
-
onChange: (
|
|
2503
|
+
value: E.fontSize,
|
|
2504
|
+
onChange: (d) => O("fontSize", d),
|
|
2333
2505
|
min: o,
|
|
2334
2506
|
max: a,
|
|
2335
2507
|
step: i
|
|
2336
2508
|
}
|
|
2337
2509
|
),
|
|
2338
2510
|
/* @__PURE__ */ u.jsx(
|
|
2339
|
-
|
|
2511
|
+
Er,
|
|
2340
2512
|
{
|
|
2341
|
-
value:
|
|
2342
|
-
onChange: (
|
|
2513
|
+
value: E.fontWeight,
|
|
2514
|
+
onChange: (d) => O("fontWeight", d)
|
|
2343
2515
|
}
|
|
2344
2516
|
),
|
|
2345
2517
|
/* @__PURE__ */ u.jsx(
|
|
2346
|
-
|
|
2518
|
+
wr,
|
|
2347
2519
|
{
|
|
2348
|
-
value:
|
|
2349
|
-
onChange: (
|
|
2520
|
+
value: E.lineHeight,
|
|
2521
|
+
onChange: (d) => O("lineHeight", d)
|
|
2350
2522
|
}
|
|
2351
2523
|
),
|
|
2352
2524
|
/* @__PURE__ */ u.jsx(
|
|
2353
|
-
|
|
2525
|
+
_r,
|
|
2354
2526
|
{
|
|
2355
|
-
value:
|
|
2356
|
-
onChange: (
|
|
2527
|
+
value: E.letterSpacing,
|
|
2528
|
+
onChange: (d) => O("letterSpacing", d)
|
|
2357
2529
|
}
|
|
2358
2530
|
),
|
|
2359
2531
|
/* @__PURE__ */ u.jsx(
|
|
2360
|
-
|
|
2532
|
+
Pr,
|
|
2361
2533
|
{
|
|
2362
|
-
value:
|
|
2363
|
-
onChange: (
|
|
2534
|
+
value: E.textTransform,
|
|
2535
|
+
onChange: (d) => O("textTransform", d)
|
|
2364
2536
|
}
|
|
2365
2537
|
),
|
|
2366
2538
|
/* @__PURE__ */ u.jsx(
|
|
2367
|
-
|
|
2539
|
+
jr,
|
|
2368
2540
|
{
|
|
2369
|
-
value:
|
|
2370
|
-
onChange: (
|
|
2541
|
+
value: E.color,
|
|
2542
|
+
onChange: (d) => O("color", d)
|
|
2371
2543
|
}
|
|
2372
2544
|
),
|
|
2373
2545
|
/* @__PURE__ */ u.jsx(
|
|
2374
|
-
|
|
2546
|
+
Or,
|
|
2375
2547
|
{
|
|
2376
|
-
value:
|
|
2377
|
-
onChange: (
|
|
2548
|
+
value: E.textAlign,
|
|
2549
|
+
onChange: (d) => O("textAlign", d)
|
|
2378
2550
|
}
|
|
2379
2551
|
),
|
|
2380
2552
|
/* @__PURE__ */ u.jsxs(
|
|
2381
2553
|
"button",
|
|
2382
2554
|
{
|
|
2383
2555
|
className: "font-control-reset-button",
|
|
2384
|
-
onClick:
|
|
2556
|
+
onClick: g,
|
|
2385
2557
|
type: "button",
|
|
2386
2558
|
children: [
|
|
2387
2559
|
/* @__PURE__ */ u.jsxs(
|
|
@@ -2409,7 +2581,7 @@ const Nr = [
|
|
|
2409
2581
|
"button",
|
|
2410
2582
|
{
|
|
2411
2583
|
className: "font-control-export-toggle",
|
|
2412
|
-
onClick: () =>
|
|
2584
|
+
onClick: () => k(!I),
|
|
2413
2585
|
type: "button",
|
|
2414
2586
|
children: [
|
|
2415
2587
|
/* @__PURE__ */ u.jsx(
|
|
@@ -2419,7 +2591,7 @@ const Nr = [
|
|
|
2419
2591
|
fill: "none",
|
|
2420
2592
|
stroke: "currentColor",
|
|
2421
2593
|
strokeWidth: "2",
|
|
2422
|
-
className:
|
|
2594
|
+
className: I ? "rotated" : "",
|
|
2423
2595
|
children: /* @__PURE__ */ u.jsx("polyline", { points: "9 18 15 12 9 6" })
|
|
2424
2596
|
}
|
|
2425
2597
|
),
|
|
@@ -2427,28 +2599,28 @@ const Nr = [
|
|
|
2427
2599
|
]
|
|
2428
2600
|
}
|
|
2429
2601
|
),
|
|
2430
|
-
|
|
2602
|
+
I && /* @__PURE__ */ u.jsxs("div", { className: "font-control-export-content", children: [
|
|
2431
2603
|
/* @__PURE__ */ u.jsx(
|
|
2432
|
-
|
|
2604
|
+
Me,
|
|
2433
2605
|
{
|
|
2434
2606
|
title: "1. Google Fonts Import (HTML)",
|
|
2435
|
-
code:
|
|
2607
|
+
code: Ar(E.fontFamily),
|
|
2436
2608
|
language: "html"
|
|
2437
2609
|
}
|
|
2438
2610
|
),
|
|
2439
2611
|
/* @__PURE__ */ u.jsx(
|
|
2440
|
-
|
|
2612
|
+
Me,
|
|
2441
2613
|
{
|
|
2442
2614
|
title: "2. React/JSX Inline Styles",
|
|
2443
|
-
code:
|
|
2615
|
+
code: kr(E),
|
|
2444
2616
|
language: "tsx"
|
|
2445
2617
|
}
|
|
2446
2618
|
),
|
|
2447
2619
|
/* @__PURE__ */ u.jsx(
|
|
2448
|
-
|
|
2620
|
+
Me,
|
|
2449
2621
|
{
|
|
2450
2622
|
title: "3. CSS Class",
|
|
2451
|
-
code:
|
|
2623
|
+
code: Mr(E),
|
|
2452
2624
|
language: "css"
|
|
2453
2625
|
}
|
|
2454
2626
|
)
|
|
@@ -2457,7 +2629,7 @@ const Nr = [
|
|
|
2457
2629
|
]
|
|
2458
2630
|
}
|
|
2459
2631
|
);
|
|
2460
|
-
},
|
|
2632
|
+
}, $e = {
|
|
2461
2633
|
fontFamily: "Arial",
|
|
2462
2634
|
fontSize: 16,
|
|
2463
2635
|
fontWeight: 400,
|
|
@@ -2466,25 +2638,39 @@ const Nr = [
|
|
|
2466
2638
|
textTransform: "none",
|
|
2467
2639
|
color: "#000000",
|
|
2468
2640
|
textAlign: "left"
|
|
2469
|
-
},
|
|
2470
|
-
const
|
|
2471
|
-
|
|
2472
|
-
|
|
2641
|
+
}, Wr = (e) => {
|
|
2642
|
+
const {
|
|
2643
|
+
initialConfig: t,
|
|
2644
|
+
enableLocalStorage: r = !1,
|
|
2645
|
+
storageKey: o = "font-controls-config"
|
|
2646
|
+
} = e || {}, [a, i] = ue(() => {
|
|
2647
|
+
if (r) {
|
|
2648
|
+
const f = Et(o);
|
|
2649
|
+
if (f)
|
|
2650
|
+
return { ...$e, ...t, ...f };
|
|
2651
|
+
}
|
|
2652
|
+
return { ...$e, ...t };
|
|
2473
2653
|
});
|
|
2474
|
-
return {
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2654
|
+
return me(() => {
|
|
2655
|
+
r && Tt(a, o);
|
|
2656
|
+
}, [a, r, o]), {
|
|
2657
|
+
config: a,
|
|
2658
|
+
setConfig: i,
|
|
2659
|
+
updateConfig: (f, y) => {
|
|
2660
|
+
i((T) => ({ ...T, [f]: y }));
|
|
2479
2661
|
},
|
|
2480
2662
|
resetConfig: () => {
|
|
2481
|
-
|
|
2663
|
+
const f = { ...$e, ...t };
|
|
2664
|
+
i(f), r && wt(o);
|
|
2482
2665
|
}
|
|
2483
2666
|
};
|
|
2484
2667
|
};
|
|
2485
2668
|
export {
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2669
|
+
Lr as FontControls,
|
|
2670
|
+
wt as clearFontConfig,
|
|
2671
|
+
Nr as loadAllDefaultFonts,
|
|
2672
|
+
Et as loadFontConfig,
|
|
2673
|
+
Dr as loadGoogleFont,
|
|
2674
|
+
Tt as saveFontConfig,
|
|
2675
|
+
Wr as useFontControls
|
|
2490
2676
|
};
|