react-align 2.2.3 → 2.3.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/index.d.ts +3 -3
- package/dist/react-align.mjs +490 -841
- package/dist/react-align.umd.js +2 -10
- package/package.json +12 -13
- package/src/GridArea.tsx +1 -1
- package/src/GridItem.tsx +1 -1
- package/src/GridWrapper.tsx +1 -1
package/dist/react-align.mjs
CHANGED
|
@@ -1,906 +1,555 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".reactalign.wrapper{height:100%;display:flex;justify-content:space-between}.reactalign .section{display:flex;flex-direction:column;justify-content:space-between}.reactalign .area{display:flex;border:0 solid transparent;box-sizing:border-box;border-radius:8px;position:relative}.reactalign .area-transition-in{transition:all .3s ease-in-out,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .area-transition-out{transition:all .3s ease-in-out .4s,min-height .5s ease-in-out .2s,min-width .5s ease-in-out .2s}.reactalign .item{position:relative;border:0 solid transparent;margin:6px;border-radius:6px}.reactalign .stretch{flex:auto}.reactalign .just-centered{justify-content:center}.reactalign .just-end{justify-content:flex-end}.reactalign .middle{align-items:center}.reactalign .bottom{align-items:flex-end}.reactalign .hide{display:none}.reactalign .overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:#0009}.reactalign .overlay-buttons{display:flex;padding:6px;box-sizing:border-box;justify-content:space-between}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
for (var
|
|
8
|
-
|
|
9
|
-
if (
|
|
10
|
-
for (var
|
|
11
|
-
|
|
2
|
+
var ke = Object.defineProperty, Ee = Object.defineProperties;
|
|
3
|
+
var ge = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var Z = Object.getOwnPropertySymbols;
|
|
5
|
+
var ie = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
|
|
6
|
+
var le = (r, n, t) => n in r ? ke(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t, L = (r, n) => {
|
|
7
|
+
for (var t in n || (n = {}))
|
|
8
|
+
ie.call(n, t) && le(r, t, n[t]);
|
|
9
|
+
if (Z)
|
|
10
|
+
for (var t of Z(n))
|
|
11
|
+
se.call(n, t) && le(r, t, n[t]);
|
|
12
|
+
return r;
|
|
13
|
+
}, $ = (r, n) => Ee(r, ge(n));
|
|
14
|
+
var v = (r, n) => {
|
|
15
|
+
var t = {};
|
|
16
|
+
for (var l in r)
|
|
17
|
+
ie.call(r, l) && n.indexOf(l) < 0 && (t[l] = r[l]);
|
|
18
|
+
if (r != null && Z)
|
|
19
|
+
for (var l of Z(r))
|
|
20
|
+
n.indexOf(l) < 0 && se.call(r, l) && (t[l] = r[l]);
|
|
12
21
|
return t;
|
|
13
|
-
}, oe = (t, a) => Sr(t, Or(a));
|
|
14
|
-
var P = (t, a) => {
|
|
15
|
-
var o = {};
|
|
16
|
-
for (var s in t)
|
|
17
|
-
Ue.call(t, s) && a.indexOf(s) < 0 && (o[s] = t[s]);
|
|
18
|
-
if (t != null && ne)
|
|
19
|
-
for (var s of ne(t))
|
|
20
|
-
a.indexOf(s) < 0 && ze.call(t, s) && (o[s] = t[s]);
|
|
21
|
-
return o;
|
|
22
22
|
};
|
|
23
|
-
import * as
|
|
24
|
-
import
|
|
25
|
-
import { DragDropContext as
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
function
|
|
29
|
-
if (
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
function
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
import * as a from "react";
|
|
24
|
+
import Ce, { createContext as ve, useContext as we, useState as Q, useCallback as V, forwardRef as b, useEffect as xe, useMemo as H, Children as q, cloneElement as be } from "react";
|
|
25
|
+
import { DragDropContext as Re, Droppable as je, Draggable as ye } from "@hello-pangea/dnd";
|
|
26
|
+
var Y = { exports: {} }, N = {};
|
|
27
|
+
var ce;
|
|
28
|
+
function _e() {
|
|
29
|
+
if (ce) return N;
|
|
30
|
+
ce = 1;
|
|
31
|
+
var r = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
32
|
+
function t(l, s, o) {
|
|
33
|
+
var f = null;
|
|
34
|
+
if (o !== void 0 && (f = "" + o), s.key !== void 0 && (f = "" + s.key), "key" in s) {
|
|
35
|
+
o = {};
|
|
36
|
+
for (var u in s)
|
|
37
|
+
u !== "key" && (o[u] = s[u]);
|
|
38
|
+
} else o = s;
|
|
39
|
+
return s = o.ref, {
|
|
40
|
+
$$typeof: r,
|
|
41
|
+
type: l,
|
|
42
|
+
key: f,
|
|
43
|
+
ref: s !== void 0 ? s : null,
|
|
44
|
+
props: o
|
|
45
|
+
};
|
|
38
46
|
}
|
|
39
|
-
return
|
|
47
|
+
return N.Fragment = n, N.jsx = t, N.jsxs = t, N;
|
|
40
48
|
}
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
function
|
|
44
|
-
return
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
if (
|
|
48
|
-
return null;
|
|
49
|
-
|
|
50
|
-
return typeof r == "function" ? r : null;
|
|
51
|
-
}
|
|
52
|
-
var E = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
53
|
-
function m(e) {
|
|
54
|
-
{
|
|
55
|
-
for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
|
|
56
|
-
n[c - 1] = arguments[c];
|
|
57
|
-
B("error", e, n);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
function B(e, r, n) {
|
|
61
|
-
{
|
|
62
|
-
var c = E.ReactDebugCurrentFrame, d = c.getStackAddendum();
|
|
63
|
-
d !== "" && (r += "%s", n = n.concat([d]));
|
|
64
|
-
var h = n.map(function(f) {
|
|
65
|
-
return String(f);
|
|
66
|
-
});
|
|
67
|
-
h.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, h);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
var H = !1, U = !1, A = !1, _ = !1, z = !1, Ce;
|
|
71
|
-
Ce = Symbol.for("react.module.reference");
|
|
72
|
-
function Qe(e) {
|
|
73
|
-
return !!(typeof e == "string" || typeof e == "function" || e === s || e === l || z || e === p || e === x || e === b || _ || e === S || H || U || A || typeof e == "object" && e !== null && (e.$$typeof === M || e.$$typeof === j || e.$$typeof === C || e.$$typeof === L || e.$$typeof === v || // This needs to include all possible module reference object
|
|
74
|
-
// types supported by any Flight configuration anywhere since
|
|
75
|
-
// we don't know which Flight build this will end up being used
|
|
76
|
-
// with.
|
|
77
|
-
e.$$typeof === Ce || e.getModuleId !== void 0));
|
|
78
|
-
}
|
|
79
|
-
function er(e, r, n) {
|
|
80
|
-
var c = e.displayName;
|
|
81
|
-
if (c)
|
|
82
|
-
return c;
|
|
83
|
-
var d = r.displayName || r.name || "";
|
|
84
|
-
return d !== "" ? n + "(" + d + ")" : n;
|
|
85
|
-
}
|
|
86
|
-
function ke(e) {
|
|
87
|
-
return e.displayName || "Context";
|
|
88
|
-
}
|
|
89
|
-
function $(e) {
|
|
90
|
-
if (e == null)
|
|
91
|
-
return null;
|
|
92
|
-
if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
93
|
-
return e.displayName || e.name || null;
|
|
94
|
-
if (typeof e == "string")
|
|
95
|
-
return e;
|
|
49
|
+
var D = {};
|
|
50
|
+
var ue;
|
|
51
|
+
function Me() {
|
|
52
|
+
return ue || (ue = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
53
|
+
function r(e) {
|
|
54
|
+
if (e == null) return null;
|
|
55
|
+
if (typeof e == "function")
|
|
56
|
+
return e.$$typeof === pe ? null : e.displayName || e.name || null;
|
|
57
|
+
if (typeof e == "string") return e;
|
|
96
58
|
switch (e) {
|
|
97
|
-
case
|
|
59
|
+
case x:
|
|
98
60
|
return "Fragment";
|
|
99
|
-
case
|
|
100
|
-
return "Portal";
|
|
101
|
-
case l:
|
|
61
|
+
case R:
|
|
102
62
|
return "Profiler";
|
|
103
|
-
case
|
|
63
|
+
case k:
|
|
104
64
|
return "StrictMode";
|
|
105
|
-
case
|
|
65
|
+
case S:
|
|
106
66
|
return "Suspense";
|
|
107
|
-
case
|
|
67
|
+
case E:
|
|
108
68
|
return "SuspenseList";
|
|
69
|
+
case Le:
|
|
70
|
+
return "Activity";
|
|
109
71
|
}
|
|
110
72
|
if (typeof e == "object")
|
|
111
|
-
switch (
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return
|
|
118
|
-
case
|
|
119
|
-
return
|
|
120
|
-
case
|
|
121
|
-
var
|
|
122
|
-
return
|
|
123
|
-
case
|
|
124
|
-
|
|
73
|
+
switch (typeof e.tag == "number" && console.error(
|
|
74
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
75
|
+
), e.$$typeof) {
|
|
76
|
+
case M:
|
|
77
|
+
return "Portal";
|
|
78
|
+
case A:
|
|
79
|
+
return e.displayName || "Context";
|
|
80
|
+
case O:
|
|
81
|
+
return (e._context.displayName || "Context") + ".Consumer";
|
|
82
|
+
case P:
|
|
83
|
+
var i = e.render;
|
|
84
|
+
return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
|
|
85
|
+
case W:
|
|
86
|
+
return i = e.displayName || null, i !== null ? i : r(e.type) || "Memo";
|
|
87
|
+
case I:
|
|
88
|
+
i = e._payload, e = e._init;
|
|
125
89
|
try {
|
|
126
|
-
return
|
|
127
|
-
} catch (
|
|
128
|
-
return null;
|
|
90
|
+
return r(e(i));
|
|
91
|
+
} catch (d) {
|
|
129
92
|
}
|
|
130
|
-
}
|
|
131
93
|
}
|
|
132
94
|
return null;
|
|
133
95
|
}
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}
|
|
137
|
-
Se.__reactDisabledLog = !0;
|
|
138
|
-
function rr() {
|
|
139
|
-
{
|
|
140
|
-
if (J === 0) {
|
|
141
|
-
we = console.log, ye = console.info, be = console.warn, Re = console.error, xe = console.group, _e = console.groupCollapsed, je = console.groupEnd;
|
|
142
|
-
var e = {
|
|
143
|
-
configurable: !0,
|
|
144
|
-
enumerable: !0,
|
|
145
|
-
value: Se,
|
|
146
|
-
writable: !0
|
|
147
|
-
};
|
|
148
|
-
Object.defineProperties(console, {
|
|
149
|
-
info: e,
|
|
150
|
-
log: e,
|
|
151
|
-
warn: e,
|
|
152
|
-
error: e,
|
|
153
|
-
group: e,
|
|
154
|
-
groupCollapsed: e,
|
|
155
|
-
groupEnd: e
|
|
156
|
-
});
|
|
157
|
-
}
|
|
158
|
-
J++;
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
function tr() {
|
|
162
|
-
{
|
|
163
|
-
if (J--, J === 0) {
|
|
164
|
-
var e = {
|
|
165
|
-
configurable: !0,
|
|
166
|
-
enumerable: !0,
|
|
167
|
-
writable: !0
|
|
168
|
-
};
|
|
169
|
-
Object.defineProperties(console, {
|
|
170
|
-
log: Z({}, e, {
|
|
171
|
-
value: we
|
|
172
|
-
}),
|
|
173
|
-
info: Z({}, e, {
|
|
174
|
-
value: ye
|
|
175
|
-
}),
|
|
176
|
-
warn: Z({}, e, {
|
|
177
|
-
value: be
|
|
178
|
-
}),
|
|
179
|
-
error: Z({}, e, {
|
|
180
|
-
value: Re
|
|
181
|
-
}),
|
|
182
|
-
group: Z({}, e, {
|
|
183
|
-
value: xe
|
|
184
|
-
}),
|
|
185
|
-
groupCollapsed: Z({}, e, {
|
|
186
|
-
value: _e
|
|
187
|
-
}),
|
|
188
|
-
groupEnd: Z({}, e, {
|
|
189
|
-
value: je
|
|
190
|
-
})
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
J < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
var le = E.ReactCurrentDispatcher, se;
|
|
197
|
-
function Q(e, r, n) {
|
|
198
|
-
{
|
|
199
|
-
if (se === void 0)
|
|
200
|
-
try {
|
|
201
|
-
throw Error();
|
|
202
|
-
} catch (d) {
|
|
203
|
-
var c = d.stack.trim().match(/\n( *(at )?)/);
|
|
204
|
-
se = c && c[1] || "";
|
|
205
|
-
}
|
|
206
|
-
return `
|
|
207
|
-
` + se + e;
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
var ce = !1, ee;
|
|
211
|
-
{
|
|
212
|
-
var nr = typeof WeakMap == "function" ? WeakMap : Map;
|
|
213
|
-
ee = new nr();
|
|
96
|
+
function n(e) {
|
|
97
|
+
return "" + e;
|
|
214
98
|
}
|
|
215
|
-
function
|
|
216
|
-
if (!e || ce)
|
|
217
|
-
return "";
|
|
218
|
-
{
|
|
219
|
-
var n = ee.get(e);
|
|
220
|
-
if (n !== void 0)
|
|
221
|
-
return n;
|
|
222
|
-
}
|
|
223
|
-
var c;
|
|
224
|
-
ce = !0;
|
|
225
|
-
var d = Error.prepareStackTrace;
|
|
226
|
-
Error.prepareStackTrace = void 0;
|
|
227
|
-
var h;
|
|
228
|
-
h = le.current, le.current = null, rr();
|
|
99
|
+
function t(e) {
|
|
229
100
|
try {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
if (Object.defineProperty(f.prototype, "props", {
|
|
235
|
-
set: function() {
|
|
236
|
-
throw Error();
|
|
237
|
-
}
|
|
238
|
-
}), typeof Reflect == "object" && Reflect.construct) {
|
|
239
|
-
try {
|
|
240
|
-
Reflect.construct(f, []);
|
|
241
|
-
} catch (T) {
|
|
242
|
-
c = T;
|
|
243
|
-
}
|
|
244
|
-
Reflect.construct(e, [], f);
|
|
245
|
-
} else {
|
|
246
|
-
try {
|
|
247
|
-
f.call();
|
|
248
|
-
} catch (T) {
|
|
249
|
-
c = T;
|
|
250
|
-
}
|
|
251
|
-
e.call(f.prototype);
|
|
252
|
-
}
|
|
253
|
-
} else {
|
|
254
|
-
try {
|
|
255
|
-
throw Error();
|
|
256
|
-
} catch (T) {
|
|
257
|
-
c = T;
|
|
258
|
-
}
|
|
259
|
-
e();
|
|
260
|
-
}
|
|
261
|
-
} catch (T) {
|
|
262
|
-
if (T && c && typeof T.stack == "string") {
|
|
263
|
-
for (var u = T.stack.split(`
|
|
264
|
-
`), O = c.stack.split(`
|
|
265
|
-
`), k = u.length - 1, y = O.length - 1; k >= 1 && y >= 0 && u[k] !== O[y]; )
|
|
266
|
-
y--;
|
|
267
|
-
for (; k >= 1 && y >= 0; k--, y--)
|
|
268
|
-
if (u[k] !== O[y]) {
|
|
269
|
-
if (k !== 1 || y !== 1)
|
|
270
|
-
do
|
|
271
|
-
if (k--, y--, y < 0 || u[k] !== O[y]) {
|
|
272
|
-
var D = `
|
|
273
|
-
` + u[k].replace(" at new ", " at ");
|
|
274
|
-
return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, D), D;
|
|
275
|
-
}
|
|
276
|
-
while (k >= 1 && y >= 0);
|
|
277
|
-
break;
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
} finally {
|
|
281
|
-
ce = !1, le.current = h, tr(), Error.prepareStackTrace = d;
|
|
101
|
+
n(e);
|
|
102
|
+
var i = !1;
|
|
103
|
+
} catch (F) {
|
|
104
|
+
i = !0;
|
|
282
105
|
}
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
return !!(r && r.isReactComponent);
|
|
292
|
-
}
|
|
293
|
-
function re(e, r, n) {
|
|
294
|
-
if (e == null)
|
|
295
|
-
return "";
|
|
296
|
-
if (typeof e == "function")
|
|
297
|
-
return Oe(e, ar(e));
|
|
298
|
-
if (typeof e == "string")
|
|
299
|
-
return Q(e);
|
|
300
|
-
switch (e) {
|
|
301
|
-
case x:
|
|
302
|
-
return Q("Suspense");
|
|
303
|
-
case b:
|
|
304
|
-
return Q("SuspenseList");
|
|
106
|
+
if (i) {
|
|
107
|
+
i = console;
|
|
108
|
+
var d = i.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
109
|
+
return d.call(
|
|
110
|
+
i,
|
|
111
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
112
|
+
p
|
|
113
|
+
), n(e);
|
|
305
114
|
}
|
|
306
|
-
if (typeof e == "object")
|
|
307
|
-
switch (e.$$typeof) {
|
|
308
|
-
case v:
|
|
309
|
-
return or(e.render);
|
|
310
|
-
case j:
|
|
311
|
-
return re(e.type, r, n);
|
|
312
|
-
case M: {
|
|
313
|
-
var c = e, d = c._payload, h = c._init;
|
|
314
|
-
try {
|
|
315
|
-
return re(h(d), r, n);
|
|
316
|
-
} catch (f) {
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
return "";
|
|
321
|
-
}
|
|
322
|
-
var q = Object.prototype.hasOwnProperty, Me = {}, Te = E.ReactDebugCurrentFrame;
|
|
323
|
-
function te(e) {
|
|
324
|
-
if (e) {
|
|
325
|
-
var r = e._owner, n = re(e.type, e._source, r ? r.type : null);
|
|
326
|
-
Te.setExtraStackFrame(n);
|
|
327
|
-
} else
|
|
328
|
-
Te.setExtraStackFrame(null);
|
|
329
115
|
}
|
|
330
|
-
function
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
if (h(e, f)) {
|
|
335
|
-
var u = void 0;
|
|
336
|
-
try {
|
|
337
|
-
if (typeof e[f] != "function") {
|
|
338
|
-
var O = Error((c || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
339
|
-
throw O.name = "Invariant Violation", O;
|
|
340
|
-
}
|
|
341
|
-
u = e[f](r, f, c, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
342
|
-
} catch (k) {
|
|
343
|
-
u = k;
|
|
344
|
-
}
|
|
345
|
-
u && !(u instanceof Error) && (te(d), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", n, f, typeof u), te(null)), u instanceof Error && !(u.message in Me) && (Me[u.message] = !0, te(d), m("Failed %s type: %s", n, u.message), te(null));
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
var lr = Array.isArray;
|
|
350
|
-
function ue(e) {
|
|
351
|
-
return lr(e);
|
|
352
|
-
}
|
|
353
|
-
function sr(e) {
|
|
354
|
-
{
|
|
355
|
-
var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
356
|
-
return n;
|
|
357
|
-
}
|
|
358
|
-
}
|
|
359
|
-
function cr(e) {
|
|
116
|
+
function l(e) {
|
|
117
|
+
if (e === x) return "<>";
|
|
118
|
+
if (typeof e == "object" && e !== null && e.$$typeof === I)
|
|
119
|
+
return "<...>";
|
|
360
120
|
try {
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
121
|
+
var i = r(e);
|
|
122
|
+
return i ? "<" + i + ">" : "<...>";
|
|
123
|
+
} catch (d) {
|
|
124
|
+
return "<...>";
|
|
364
125
|
}
|
|
365
126
|
}
|
|
366
|
-
function
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
function De(e) {
|
|
370
|
-
if (cr(e))
|
|
371
|
-
return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", sr(e)), Pe(e);
|
|
127
|
+
function s() {
|
|
128
|
+
var e = B.A;
|
|
129
|
+
return e === null ? null : e.getOwner();
|
|
372
130
|
}
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
ref: !0,
|
|
376
|
-
__self: !0,
|
|
377
|
-
__source: !0
|
|
378
|
-
}, Fe, Ve;
|
|
379
|
-
function fr(e) {
|
|
380
|
-
if (q.call(e, "ref")) {
|
|
381
|
-
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
382
|
-
if (r && r.isReactWarning)
|
|
383
|
-
return !1;
|
|
384
|
-
}
|
|
385
|
-
return e.ref !== void 0;
|
|
131
|
+
function o() {
|
|
132
|
+
return Error("react-stack-top-frame");
|
|
386
133
|
}
|
|
387
|
-
function
|
|
388
|
-
if (
|
|
389
|
-
var
|
|
390
|
-
if (
|
|
391
|
-
return !1;
|
|
134
|
+
function f(e) {
|
|
135
|
+
if (ee.call(e, "key")) {
|
|
136
|
+
var i = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
137
|
+
if (i && i.isReactWarning) return !1;
|
|
392
138
|
}
|
|
393
139
|
return e.key !== void 0;
|
|
394
140
|
}
|
|
395
|
-
function
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
Fe || (Fe = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
402
|
-
};
|
|
403
|
-
n.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
404
|
-
get: n,
|
|
405
|
-
configurable: !0
|
|
406
|
-
});
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
function hr(e, r) {
|
|
410
|
-
{
|
|
411
|
-
var n = function() {
|
|
412
|
-
Ve || (Ve = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
413
|
-
};
|
|
414
|
-
n.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
415
|
-
get: n,
|
|
416
|
-
configurable: !0
|
|
417
|
-
});
|
|
141
|
+
function u(e, i) {
|
|
142
|
+
function d() {
|
|
143
|
+
re || (re = !0, console.error(
|
|
144
|
+
"%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)",
|
|
145
|
+
i
|
|
146
|
+
));
|
|
418
147
|
}
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
148
|
+
d.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
149
|
+
get: d,
|
|
150
|
+
configurable: !0
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
function C() {
|
|
154
|
+
var e = r(this.type);
|
|
155
|
+
return te[e] || (te[e] = !0, console.error(
|
|
156
|
+
"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."
|
|
157
|
+
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
158
|
+
}
|
|
159
|
+
function w(e, i, d, p, F, G) {
|
|
160
|
+
var m = d.ref;
|
|
161
|
+
return e = {
|
|
162
|
+
$$typeof: c,
|
|
425
163
|
type: e,
|
|
426
|
-
key:
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
164
|
+
key: i,
|
|
165
|
+
props: d,
|
|
166
|
+
_owner: p
|
|
167
|
+
}, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
|
|
168
|
+
enumerable: !1,
|
|
169
|
+
get: C
|
|
170
|
+
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
433
171
|
configurable: !1,
|
|
434
172
|
enumerable: !1,
|
|
435
173
|
writable: !0,
|
|
436
|
-
value:
|
|
437
|
-
}), Object.defineProperty(
|
|
174
|
+
value: 0
|
|
175
|
+
}), Object.defineProperty(e, "_debugInfo", {
|
|
438
176
|
configurable: !1,
|
|
439
177
|
enumerable: !1,
|
|
440
|
-
writable: !
|
|
441
|
-
value:
|
|
442
|
-
}), Object.defineProperty(
|
|
178
|
+
writable: !0,
|
|
179
|
+
value: null
|
|
180
|
+
}), Object.defineProperty(e, "_debugStack", {
|
|
443
181
|
configurable: !1,
|
|
444
182
|
enumerable: !1,
|
|
445
|
-
writable: !
|
|
446
|
-
value:
|
|
447
|
-
}), Object.
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
}
|
|
475
|
-
var de;
|
|
476
|
-
de = !1;
|
|
477
|
-
function pe(e) {
|
|
478
|
-
return typeof e == "object" && e !== null && e.$$typeof === a;
|
|
479
|
-
}
|
|
480
|
-
function $e() {
|
|
481
|
-
{
|
|
482
|
-
if (fe.current) {
|
|
483
|
-
var e = $(fe.current.type);
|
|
484
|
-
if (e)
|
|
485
|
-
return `
|
|
486
|
-
|
|
487
|
-
Check the render method of \`` + e + "`.";
|
|
488
|
-
}
|
|
489
|
-
return "";
|
|
490
|
-
}
|
|
491
|
-
}
|
|
492
|
-
function mr(e) {
|
|
493
|
-
return "";
|
|
494
|
-
}
|
|
495
|
-
var Ze = {};
|
|
496
|
-
function Er(e) {
|
|
497
|
-
{
|
|
498
|
-
var r = $e();
|
|
499
|
-
if (!r) {
|
|
500
|
-
var n = typeof e == "string" ? e : e.displayName || e.name;
|
|
501
|
-
n && (r = `
|
|
502
|
-
|
|
503
|
-
Check the top-level render call using <` + n + ">.");
|
|
504
|
-
}
|
|
505
|
-
return r;
|
|
506
|
-
}
|
|
507
|
-
}
|
|
508
|
-
function Ie(e, r) {
|
|
509
|
-
{
|
|
510
|
-
if (!e._store || e._store.validated || e.key != null)
|
|
511
|
-
return;
|
|
512
|
-
e._store.validated = !0;
|
|
513
|
-
var n = Er(r);
|
|
514
|
-
if (Ze[n])
|
|
515
|
-
return;
|
|
516
|
-
Ze[n] = !0;
|
|
517
|
-
var c = "";
|
|
518
|
-
e && e._owner && e._owner !== fe.current && (c = " It was passed a child from " + $(e._owner.type) + "."), N(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), N(null);
|
|
519
|
-
}
|
|
520
|
-
}
|
|
521
|
-
function Ne(e, r) {
|
|
522
|
-
{
|
|
523
|
-
if (typeof e != "object")
|
|
524
|
-
return;
|
|
525
|
-
if (ue(e))
|
|
526
|
-
for (var n = 0; n < e.length; n++) {
|
|
527
|
-
var c = e[n];
|
|
528
|
-
pe(c) && Ie(c, r);
|
|
529
|
-
}
|
|
530
|
-
else if (pe(e))
|
|
531
|
-
e._store && (e._store.validated = !0);
|
|
532
|
-
else if (e) {
|
|
533
|
-
var d = F(e);
|
|
534
|
-
if (typeof d == "function" && d !== e.entries)
|
|
535
|
-
for (var h = d.call(e), f; !(f = h.next()).done; )
|
|
536
|
-
pe(f.value) && Ie(f.value, r);
|
|
537
|
-
}
|
|
538
|
-
}
|
|
539
|
-
}
|
|
540
|
-
function Cr(e) {
|
|
541
|
-
{
|
|
542
|
-
var r = e.type;
|
|
543
|
-
if (r == null || typeof r == "string")
|
|
544
|
-
return;
|
|
545
|
-
var n;
|
|
546
|
-
if (typeof r == "function")
|
|
547
|
-
n = r.propTypes;
|
|
548
|
-
else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
|
|
549
|
-
// Inner props are checked in the reconciler.
|
|
550
|
-
r.$$typeof === j))
|
|
551
|
-
n = r.propTypes;
|
|
552
|
-
else
|
|
553
|
-
return;
|
|
554
|
-
if (n) {
|
|
555
|
-
var c = $(r);
|
|
556
|
-
ir(n, e.props, "prop", c, e);
|
|
557
|
-
} else if (r.PropTypes !== void 0 && !de) {
|
|
558
|
-
de = !0;
|
|
559
|
-
var d = $(r);
|
|
560
|
-
m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
|
|
561
|
-
}
|
|
562
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
function kr(e) {
|
|
566
|
-
{
|
|
567
|
-
for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
|
|
568
|
-
var c = r[n];
|
|
569
|
-
if (c !== "children" && c !== "key") {
|
|
570
|
-
N(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), N(null);
|
|
571
|
-
break;
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
e.ref !== null && (N(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
|
|
575
|
-
}
|
|
576
|
-
}
|
|
577
|
-
var Ye = {};
|
|
578
|
-
function Be(e, r, n, c, d, h) {
|
|
579
|
-
{
|
|
580
|
-
var f = Qe(e);
|
|
581
|
-
if (!f) {
|
|
582
|
-
var u = "";
|
|
583
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
584
|
-
var O = mr();
|
|
585
|
-
O ? u += O : u += $e();
|
|
586
|
-
var k;
|
|
587
|
-
e === null ? k = "null" : ue(e) ? k = "array" : e !== void 0 && e.$$typeof === a ? (k = "<" + ($(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, u);
|
|
588
|
-
}
|
|
589
|
-
var y = Lr(e, r, n, d, h);
|
|
590
|
-
if (y == null)
|
|
591
|
-
return y;
|
|
592
|
-
if (f) {
|
|
593
|
-
var D = r.children;
|
|
594
|
-
if (D !== void 0)
|
|
595
|
-
if (c)
|
|
596
|
-
if (ue(D)) {
|
|
597
|
-
for (var Y = 0; Y < D.length; Y++)
|
|
598
|
-
Ne(D[Y], e);
|
|
599
|
-
Object.freeze && Object.freeze(D);
|
|
600
|
-
} else
|
|
601
|
-
m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
602
|
-
else
|
|
603
|
-
Ne(D, e);
|
|
604
|
-
}
|
|
605
|
-
if (q.call(r, "key")) {
|
|
606
|
-
var I = $(e), T = Object.keys(r).filter(function(_r) {
|
|
607
|
-
return _r !== "key";
|
|
608
|
-
}), ve = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
609
|
-
if (!Ye[I + ve]) {
|
|
610
|
-
var xr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
|
|
611
|
-
m(`A props object containing a "key" prop is being spread into JSX:
|
|
183
|
+
writable: !0,
|
|
184
|
+
value: F
|
|
185
|
+
}), Object.defineProperty(e, "_debugTask", {
|
|
186
|
+
configurable: !1,
|
|
187
|
+
enumerable: !1,
|
|
188
|
+
writable: !0,
|
|
189
|
+
value: G
|
|
190
|
+
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
191
|
+
}
|
|
192
|
+
function y(e, i, d, p, F, G) {
|
|
193
|
+
var m = i.children;
|
|
194
|
+
if (m !== void 0)
|
|
195
|
+
if (p)
|
|
196
|
+
if (me(m)) {
|
|
197
|
+
for (p = 0; p < m.length; p++)
|
|
198
|
+
_(m[p]);
|
|
199
|
+
Object.freeze && Object.freeze(m);
|
|
200
|
+
} else
|
|
201
|
+
console.error(
|
|
202
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
203
|
+
);
|
|
204
|
+
else _(m);
|
|
205
|
+
if (ee.call(i, "key")) {
|
|
206
|
+
m = r(e);
|
|
207
|
+
var T = Object.keys(i).filter(function(he) {
|
|
208
|
+
return he !== "key";
|
|
209
|
+
});
|
|
210
|
+
p = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", ae[m + p] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
211
|
+
`A props object containing a "key" prop is being spread into JSX:
|
|
612
212
|
let props = %s;
|
|
613
213
|
<%s {...props} />
|
|
614
214
|
React keys must be passed directly to JSX without using spread:
|
|
615
215
|
let props = %s;
|
|
616
|
-
<%s key={someKey} {...props} />`,
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
216
|
+
<%s key={someKey} {...props} />`,
|
|
217
|
+
p,
|
|
218
|
+
m,
|
|
219
|
+
T,
|
|
220
|
+
m
|
|
221
|
+
), ae[m + p] = !0);
|
|
620
222
|
}
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
return
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
223
|
+
if (m = null, d !== void 0 && (t(d), m = "" + d), f(i) && (t(i.key), m = "" + i.key), "key" in i) {
|
|
224
|
+
d = {};
|
|
225
|
+
for (var U in i)
|
|
226
|
+
U !== "key" && (d[U] = i[U]);
|
|
227
|
+
} else d = i;
|
|
228
|
+
return m && u(
|
|
229
|
+
d,
|
|
230
|
+
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
231
|
+
), w(
|
|
232
|
+
e,
|
|
233
|
+
m,
|
|
234
|
+
d,
|
|
235
|
+
s(),
|
|
236
|
+
F,
|
|
237
|
+
G
|
|
238
|
+
);
|
|
239
|
+
}
|
|
240
|
+
function _(e) {
|
|
241
|
+
j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === I && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
242
|
+
}
|
|
243
|
+
function j(e) {
|
|
244
|
+
return typeof e == "object" && e !== null && e.$$typeof === c;
|
|
245
|
+
}
|
|
246
|
+
var g = Ce, c = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), A = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), Le = Symbol.for("react.activity"), pe = Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, me = Array.isArray, z = console.createTask ? console.createTask : function() {
|
|
247
|
+
return null;
|
|
248
|
+
};
|
|
249
|
+
g = {
|
|
250
|
+
react_stack_bottom_frame: function(e) {
|
|
251
|
+
return e();
|
|
252
|
+
}
|
|
253
|
+
};
|
|
254
|
+
var re, te = {}, ne = g.react_stack_bottom_frame.bind(
|
|
255
|
+
g,
|
|
256
|
+
o
|
|
257
|
+
)(), oe = z(l(o)), ae = {};
|
|
258
|
+
D.Fragment = x, D.jsx = function(e, i, d) {
|
|
259
|
+
var p = 1e4 > B.recentlyCreatedOwnerStacks++;
|
|
260
|
+
return y(
|
|
261
|
+
e,
|
|
262
|
+
i,
|
|
263
|
+
d,
|
|
264
|
+
!1,
|
|
265
|
+
p ? Error("react-stack-top-frame") : ne,
|
|
266
|
+
p ? z(l(e)) : oe
|
|
267
|
+
);
|
|
268
|
+
}, D.jsxs = function(e, i, d) {
|
|
269
|
+
var p = 1e4 > B.recentlyCreatedOwnerStacks++;
|
|
270
|
+
return y(
|
|
271
|
+
e,
|
|
272
|
+
i,
|
|
273
|
+
d,
|
|
274
|
+
!0,
|
|
275
|
+
p ? Error("react-stack-top-frame") : ne,
|
|
276
|
+
p ? z(l(e)) : oe
|
|
277
|
+
);
|
|
278
|
+
};
|
|
279
|
+
})()), D;
|
|
631
280
|
}
|
|
632
|
-
var
|
|
633
|
-
function
|
|
634
|
-
return
|
|
281
|
+
var de;
|
|
282
|
+
function Se() {
|
|
283
|
+
return de || (de = 1, process.env.NODE_ENV === "production" ? Y.exports = _e() : Y.exports = Me()), Y.exports;
|
|
635
284
|
}
|
|
636
|
-
var
|
|
637
|
-
const
|
|
638
|
-
className:
|
|
639
|
-
children:
|
|
640
|
-
editing:
|
|
641
|
-
vertical:
|
|
642
|
-
stretch:
|
|
643
|
-
style:
|
|
644
|
-
editorStyle:
|
|
645
|
-
onMove:
|
|
646
|
-
onAlignChange:
|
|
647
|
-
onExtend:
|
|
285
|
+
var h = Se();
|
|
286
|
+
const fe = ve({ editing: !1, isDragging: !1 }), K = () => we(fe), nr = ({
|
|
287
|
+
className: r,
|
|
288
|
+
children: n,
|
|
289
|
+
editing: t,
|
|
290
|
+
vertical: l,
|
|
291
|
+
stretch: s,
|
|
292
|
+
style: o,
|
|
293
|
+
editorStyle: f,
|
|
294
|
+
onMove: u,
|
|
295
|
+
onAlignChange: C,
|
|
296
|
+
onExtend: w
|
|
648
297
|
}) => {
|
|
649
|
-
const [
|
|
650
|
-
|
|
651
|
-
}, []),
|
|
652
|
-
(
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
298
|
+
const [y, _] = Q(!1), j = V(() => {
|
|
299
|
+
_(!0);
|
|
300
|
+
}, []), g = V(
|
|
301
|
+
(c, M) => {
|
|
302
|
+
_(!1), !(!c.destination || c.reason !== "DROP" || c.destination.droppableId === c.source.droppableId && c.destination.index === c.source.index) && (u == null || u(
|
|
303
|
+
c.draggableId,
|
|
304
|
+
c.destination.droppableId,
|
|
305
|
+
c.destination.index,
|
|
306
|
+
c.source.droppableId,
|
|
307
|
+
c.source.index
|
|
659
308
|
));
|
|
660
309
|
},
|
|
661
|
-
[
|
|
310
|
+
[u]
|
|
662
311
|
);
|
|
663
|
-
return /* @__PURE__ */
|
|
312
|
+
return /* @__PURE__ */ h.jsx(
|
|
664
313
|
"div",
|
|
665
314
|
{
|
|
666
|
-
className: ["reactalign", "wrapper",
|
|
667
|
-
style:
|
|
668
|
-
children: /* @__PURE__ */
|
|
315
|
+
className: ["reactalign", "wrapper", r, l && "vertical", s && "stretch"].filter(Boolean).join(" "),
|
|
316
|
+
style: t ? f : o,
|
|
317
|
+
children: /* @__PURE__ */ h.jsx(Re, { onDragStart: j, onDragEnd: g, children: /* @__PURE__ */ h.jsx(fe.Provider, { value: { editing: !!t, onAlignChange: C, onExtend: w, isDragging: y }, children: n }) })
|
|
669
318
|
}
|
|
670
319
|
);
|
|
671
|
-
},
|
|
672
|
-
className:
|
|
673
|
-
children:
|
|
674
|
-
horizontal:
|
|
675
|
-
stretch:
|
|
676
|
-
fixedWidth:
|
|
677
|
-
fixedHeight:
|
|
678
|
-
style:
|
|
679
|
-
editorStyle:
|
|
320
|
+
}, or = ({
|
|
321
|
+
className: r,
|
|
322
|
+
children: n,
|
|
323
|
+
horizontal: t,
|
|
324
|
+
stretch: l,
|
|
325
|
+
fixedWidth: s,
|
|
326
|
+
fixedHeight: o,
|
|
327
|
+
style: f,
|
|
328
|
+
editorStyle: u
|
|
680
329
|
}) => {
|
|
681
|
-
const { editing:
|
|
682
|
-
return /* @__PURE__ */
|
|
330
|
+
const { editing: C } = K();
|
|
331
|
+
return /* @__PURE__ */ h.jsx(
|
|
683
332
|
"div",
|
|
684
333
|
{
|
|
685
|
-
className: `section ${
|
|
686
|
-
style:
|
|
687
|
-
height:
|
|
688
|
-
} : {}), typeof
|
|
689
|
-
width:
|
|
334
|
+
className: `section ${r} ${t ? "horizontal" : ""} ${l ? "stretch" : ""}`,
|
|
335
|
+
style: L(L(L({}, C ? u : f), typeof o == "number" ? {
|
|
336
|
+
height: o + "px"
|
|
337
|
+
} : {}), typeof s == "number" ? {
|
|
338
|
+
width: s + "px"
|
|
690
339
|
} : {}),
|
|
691
|
-
children:
|
|
340
|
+
children: n
|
|
692
341
|
}
|
|
693
342
|
);
|
|
694
|
-
},
|
|
695
|
-
var
|
|
696
|
-
title:
|
|
697
|
-
titleId:
|
|
698
|
-
} =
|
|
343
|
+
}, Te = (s, l) => {
|
|
344
|
+
var o = s, {
|
|
345
|
+
title: r,
|
|
346
|
+
titleId: n
|
|
347
|
+
} = o, t = v(o, [
|
|
699
348
|
"title",
|
|
700
349
|
"titleId"
|
|
701
350
|
]);
|
|
702
|
-
return /* @__PURE__ */
|
|
703
|
-
},
|
|
704
|
-
var
|
|
705
|
-
title:
|
|
706
|
-
titleId:
|
|
707
|
-
} =
|
|
351
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { width: 24, height: 24, rx: 4, fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM16 14C16 14.5523 15.5523 15 15 15C14.4477 15 14 14.5523 14 14L14 10C14 9.44772 14.4477 9 15 9C15.5523 9 16 9.44771 16 10L16 14ZM13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14L11 10C11 9.44771 11.4477 9 12 9C12.5523 9 13 9.44771 13 10L13 14ZM9 15C9.55228 15 10 14.5523 10 14L10 10C10 9.44771 9.55228 9 9 9C8.44771 9 8 9.44771 8 10L8 14C8 14.5523 8.44772 15 9 15Z", fill: "currentColor" }));
|
|
352
|
+
}, Oe = b(Te), Ae = (s, l) => {
|
|
353
|
+
var o = s, {
|
|
354
|
+
title: r,
|
|
355
|
+
titleId: n
|
|
356
|
+
} = o, t = v(o, [
|
|
708
357
|
"title",
|
|
709
358
|
"titleId"
|
|
710
359
|
]);
|
|
711
|
-
return /* @__PURE__ */
|
|
712
|
-
},
|
|
713
|
-
var
|
|
714
|
-
title:
|
|
715
|
-
titleId:
|
|
716
|
-
} =
|
|
360
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { y: 24, width: 24, height: 24, rx: 4, transform: "rotate(-90 0 24)", fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 8C14.5523 8 15 8.44772 15 9C15 9.55228 14.5523 10 14 10L10 10C9.44772 10 9 9.55229 9 9C9 8.44772 9.44771 8 10 8L14 8ZM14 11C14.5523 11 15 11.4477 15 12C15 12.5523 14.5523 13 14 13L10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44771 11 10 11L14 11ZM15 15C15 14.4477 14.5523 14 14 14L10 14C9.44772 14 9 14.4477 9 15C9 15.5523 9.44772 16 10 16L14 16C14.5523 16 15 15.5523 15 15Z", fill: "currentColor" }));
|
|
361
|
+
}, Pe = b(Ae), We = (s, l) => {
|
|
362
|
+
var o = s, {
|
|
363
|
+
title: r,
|
|
364
|
+
titleId: n
|
|
365
|
+
} = o, t = v(o, [
|
|
717
366
|
"title",
|
|
718
367
|
"titleId"
|
|
719
368
|
]);
|
|
720
|
-
return /* @__PURE__ */
|
|
721
|
-
},
|
|
722
|
-
var
|
|
723
|
-
title:
|
|
724
|
-
titleId:
|
|
725
|
-
} =
|
|
369
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { width: 24, height: 24, rx: 4, fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 19L5 19L5 5L19 5L19 19ZM20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20ZM18 14C18 14.5523 17.5523 15 17 15C16.4477 15 16 14.5523 16 14L16 10C16 9.44772 16.4477 9 17 9C17.5523 9 18 9.44771 18 10L18 14ZM15 14C15 14.5523 14.5523 15 14 15C13.4477 15 13 14.5523 13 14L13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10L15 14ZM11 15C11.5523 15 12 14.5523 12 14L12 10C12 9.44772 11.5523 9 11 9C10.4477 9 10 9.44772 10 10L10 14C10 14.5523 10.4477 15 11 15Z", fill: "currentColor" }));
|
|
370
|
+
}, Ne = b(We), De = (s, l) => {
|
|
371
|
+
var o = s, {
|
|
372
|
+
title: r,
|
|
373
|
+
titleId: n
|
|
374
|
+
} = o, t = v(o, [
|
|
726
375
|
"title",
|
|
727
376
|
"titleId"
|
|
728
377
|
]);
|
|
729
|
-
return /* @__PURE__ */
|
|
730
|
-
},
|
|
731
|
-
var
|
|
732
|
-
title:
|
|
733
|
-
titleId:
|
|
734
|
-
} =
|
|
378
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { y: 24, width: 24, height: 24, rx: 4, transform: "rotate(-90 0 24)", fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 19L5 5L19 5L19 19L5 19ZM4 20L4 19L4 5L4 4L5 4L19 4L20 4L20 5L20 19L20 20L19 20L5 20L4 20ZM10 18C9.44772 18 9 17.5523 9 17C9 16.4477 9.44772 16 10 16L14 16C14.5523 16 15 16.4477 15 17C15 17.5523 14.5523 18 14 18L10 18ZM10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44771 13 10 13L14 13C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15L10 15ZM9 11C9 11.5523 9.44771 12 10 12L14 12C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10L10 10C9.44771 10 9 10.4477 9 11Z", fill: "currentColor" }));
|
|
379
|
+
}, Ve = b(De), Fe = (s, l) => {
|
|
380
|
+
var o = s, {
|
|
381
|
+
title: r,
|
|
382
|
+
titleId: n
|
|
383
|
+
} = o, t = v(o, [
|
|
735
384
|
"title",
|
|
736
385
|
"titleId"
|
|
737
386
|
]);
|
|
738
|
-
return /* @__PURE__ */
|
|
739
|
-
},
|
|
740
|
-
var
|
|
741
|
-
title:
|
|
742
|
-
titleId:
|
|
743
|
-
} =
|
|
387
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { width: 24, height: 24, rx: 4, fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 5H19V19H5V5ZM4 4H5H19H20V5V19V20H19H5H4V19V5V4ZM6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10V14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14V10ZM9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10V14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14V10ZM13 9C12.4477 9 12 9.44772 12 10V14C12 14.5523 12.4477 15 13 15C13.5523 15 14 14.5523 14 14V10C14 9.44772 13.5523 9 13 9Z", fill: "currentColor" }));
|
|
388
|
+
}, Ze = b(Fe), $e = (s, l) => {
|
|
389
|
+
var o = s, {
|
|
390
|
+
title: r,
|
|
391
|
+
titleId: n
|
|
392
|
+
} = o, t = v(o, [
|
|
744
393
|
"title",
|
|
745
394
|
"titleId"
|
|
746
395
|
]);
|
|
747
|
-
return /* @__PURE__ */
|
|
748
|
-
},
|
|
749
|
-
var
|
|
750
|
-
title:
|
|
751
|
-
titleId:
|
|
752
|
-
} =
|
|
396
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("rect", { y: 24, width: 24, height: 24, rx: 4, transform: "rotate(-90 0 24)", fill: "black", fillOpacity: 0.5 }), /* @__PURE__ */ a.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 5L19 19L5 19L5 5L19 5ZM20 4L20 5L20 19L20 20L19 20L5 20L4 20L4 19L4 5L4 4L5 4L19 4L20 4ZM14 6C14.5523 6 15 6.44772 15 7C15 7.55229 14.5523 8 14 8L10 8C9.44772 8 9 7.55229 9 7C9 6.44772 9.44772 6 10 6L14 6ZM14 9C14.5523 9 15 9.44772 15 10C15 10.5523 14.5523 11 14 11L10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9L14 9ZM15 13C15 12.4477 14.5523 12 14 12L10 12C9.44772 12 9 12.4477 9 13C9 13.5523 9.44772 14 10 14L14 14C14.5523 14 15 13.5523 15 13Z", fill: "currentColor" }));
|
|
397
|
+
}, Ye = b($e), He = (s, l) => {
|
|
398
|
+
var o = s, {
|
|
399
|
+
title: r,
|
|
400
|
+
titleId: n
|
|
401
|
+
} = o, t = v(o, [
|
|
753
402
|
"title",
|
|
754
403
|
"titleId"
|
|
755
404
|
]);
|
|
756
|
-
return /* @__PURE__ */
|
|
757
|
-
},
|
|
758
|
-
var
|
|
759
|
-
title:
|
|
760
|
-
titleId:
|
|
761
|
-
} =
|
|
405
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("path", { d: "M0.999999 20.25L1 3.75", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M23 20.25L23 3.75", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 12L20.5 12", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M17.5 9L20.5 12L17.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 12L4 12", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M7 15L4 12L7 9", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
406
|
+
}, Ie = b(He), Be = (s, l) => {
|
|
407
|
+
var o = s, {
|
|
408
|
+
title: r,
|
|
409
|
+
titleId: n
|
|
410
|
+
} = o, t = v(o, [
|
|
762
411
|
"title",
|
|
763
412
|
"titleId"
|
|
764
413
|
]);
|
|
765
|
-
return /* @__PURE__ */
|
|
766
|
-
},
|
|
767
|
-
var
|
|
768
|
-
title:
|
|
769
|
-
titleId:
|
|
770
|
-
} =
|
|
414
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("path", { d: "M1 12L6 12", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M3 9L6 12L3 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M23 12L18 12", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M21 15L18 12L21 9", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("rect", { x: 8.75, y: 2.75, width: 6.5, height: 18.5, rx: 1.25, stroke: "currentColor", strokeWidth: 1.5 }));
|
|
415
|
+
}, ze = b(Be), Ge = (s, l) => {
|
|
416
|
+
var o = s, {
|
|
417
|
+
title: r,
|
|
418
|
+
titleId: n
|
|
419
|
+
} = o, t = v(o, [
|
|
771
420
|
"title",
|
|
772
421
|
"titleId"
|
|
773
422
|
]);
|
|
774
|
-
return /* @__PURE__ */
|
|
775
|
-
},
|
|
776
|
-
var
|
|
777
|
-
title:
|
|
778
|
-
titleId:
|
|
779
|
-
} =
|
|
423
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("path", { d: "M14.6514 19.0977L11.9998 21.7493L9.34814 19.0977", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 15V21.75", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M9.34814 4.90163L11.9998 2.25L14.6514 4.90163", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 9V2.25", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M4.90163 14.6509L2.25 11.9993L4.90163 9.34766", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M9 12H2.25", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M19.0981 9.34766L21.7498 11.9993L19.0981 14.6509", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M15 12H21.75", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
424
|
+
}, Ue = b(Ge), qe = (s, l) => {
|
|
425
|
+
var o = s, {
|
|
426
|
+
title: r,
|
|
427
|
+
titleId: n
|
|
428
|
+
} = o, t = v(o, [
|
|
780
429
|
"title",
|
|
781
430
|
"titleId"
|
|
782
431
|
]);
|
|
783
|
-
return /* @__PURE__ */
|
|
784
|
-
},
|
|
785
|
-
var
|
|
786
|
-
title:
|
|
787
|
-
titleId:
|
|
788
|
-
} =
|
|
432
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("path", { d: "M3.75 0.999999L20.25 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M3.75 23L20.25 23", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 12L12 20.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M15 17.5L12 20.5L9 17.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 12L12 4", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M9 7L12 4L15 7", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
433
|
+
}, Je = b(qe), Xe = (s, l) => {
|
|
434
|
+
var o = s, {
|
|
435
|
+
title: r,
|
|
436
|
+
titleId: n
|
|
437
|
+
} = o, t = v(o, [
|
|
789
438
|
"title",
|
|
790
439
|
"titleId"
|
|
791
440
|
]);
|
|
792
|
-
return /* @__PURE__ */
|
|
793
|
-
},
|
|
794
|
-
horizontalExtend:
|
|
795
|
-
horizontalNormal:
|
|
796
|
-
verticalExtend:
|
|
797
|
-
verticalNormal:
|
|
798
|
-
moveArrows:
|
|
799
|
-
alignStart:
|
|
800
|
-
alignCenter:
|
|
801
|
-
alignEnd:
|
|
802
|
-
alignStartV:
|
|
803
|
-
alignCenterV:
|
|
804
|
-
alignEndV:
|
|
805
|
-
},
|
|
806
|
-
const
|
|
807
|
-
return /* @__PURE__ */
|
|
808
|
-
},
|
|
809
|
-
function
|
|
810
|
-
id:
|
|
811
|
-
className:
|
|
812
|
-
vertical:
|
|
813
|
-
stretch:
|
|
814
|
-
middle:
|
|
815
|
-
bottom:
|
|
816
|
-
disabled:
|
|
817
|
-
align:
|
|
818
|
-
realignable:
|
|
819
|
-
children:
|
|
441
|
+
return /* @__PURE__ */ a.createElement("svg", L({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, "aria-labelledby": n }, t), r ? /* @__PURE__ */ a.createElement("title", { id: n }, r) : null, /* @__PURE__ */ a.createElement("path", { d: "M12 1L12 6", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M15 3L12 6L9 3", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M12 23L12 18", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("path", { d: "M9 21L12 18L15 21", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ a.createElement("rect", { x: 21.25, y: 8.75, width: 6.5, height: 18.5, rx: 1.25, transform: "rotate(90 21.25 8.75)", stroke: "currentColor", strokeWidth: 1.5 }));
|
|
442
|
+
}, Qe = b(Xe), Ke = {
|
|
443
|
+
horizontalExtend: Ie,
|
|
444
|
+
horizontalNormal: ze,
|
|
445
|
+
verticalExtend: Je,
|
|
446
|
+
verticalNormal: Qe,
|
|
447
|
+
moveArrows: Ue,
|
|
448
|
+
alignStart: Ze,
|
|
449
|
+
alignCenter: Oe,
|
|
450
|
+
alignEnd: Ne,
|
|
451
|
+
alignStartV: Ye,
|
|
452
|
+
alignCenterV: Pe,
|
|
453
|
+
alignEndV: Ve
|
|
454
|
+
}, X = ({ className: r, name: n, onClick: t }) => {
|
|
455
|
+
const l = Ke[n];
|
|
456
|
+
return /* @__PURE__ */ h.jsx(l, { className: r, onClick: t });
|
|
457
|
+
}, J = ["start", "centered", "end"];
|
|
458
|
+
function ar({
|
|
459
|
+
id: r,
|
|
460
|
+
className: n,
|
|
461
|
+
vertical: t,
|
|
462
|
+
stretch: l,
|
|
463
|
+
middle: s,
|
|
464
|
+
bottom: o,
|
|
465
|
+
disabled: f,
|
|
466
|
+
align: u,
|
|
467
|
+
realignable: C,
|
|
468
|
+
children: w,
|
|
820
469
|
// Picky stuff
|
|
821
|
-
style:
|
|
822
|
-
editorStyle:
|
|
823
|
-
iconColor:
|
|
824
|
-
onAlignChange:
|
|
825
|
-
onClick:
|
|
470
|
+
style: y,
|
|
471
|
+
editorStyle: _,
|
|
472
|
+
iconColor: j = "#FFFFFF",
|
|
473
|
+
onAlignChange: g,
|
|
474
|
+
onClick: c
|
|
826
475
|
}) {
|
|
827
|
-
const [
|
|
828
|
-
|
|
829
|
-
const
|
|
476
|
+
const [M, x] = Q(!1);
|
|
477
|
+
xe(() => {
|
|
478
|
+
const E = requestAnimationFrame(() => x(!0));
|
|
830
479
|
return () => {
|
|
831
|
-
cancelAnimationFrame(
|
|
480
|
+
cancelAnimationFrame(E), x(!1);
|
|
832
481
|
};
|
|
833
482
|
}, []);
|
|
834
|
-
const { editing:
|
|
835
|
-
if (!
|
|
836
|
-
const
|
|
837
|
-
|
|
838
|
-
}, [
|
|
839
|
-
|
|
840
|
-
}, [
|
|
483
|
+
const { editing: k, onAlignChange: R } = K(), O = V(() => {
|
|
484
|
+
if (!C) return;
|
|
485
|
+
const E = J[(u ? J.indexOf(u) + 1 : 0) % J.length];
|
|
486
|
+
g == null || g(E), R == null || R(r, E);
|
|
487
|
+
}, [u, C, g, R, r]), A = V(() => {
|
|
488
|
+
k && (c == null || c(r));
|
|
489
|
+
}, [r, k, c]), P = H(
|
|
841
490
|
() => ({
|
|
842
491
|
position: "absolute",
|
|
843
|
-
left:
|
|
844
|
-
right:
|
|
845
|
-
bottom: !
|
|
846
|
-
top:
|
|
847
|
-
opacity: !
|
|
848
|
-
pointerEvents: !
|
|
492
|
+
left: t ? o ? 0 : void 0 : "50%",
|
|
493
|
+
right: t ? o ? void 0 : 0 : "50%",
|
|
494
|
+
bottom: !t && !o ? 0 : t ? "50%" : void 0,
|
|
495
|
+
top: t ? "50%" : o ? 0 : void 0,
|
|
496
|
+
opacity: !f && k && C ? 1 : 0,
|
|
497
|
+
pointerEvents: !f && k && C ? "auto" : "none",
|
|
849
498
|
transition: "all 0.5s ease-in-out"
|
|
850
499
|
}),
|
|
851
|
-
[
|
|
852
|
-
),
|
|
853
|
-
() =>
|
|
854
|
-
|
|
855
|
-
(
|
|
856
|
-
bottom:
|
|
857
|
-
vertical:
|
|
500
|
+
[t, o, f, k, C]
|
|
501
|
+
), S = H(
|
|
502
|
+
() => q.map(
|
|
503
|
+
w,
|
|
504
|
+
(E) => be(E, {
|
|
505
|
+
bottom: o,
|
|
506
|
+
vertical: t
|
|
858
507
|
})
|
|
859
508
|
),
|
|
860
|
-
[
|
|
509
|
+
[w, o, t]
|
|
861
510
|
);
|
|
862
|
-
return
|
|
863
|
-
|
|
511
|
+
return M ? /* @__PURE__ */ h.jsx(
|
|
512
|
+
je,
|
|
864
513
|
{
|
|
865
|
-
droppableId:
|
|
866
|
-
direction:
|
|
867
|
-
isDropDisabled:
|
|
868
|
-
children: (
|
|
514
|
+
droppableId: r,
|
|
515
|
+
direction: t ? "vertical" : "horizontal",
|
|
516
|
+
isDropDisabled: f,
|
|
517
|
+
children: (E, W) => /* @__PURE__ */ h.jsxs(
|
|
869
518
|
"div",
|
|
870
|
-
|
|
871
|
-
ref:
|
|
872
|
-
},
|
|
519
|
+
$(L({
|
|
520
|
+
ref: E.innerRef
|
|
521
|
+
}, E.droppableProps), {
|
|
873
522
|
className: [
|
|
874
|
-
|
|
523
|
+
n,
|
|
875
524
|
"area",
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
525
|
+
l && "stretch",
|
|
526
|
+
s && "middle",
|
|
527
|
+
o && "bottom",
|
|
528
|
+
u === "centered" ? "just-centered" : u === "end" ? "just-end" : "start",
|
|
529
|
+
k ? "area-transition-in" : "area-transition-out"
|
|
881
530
|
].filter(Boolean).join(" "),
|
|
882
|
-
style:
|
|
883
|
-
flexDirection:
|
|
884
|
-
minHeight: !
|
|
885
|
-
minWidth: !
|
|
886
|
-
opacity:
|
|
887
|
-
},
|
|
888
|
-
onClick:
|
|
531
|
+
style: L({
|
|
532
|
+
flexDirection: t ? "column" : "row",
|
|
533
|
+
minHeight: !q.count(w) && !k ? "0px" : "26px",
|
|
534
|
+
minWidth: !q.count(w) && !k ? "0px" : "46px",
|
|
535
|
+
opacity: W.isDraggingOver ? 0.8 : 1
|
|
536
|
+
}, k ? _ : y),
|
|
537
|
+
onClick: A,
|
|
889
538
|
children: [
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
/* @__PURE__ */
|
|
539
|
+
S,
|
|
540
|
+
E.placeholder,
|
|
541
|
+
/* @__PURE__ */ h.jsx("div", { style: P, children: /* @__PURE__ */ h.jsx(
|
|
893
542
|
"div",
|
|
894
543
|
{
|
|
895
|
-
onClick:
|
|
544
|
+
onClick: O,
|
|
896
545
|
style: {
|
|
897
546
|
cursor: "pointer",
|
|
898
|
-
color:
|
|
547
|
+
color: j
|
|
899
548
|
},
|
|
900
|
-
children: /* @__PURE__ */
|
|
901
|
-
|
|
549
|
+
children: /* @__PURE__ */ h.jsx(
|
|
550
|
+
X,
|
|
902
551
|
{
|
|
903
|
-
name:
|
|
552
|
+
name: u === "centered" ? t ? "alignCenterV" : "alignCenter" : u === "end" ? t ? "alignEndV" : "alignEnd" : t ? "alignStartV" : "alignStart"
|
|
904
553
|
}
|
|
905
554
|
)
|
|
906
555
|
}
|
|
@@ -911,19 +560,19 @@ function ht({
|
|
|
911
560
|
}
|
|
912
561
|
) : null;
|
|
913
562
|
}
|
|
914
|
-
function
|
|
915
|
-
var
|
|
916
|
-
className:
|
|
917
|
-
children:
|
|
918
|
-
id:
|
|
919
|
-
index:
|
|
920
|
-
extendable:
|
|
921
|
-
extended:
|
|
922
|
-
disabled:
|
|
923
|
-
style:
|
|
924
|
-
editorStyle:
|
|
925
|
-
iconColor:
|
|
926
|
-
} =
|
|
563
|
+
function lr(_) {
|
|
564
|
+
var j = _, {
|
|
565
|
+
className: r,
|
|
566
|
+
children: n,
|
|
567
|
+
id: t,
|
|
568
|
+
index: l,
|
|
569
|
+
extendable: s = !1,
|
|
570
|
+
extended: o = !1,
|
|
571
|
+
disabled: f = !1,
|
|
572
|
+
style: u,
|
|
573
|
+
editorStyle: C,
|
|
574
|
+
iconColor: w = "rgb(255, 255, 255)"
|
|
575
|
+
} = j, y = v(j, [
|
|
927
576
|
"className",
|
|
928
577
|
"children",
|
|
929
578
|
"id",
|
|
@@ -936,63 +585,63 @@ function gt(j) {
|
|
|
936
585
|
"editorStyle",
|
|
937
586
|
"iconColor"
|
|
938
587
|
]);
|
|
939
|
-
const { vertical:
|
|
940
|
-
|
|
941
|
-
}, [
|
|
588
|
+
const { vertical: g } = y, { editing: c, isDragging: M, onExtend: x } = K(), [k, R] = Q(!1), O = V(() => {
|
|
589
|
+
s && (R(!1), x == null || x(t, !o));
|
|
590
|
+
}, [s, x, o, t]), A = H(
|
|
942
591
|
() => ({
|
|
943
592
|
alignItems: "start",
|
|
944
593
|
float: "left",
|
|
945
|
-
color:
|
|
594
|
+
color: w
|
|
946
595
|
}),
|
|
947
|
-
[
|
|
948
|
-
),
|
|
596
|
+
[w]
|
|
597
|
+
), P = H(
|
|
949
598
|
() => ({
|
|
950
|
-
id:
|
|
951
|
-
editing:
|
|
952
|
-
isDragging:
|
|
953
|
-
isHovered:
|
|
954
|
-
extended:
|
|
955
|
-
extendable:
|
|
956
|
-
disabled:
|
|
957
|
-
index:
|
|
599
|
+
id: t,
|
|
600
|
+
editing: c,
|
|
601
|
+
isDragging: M,
|
|
602
|
+
isHovered: k,
|
|
603
|
+
extended: o,
|
|
604
|
+
extendable: s,
|
|
605
|
+
disabled: f,
|
|
606
|
+
index: l
|
|
958
607
|
}),
|
|
959
|
-
[
|
|
608
|
+
[f, c, s, o, t, l, M, k]
|
|
960
609
|
);
|
|
961
|
-
return /* @__PURE__ */
|
|
610
|
+
return /* @__PURE__ */ h.jsx(ye, { draggableId: t, index: l, isDragDisabled: f, children: (S, E) => /* @__PURE__ */ h.jsx(
|
|
962
611
|
"div",
|
|
963
|
-
|
|
964
|
-
ref:
|
|
965
|
-
},
|
|
966
|
-
className: `${
|
|
967
|
-
style:
|
|
968
|
-
flex:
|
|
969
|
-
opacity:
|
|
970
|
-
},
|
|
971
|
-
children: /* @__PURE__ */
|
|
612
|
+
$(L({
|
|
613
|
+
ref: S.innerRef
|
|
614
|
+
}, S.draggableProps), {
|
|
615
|
+
className: `${r} item`,
|
|
616
|
+
style: L(L({
|
|
617
|
+
flex: o && !E.isDragging ? "auto" : void 0,
|
|
618
|
+
opacity: E.isDragging ? 0.5 : 1
|
|
619
|
+
}, c ? C : u), S.draggableProps.style),
|
|
620
|
+
children: /* @__PURE__ */ h.jsxs(
|
|
972
621
|
"div",
|
|
973
622
|
{
|
|
974
623
|
style: {
|
|
975
624
|
position: "relative",
|
|
976
|
-
minHeight:
|
|
977
|
-
width: !
|
|
978
|
-
minWidth:
|
|
979
|
-
height:
|
|
625
|
+
minHeight: k && !f ? "35px" : void 0,
|
|
626
|
+
width: !g && o ? "100%" : void 0,
|
|
627
|
+
minWidth: k && !f ? s ? "70px" : "35px" : void 0,
|
|
628
|
+
height: g && o ? "100%" : void 0
|
|
980
629
|
},
|
|
981
|
-
onMouseEnter: () =>
|
|
982
|
-
onMouseLeave: () =>
|
|
983
|
-
onClick: (
|
|
630
|
+
onMouseEnter: () => c && R(!0),
|
|
631
|
+
onMouseLeave: () => c && R(!1),
|
|
632
|
+
onClick: (W) => W.stopPropagation(),
|
|
984
633
|
children: [
|
|
985
|
-
typeof
|
|
986
|
-
/* @__PURE__ */
|
|
634
|
+
typeof n == "function" ? n(P) : n,
|
|
635
|
+
/* @__PURE__ */ h.jsx(
|
|
987
636
|
"div",
|
|
988
637
|
{
|
|
989
638
|
className: "overlay",
|
|
990
639
|
style: {
|
|
991
|
-
display: !
|
|
640
|
+
display: !f && c && k && (E.isDragging || !M) ? "block" : "none"
|
|
992
641
|
},
|
|
993
|
-
children: /* @__PURE__ */
|
|
994
|
-
/* @__PURE__ */
|
|
995
|
-
|
|
642
|
+
children: /* @__PURE__ */ h.jsxs("div", { className: "overlay-buttons", style: A, children: [
|
|
643
|
+
/* @__PURE__ */ h.jsx("div", $(L({}, S.dragHandleProps), { style: { cursor: "grab" }, children: /* @__PURE__ */ h.jsx(X, { name: "moveArrows" }) })),
|
|
644
|
+
s && /* @__PURE__ */ h.jsx("div", { style: { cursor: "pointer", marginLeft: "8px" }, onClick: O, children: /* @__PURE__ */ h.jsx(X, { name: g ? "verticalExtend" : "horizontalExtend" }) })
|
|
996
645
|
] })
|
|
997
646
|
}
|
|
998
647
|
)
|
|
@@ -1003,9 +652,9 @@ function gt(j) {
|
|
|
1003
652
|
) });
|
|
1004
653
|
}
|
|
1005
654
|
export {
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
655
|
+
ar as GridArea,
|
|
656
|
+
lr as GridItem,
|
|
657
|
+
or as GridSection,
|
|
658
|
+
nr as GridWrapper,
|
|
659
|
+
X as Icon
|
|
1011
660
|
};
|